【 ＨＰ質問箱 】

【ＨＰ質問箱/詳細】　一覧 / 詳細

　 No.9889　HP作成ソフトでのアップロード

[遥] [ブラウザ]　 09/02/17 (火) 11:51

いつもお世話になっております。
訳あって普段つかっているＰＣと別物の中古ＰＣを使って
います。
ですがなぜかＦＦＴＰが使用できず、仕方なく
alphaEDITのＦＴＰアップロード機能を使ってみたのですが、
何故かアップロードした物とは似ても似つかない文字化け
画面になってしまいました。
ＨＰアドレスには問題のページ、添付に元データを
入れておきますので、またご指導頂けたらと思います。
よろしくお願いします。

▼

▼

▼

　 No.9900　Re:HP作成ソフトでのアップロード

[atom] [ブラウザ]　 09/02/23 (月) 14:48

大変失礼しました。
見落としてました。

こちらのページは今正常に見れますが、もう問題は解決しましたか？

▼

▼

▼

　 No.9904　Re^2:HP作成ソフトでのアップロード

[遥] [ブラウザ]　 09/02/24 (火) 17:39

どうぞお気になさらないで下さい。
原因が分からなかったため、とりあえず今は貴サイトで
紹介されていたRootFTPを使っています。
ですが、なんで文字化けしたんでしょうか・・・・謎です（汗）

▼

▼

▼

　 No.9905　Re^3:HP作成ソフトでのアップロード

[atom] [ブラウザ]　 09/02/24 (火) 20:16

そうですね、alphaEDITや、ビルダーに付いているFTPソフトは設定が少なく簡単そうに見えますが、トラぶったとき原因が分かりません。

FFFTPを使えるようにしてた方がいいですよ。

▼

▼

▼

　 No.9912　Re^4:HP作成ソフトでのアップロード

[遥] [ブラウザ]　 09/02/26 (木) 11:53

あんまりその辺のシステムがよく分からないので、
さしあたってはRootFTPを使っていこうと思います。
どうもありがとうございました。

▼

▼

▼

　 No.9913　Re^5:HP作成ソフトでのアップロード

[atom] [ブラウザ]　 09/02/26 (木) 12:37

あ、FFFTPじゃなく、RootFTPを使ってるんですね。

はい、それでもＯＫです。(^_^)

▼

▼

▼

　 No.9886　ブラウザ別の微妙な表示の違いの処理。

[まこじ] [ブラウザ]　 09/02/09 (月) 16:35

HTML文の学習のために、勝手ながら既にある以下のサイトをコピーさせてもらっています。

http://gshop2.com/main/

ロゴの横の「HOME」～「お問い合わせ」までのリンクですが、添付ファイルのようにコードしました。添付ファイルでは<>を全角にしてあります。

それをブラウザで見ると以下の通りです。

http://makoji.web.fc2.com/test/test_07/top_page_12.html

ＩＥではこれでそれなりにコピーされているのですが、他のブラウザでは微妙に文字やバーの位置が違います。元のサイトはブラウザの違いに関係なく、そのような狂いは生じないようです。

元のサイトはどのようにブラウザの違いを処理しているのでしょう。

▼

▼

▼

　 No.9887　Re:ブラウザ別の微妙な表示の違いの処理。

[atom] [ブラウザ]　 09/02/09 (月) 17:00

う～ん．．質問がかなり広範囲にわたってますね。

見た目のデザインを統一するのはかなりの手間がかかります。

どこをどのように直したらいいかと言われても、こちらは有料でやってるわけではないので、無料でサポートするには限界があります。

冷たいかもしれませんが、相手のサイトと同じようにしたいなら、先方のサイトを丸ごとコピーしてきて、全く同じ環境にして、ひとつひとつ（1行ずつ）削除したり元に戻したりしながら、どこをどう設定しているのかを調べて行くしかないでしょう。

▼

▼

▼

　 No.9888　Re^2:ブラウザ別の微妙な表示の違いの処理。

[まこじ] [ブラウザ]　 09/02/10 (火) 22:25

ありがとうございます。

ちょっとやってみますね。

▼

▼

▼

　 No.9881　はじめまして

[ケースケ] [ブラウザ]　 09/02/07 (土) 12:38

いつも参考にさせていただいています。

ところでBGMのオン/オフをボタンではなくて文字で表したいのですが、どうすればいいですか？

▼

▼

▼

　 No.9882　Re:はじめまして

[atom] [ブラウザ]　 09/02/07 (土) 13:41

ここのサイトを参考にしてるならわかると思いますが．．

同じページにちゃんと、文字の場合も解説してますよ。

▼

▼

▼

　 No.9883　Re^2:はじめまして

[ケースケ] [ブラウザ]　 09/02/08 (日) 04:05

はい、見直したらわかりました！すいません！

ちなみにこのONにしたBGMをループさせたいときはどうすればいいんでしょうか？

▼

▼

▼

　 No.9884　Re^3:はじめまして

[atom] [ブラウザ]　 09/02/08 (日) 10:00

この質問も、ここのサイトの「HTMLサンプル」－「サウンドについて」で解説しています。

▼

▼

▼

　 No.9885　Re^4:はじめまして

[ケースケ] [ブラウザ]　 09/02/08 (日) 15:47

すいません。解決しました。

ありがとうございました！

▼

▼

▼

　 No.9878　外部CSSと画像の表示位置について。

[猫] [ブラウザ]　 09/02/05 (木) 17:34

外部CSS内に
img.c{
text-align: center;
}

画像を貼り付けたいHTML内に
<img src="00.bmp" class="c">

という記述をして画像"00"を横幅に対して中央に表示させたかったのですが、画像位置がleftのままで変化がありません。

外部CSSなのでCSSの呼び出しURLが可笑しいのかとためしに太文字にするspan要素の記述をクラス指定で記述しましたが、こちらは上手くいきました。

外部CSSのimg要素でtext-alignを指定してもその通りに表示されないのでしょうか？(以前どこかのサイトで「できる」と書いてあった記憶があるのですが･･･？)

▼

▼

▼

　 No.9879　Re:外部CSSと画像の表示位置について。

[atom] [ブラウザ]　 09/02/05 (木) 17:50

画像はテキストではありませんから、直接指定しても変化はありません。

画像をセンタリングするのではなく、画像を取り巻く環境をセンタリングしないといけません。

<div style="text-align: center;">
<img src="00.bmp" class="c">
</div>

すなわち、

<div class="c">
<img src="00.bmp">
</div>

として、cssに

.c{
text-align: center;
}

とすべきでしょう。

▼

▼

▼

　 No.9880　Re^2:外部CSSと画像の表示位置について。

[猫] [ブラウザ]　 09/02/06 (金) 10:19

> 画像はテキストではありませんから、直接指定しても変化はありません。

早速の回答ありがとうございます。
CSSでimg要素に直接指定するのは無理なのですね。
div要素で新しく構文を加えるようにします。

ありがとうございました。

▼

▼

▼

　 No.9873　初期文章のまま送信されるのを防ぎたいです

[空玉] [ブラウザ]　 09/02/04 (水) 02:41

はじめまして。
早速なんですが、メールフォームについて質問させて下さい。

現在ICS（ttp://www.ics.ne.jp/mailfw）というところで、無料のメールフォームを借りています。

フォームはJavaスクリプトで、初期文章（最初から入力している文字）をクリックして消せるようにしています
常に、空白で送信されないように対策しています。
…ですが。
初期文章（例えば、ここに入力して下さい…等）のまま送信されたりします。

そこで。
初期文章のまま送信されないようにしたいのですが…
どうしたら良いのかわかりません。

もしこのような方法が、今レンタルしているメールフォームで出来るのなら、是非詳しく教えていただきたいです。


宜しくお願いします。



…と、半角文字や記号が化けてしまうのですが。
これはどうしようもないんでしょうか。

もしコチラも教えていただけましたら嬉しいです。

▼

▼

▼

　 No.9876　Re:初期文章のまま送信されるのを防ぎたいです

[atom] [ブラウザ]　 09/02/04 (水) 21:19

レンタルでしょ？
レンタルなら、ここで質問しても意味はないと思います。

まずはレンタル先に聞いてください。
自分で設置してないなら、相手の仕様に従うしかないでしょう。

そのような問題点を改善できるのか、あるいは回避策があるのか．．
すべて相手次第です

こちらではどうする事もできません。

▼

▼

▼

　 No.9877　Re^2:初期文章のまま送信されるのを防ぎたいです

[空玉] [ブラウザ]　 09/02/05 (木) 02:52

早速の返信、感謝します。

CGIをレンタルっていうんですかね。
フォームの形などは自分で設定していまして。
タグやスクリプトで、確認画面や空白にしないなどの事が出来ましたので…
何かのタグやスクリプトで出来ると思って質問させていただきました。すみません。

検索していると、何かそれらしいような回避策みたいなものがありましたので…
少々わかりにくいですが、それを参考にしたいと思います。


有難う御座いました。

▼

▼

▼

　 No.9870　２枚の画像を隙間なく並べたい。

[まこじ] [ブラウザ]　 09/02/02 (月) 16:08

画像を２枚横に並べようとしたのですが、何故か上下になってしまいます。

width属性を指定しないと横に並びますが、２枚の間に隙間が出来てしまいます。

どうすれば２枚の間に隙間を作らずに横に並べられるでしょう。


**** test_01.html ****

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
<html lang="ja" xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja">
<head xmlns=">
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=shift_jis" />
<link href="test_01.css" type="text/css" rel="stylesheet" />
</head>
<body xmlns=">
<div class="wrapper">
<img class="02" alt="無料査定スタート" src="01_02.jpg" />
<img class="03" alt="買取金額の目安表" src="01_03.jpg" /><br />
</div>
</body>
</html>


**** test_01.css ****

div.wrapper {
margin: 0px auto;
padding: 0px;
text-align: center;

▼

▼

▼

　 No.9871　Re:２枚の画像を隙間なく並べたい。

[atom] [ブラウザ]　 09/02/02 (月) 16:31

これは単純にimgタグ間にある「改行」がスペース1個分に置き換わってるからです。
「改行」を削除して1行に記述すれば隙間はなくなると思います。

それとそれでも2行に跨るのなら、それはブラウザの持つ、「自動折り返し」機能です。
横幅を超えたものは自動的に次の行に表示されてしまいます。

これを解決するには、divタグの横幅を広く取るか、
divタグに「white-space: nowrap;」のスタイルを入れるか、
テーブルタグのセルで1個1個括ってやればいいです。

▼

▼

▼

　 No.9872　Re^2:２枚の画像を隙間なく並べたい。

[まこじ] [ブラウザ]　 09/02/02 (月) 19:42

改行は縦にも横にもスペースを空けるのですね。

勉強になりました。

ありがとうございます。

▼

▼

▼

　 No.9865　tableの両側に影を付けたい

[まこじ] [ブラウザ]　 09/01/29 (木) 14:12

HTMLの学習のために既にある下記のサイトを勝手ながら真似ています。
　　http://gshop2.com/main/

画面の中央に内容を配置するために、内容の殆んどをtable内に記述して、<table align=center>としました。

さて、元のHPでは中央に配置した内容の右、下、左を取り巻くようにして影が付いています。

最初に
filter:progid:DXImageTransform.Microsoft.Shadow(Color=blue,Strength=20,Direction=90);
filter:progid:DXImageTransform.Microsoft.Shadow(Color=blue,Strength=20,Direction=270);
としてみましたが、後の文によって先の文が訂正されてしまうのか、tableの両側に影が出来ません。

次に
filter:progid:DXImageTransform.Microsoft.Glow(Color=blue,Strength=20);
とした状態が添付ファイルです。

影が四方に出来てしまい、ページ最上段を左から右へ横断しているバーの上にまで影が出てしまいました。HPアドレスの状態です。

どうすれば三方にだけ影を出すことが出来るでしょうか。

▼

▼

▼

　 No.9866　Re:tableの両側に影を付けたい

[atom] [ブラウザ]　 09/01/29 (木) 15:49

今回のフィルターは定義が全く同じなので、当然、どんどん上書きされます。

参考にされてるページを詳しく見たわけではないので、はっきりとはいえませんが、一般的には画像を背景に埋め込む方法で行います。

左側、右側、下側の画像を横幅にあわせて、それぞれ別々に作り、それぞれ3つの背景に埋め込む方法です。

左右の幅、上下の高さが常に固定なら、そのボックスと同じ画像を作って、全体の背景に埋め込めば可能です。

▼

▼

▼

　 No.9869　Re^2:tableの両側に影を付けたい

[まこじ] [ブラウザ]　 09/02/01 (日) 15:07

table両側の影にカーソルを置いて右クリック。「名前を付けて背景を保存」とすると、wrapper_01.gifというファイル名がデフォルトで入ってくるので、多分に元のサイトもatomさんがご指摘のように、影を予め画像として用意することでtable両側の影を実現しているようです。

ありがとうございました。

▼

▼

▼

　 No.9862　ロゴ横の一行だけの背景色を変えるには？

[まこじ] [ブラウザ]　 09/01/27 (火) 22:30

HTMLの学習のために既にあるサイトを勝手ながら真似てソースを手書きしてみました。

例えば下記サイト
http://gshop2.com/main/
において

ロゴの右に「G-SHOP モバイルは、携帯電話白ロムの買取り販売サイトです。」とあります。

<P ALIGN=RIGHT><IMG SRC="logo.jpg" ALT="GS MOBILE" ALIGN=LEFT WIDTH=352 HEIGHT=55 BORDER=0><FONT SIZE=1>G-SHOP モバイルは、携帯電話白ロムの買取り販売サイトです。</FONT><BR CLEAR=LEFT>
</P>

と記述すると、ロゴの右が青くなりません。

背景色を指定するとページ全体の背景色が変わってしまいます。

このサイトのように、ロゴの青い部分とうまく繋がるように文字の部分まで青くするにはどうすればよいのでしょうか。

初心者で下らない質問ですが、どなたかお答えください。
よろしくお願いします。

▼

▼

▼

　 No.9863　Re:ロゴ横の一行だけの背景色を変えるには？

[atom] [ブラウザ]　 09/01/28 (水) 07:54

単純に、スタイルシートを使い、ヘッダ（ロゴ）の部分の背景色だけ指定すればいいのでしょ？

▼

▼

▼

　 No.9864　Re^2:ロゴ横の一行だけの背景色を変えるには？

[まこじ] [ブラウザ]　 09/01/29 (木) 12:34

> 単純に、スタイルシートを使い、ヘッダ（ロゴ）の部分の背景色だけ指定すればいいのでしょ？

ありがとうございます。出来ました。

▼

▼

▼

　 No.9851　マウスカーソルの動きでスクロール

[まりん] [ブラウザ]　 08/12/03 (水) 21:14

縦幅は表示画面最大以下で横長のサイトを作りたいのですが、横にスクロールしてもらうために、ホイールを回転させたら横に進むようにしたいと思ったのですが、それ以上にマウスカーソルを移動すればそれにページがついてくるようにしたいと思いました。可能でしょうか？

▼

▼

▼

　 No.9852　Re:マウスカーソルの動きでスクロール

[atom] [ブラウザ]　 08/12/03 (水) 21:51

Javascriptを使用すれば可能だと思います。

そんな複雑で不便なものは私では解説できませんし、そのようなものは必要性があると思われないので、サンプル自体もないと思いますね。

ご自分で勉強して設置するしかないと思います。

▼

▼

▼

　 No.9853　Re^2:マウスカーソルの動きでスクロール

[まりん] [ブラウザ]　 08/12/04 (木) 16:25

ありがとうございます^^
もう少し質問しながら勉強していきます。
　
もう少し入った質問なんですが、
<HTML>
<HEAD>

<style type="text/css">
#item {position:absolute; visibility:hidden; left:0px}
</style>

<SCRIPT LANGUAGE="JavaScript">
<!--
var isNSC=(document.layers);
var is_all=(isNSC)? '' : 'all.' ;
var is_style=(isNSC)? '' : '.style' ;
var is_visible=(isNSC)? 'show' : 'visible';
var win_wd, win_ht, item, true_scroll=false, for_down;
function init(){
item=eval('document.'+is_all+'item'+is_style);
get_win_size();
item.visibility=is_visible;
scrl_page();
}
function get_win_size() {
win_wd=(isNSC)? window.innerWidth-5 : document.body.clientWidth;
win_ht=(isNSC)? window.innerHeight : document.body.clientHeight;
(isNSC)? item.clip.width=42: item.width=42;
(isNSC)? item.clip.height=20 : item.height=20;
mv_item();
}
function resize_NSC() {
setTimeout('document.location.reload()',400);
}
function mv_item() {
if (isNSC) {
item.moveTo((pageXOffset+win_wd-120),(win_ht+pageYOffset-120))
}else{
item.pixelLeft=document.body.scrollLeft+win_wd-120;
item.pixelTop=win_ht+document.body.scrollTop-120;
}
}
window.onload=init;
(isNSC) ? window.onresize=resize_NSC : window.onresize=get_win_size ;
function scrl_page() {
status = '';
if (true_scroll) {
if (for_down) {
(isNSC)? window.scrollBy(0,4) : window.scrollBy(0,4) ;
} else {
(isNSC)? window.scrollBy(0,-4) : window.scrollBy(0,-4) ;
}
}
mv_item();
setTimeout('scrl_page()', 20);
}
//-->
</script>

</HEAD>
<BODY>
<div id="item">
<a href="javascript:void(0)" onMouseover="true_scroll=true;
for_down=false" onMouseout="true_scroll=false">
<img src="up.gif" border="0"></a>


<a href="javascript:void(0)" onMouseover="true_scroll=true; for_down=true"
onMouseout="true_scroll=false"><img src="down.gif" border="0"></a>
</div>
<table border=0>
<tr><td>


</td></tr>
</table>
</BODY>
</HTML>

これでオンマウスでスクロールは可能みたいなのですが、動くメニューが右下に表示されていて不便です。
動くメニュー(ｽｸﾛｰﾙに追いかけてくる)を二箇所に分けて設置したり、画面の左右半分ずつに設置したりは出来ないでしょうか？

質問わかりにくくてすみません。
ﾌﾗｯｼｭで作成されているサイトがあったのでイメージとして載せておきます

▼

▼

▼

　 No.9854　Re^3:マウスカーソルの動きでスクロール

[atom] [ブラウザ]　 08/12/04 (木) 18:41

出来なくはないでしょうが、かなり試行錯誤しながら作って行くしかないでしょうね。

ご自分で作成されたものや、単純なものならアドバイスもできるのですが、複雑なものや配布物の改造は、アドバイスがし難いですね。

今回のご質問は、質問と言うより、javascriptの作成依頼という感じです。
残念ですが、私ではちょっとご期待には添えません。

▼

▼

▼

　 No.9857　Re^4:マウスカーソルの動きでスクロール

[まりん] [ブラウザ]　 08/12/05 (金) 20:43

ありがとうございます
できなくはない。ですか。
やってみます。
この件についてはこのくらいで終わりますね。
他の質問については別に質問します。

▼

▼

▼

　 No.9844　スクロールバーが・・・・

[ストライクＤ] [ブラウザ]　 08/11/02 (日) 23:30

はじめまして。ストライクＤといいます。先日ｆｃ２でホームページを作ってみました。まだコンテンツは少ないのですが、これからゆっくりと増やそうと思っています。
さて質問なんですが、ぼくはalphaEDITを使ってホームページを作っているんですが、ブラウザの大きさによっては文章が改行されてしまいます。横方向のスクロールバーはどのようにすればつけられるでしょうか？ご指導お願いします。

▼

▼

▼

　 No.9845　Re:スクロールバーが・・・・

[atom] [ブラウザ]　 08/11/03 (月) 09:00

横スクロールバーは、ブラウザの横幅に入りきらない場合、自動的に表示されます。
文字だけの文章の場合、ブラウザの横幅にあわせて文字が自動的に折り返されます。

本来これが親切な設計です。

横スクロールバーが入る事は、見る側にいらない操作を余分にさせる事になりますから、とてもわずらわしいもので、不親切な設計ですね。

それでもあえてそのようにしたいのなら、
初心者が簡単に行える方法は、テーブルを使い、その横幅を指定し、その中に文章を入れると実現できます。
テーブルで横幅を指定しているので、ブラウザの横幅が小さくなろうとも、文字は折り返さず、横スクロールバーが表示されます。

将来的には、横スクロールバーよりも、文字を折り返す方のデザインを考えたほうがいいでしょう。

▼

▼

▼

　 No.9846　Re^2:スクロールバーが・・・・

[ストライクＤ] [ブラウザ]　 08/11/03 (月) 23:12

そうなんですか！これからはその様な点も、しっかり考えてホームページを作りたいと思います。
ご指導ありがとうございます。

▼

▼

▼

　一覧 / 詳細