(X)HTML/CSS/Dreamweaverの質問に優しく答えるスレ4 851-900

2009年11月30日

1 ：Name_Not_Found：2009/09/16(水) 19:26:25 ID:???

ここは初心者からベテランまで、全ての人を対象に優しく答えるスレです

類似質問大いに結構。分からない人は何回聞いても結構
(X)HTML/CSS/Dreamweaverの事なら何でもOK
ただし、JavaScriptやPHPなどはスレ違い/板違い。該当スレ/該当板でどうぞ

回答してくれる方は優しい人のみ！
質問者に対して暴言を吐く人はこのスレを見るな！！

質問側も節度あるレスで！
質問前にスレ内を検索しましょう

■次スレについて
基本的にレスナンバー>>980を取った人（立てられない場合は次の宣言者）が立てて下さい
重複を避けるため、独断でスレ立てはせず必ず意思表示をしてから立てて下さい（>>980を取った場合も）
立てられない事が予め分かっている場合は、>>980付近の書き込みは自重しましょう

■前スレ
(X)HTML/CSS/Dreamweaverの質問に優しく答えるスレ3
http://pc11.2ch.net/test/read.cgi/hp/1250142355/

851 ：849：2009/11/25(水) 18:57:28 ID:???

>>849->>850
続いてます
ややこしいカキコミ方でごめんー

852 ：Name_Not_Found：2009/11/25(水) 19:23:24 ID:???

>>850
＞・transparentは何故必要なのか
transparentは要は背景を何も指定しない（＝打ち消す）役割を持ってる
類似としてbackground-color: none;でも可能
省略時のデフォルトもtransparentなので指定する必要があるのは↓のような場合。それ以外は指定しなくていい
div { background: #000; }
div.box { background: transparent; }
background: transparent;を指定することでユーザスタイルシートを上書きできるとか記述してるサイトもあるけど
実際はそんなことは無かった気がする。悪いけどこれは自分で確かめてくれ

＞・no-repeat,scrollなどはCSS要素に当てはめるとどれになるのか（no-repeatはbackground-position？）
background-repeatでググレ。勿論background-imageと併用する必要がある。
backgroundで一括した方が楽だろうけど

＞・0 0 はどこを基点とした数値なのか
要素内の左上。見た目で分かりづらかったらbackground: #000;なんかを指定して確認すればいい

853 ：852：2009/11/25(水) 19:25:53 ID:???

transparentは背景じゃなくて背景色の指定だった
画像を打ち消したい場合はbackground-image: none;を使うべき
background-color: none;はもしかすると間違った記述かもしれない

854 ：Name_Not_Found：2009/11/25(水) 20:02:10 ID:???

>>852-853
その程度の知識でよく答えようと思ったな

ttp://www.htmq.com/style/background.shtml

855 ：Name_Not_Found：2009/11/25(水) 20:06:28 ID:???

>>854
つ鏡

title要素は必須ですよ

856 ：Name_Not_Found：2009/11/25(水) 20:10:20 ID:???

>>855
え？

857 ：Name_Not_Found：2009/11/25(水) 20:11:14 ID:???

selector{
　　title:”ばーか”;
}
こう？

858 ：Name_Not_Found：2009/11/25(水) 20:11:46 ID:???

>>854=>>856
無理して煽らなくてもいいのよ

859 ：Name_Not_Found：2009/11/25(水) 20:11:56 ID:???

>>855は>>854が作ったサイトだと思った、とか・・？

PR

860 ：Name_Not_Found：2009/11/25(水) 20:13:15 ID:???

>>855
これはひどいｗｗｗｗｗ

861 ：Name_Not_Found：2009/11/25(水) 20:14:18 ID:???

>>854は何を意図してあのサイトを張ったんやろう？

862 ：Name_Not_Found：2009/11/25(水) 20:14:33 ID:???

>>855
そうだね、title要素は必須だね
でも俺が作ったものじゃないし、今backgroundの話だよね

863 ：852：2009/11/25(水) 20:15:56 ID:???

>>854見て気付いたけど
scrollはbackground-repeatじゃなくてbackground-attachmentだったらしい
完全に失念していたので申し訳ない
補足して貰えるのはありがたいけど何処がどう間違ってるか一言あると分かりやすい

864 ：Name_Not_Found：2009/11/25(水) 20:21:13 ID:???

>>859
文脈的に、このレス用に急遽作ったページだと思ったんだろう

865 ：Name_Not_Found：2009/11/25(水) 20:22:02 ID:???

他のリファレンスサイト参考にした方がええよ……

866 ：Name_Not_Found：2009/11/25(水) 20:50:41 ID:???

>>865
例えば？

867 ：Name_Not_Found：2009/11/25(水) 21:09:42 ID:???

>>850
>・transparentは何故必要なのか
transparentは透明にするという意味で、何も指定していない場合はこれがデフォ
ちなみにbackground-colorにnoneという値は存在しない

>・no-repeat,scrollなどはCSS要素に当てはめるとどれになるのか（no-repeatはbackground-position？）
no-repeatはbackground-repeat、scrollはattachment

>・0 0 はどこを基点とした数値なのか
横と縦の指定で、左からの位置と上からの位置が基点
>ボタンのactiveやhoverで数値を変えて反映させたいのだけど
こういう場合は数字を使うよりleft top、left bottomで指定した方が楽だと思う

868 ：Name_Not_Found：2009/11/26(木) 00:36:20 ID:???

えらく懐かしいHTML/CSS解説サイトを貼ったものだなｗ
思わず書き込んでしまったじゃないかｗ

869 ：Name_Not_Found：2009/11/26(木) 01:17:47 ID:823Lv3ux

テーブルを組んでるのですが上下の列線が一緒に動いてしまいます・・・
３行つくって一番したは５列を左よりに、２行目は１行目右側と二箱とマージンさせて３列
一番上の行は６列線を一番下の行とは別別の位置で配置したいのですが
列の線を動かすと一番下の列の線まで動いてしまいます・・・どうすれば
一番上の行の列線のみを動かせますか？よろしくお願いします。

PR

870 ：Name_Not_Found：2009/11/26(木) 08:55:50 ID:???

よくわからない文章よりソースを

871 ：Name_Not_Found：2009/11/26(木) 11:18:23 ID:???

よくわからんが、DWの質問じゃね？

872 ：Name_Not_Found：2009/11/26(木) 18:18:40 ID:???

すいません質問です。
container高さautoで中にコンテンツを入れています。
そのしたにフッターを置こうとしてもフッターのボックスは右上にいってしまいます。
クリアをしたらフッターを一番下に来てくれるのですがIE6では
フッターとコンテナの間に大きな空白が生まれます。（300pxくらいです。）
画像を見て頂けたらわかると思います。
コンテンツの量がページによって変わるので高さをオート設定にしたいのですが
どうすればいいのでしょうか？
フッターをcontainerからはずしているのは横がどこまでも伸びるように設定したいからです。
http://fx.104ban.com/up/src/up9694.png

873 ：Name_Not_Found：2009/11/26(木) 18:20:19 ID:???

続きです。
#fot {
width: auto;
background-image: url(../img/images/img_72.png);
background-repeat: repeat-x;
height: 150px;
clear: both;
margin-bottom: 0px;
}
#container {
width: 900;
height: auto;
}

コンテンツ色々

</div>

よろしくお願いします。

874 ：Name_Not_Found：2009/11/26(木) 18:43:50 ID:bnwBdENe

小説サイトを作成していた初心者です。
ＨＴＭＬを作業中に突然ＣＳＳが反映されなくなりました。
原因は何なのかわからないでしょうか？

ＨＴＭＬとＣＳＳは↓にアップしています。
http://www1.axfc.net/uploader/Sc/so/58303.zip

875 ：Name_Not_Found：2009/11/26(木) 18:55:53 ID:???

>>874
コメント（のつもり）の「//*〜*//」を「/*〜*/」に直してみれば？

876 ：Name_Not_Found：2009/11/26(木) 18:57:02 ID:???

>>872
height: auto;が不要。ブロック要素の縦幅は指定しなくてもいい
あと、width: 900;はwidth: 900px;にした方がいい
数値が0以外の時はなるべき単位をつけるべき

877 ：Name_Not_Found：2009/11/26(木) 19:05:42 ID:???

>>876さん
非常に助かりました。
height:autoをすべて取り除く事で対処できました。
単位にも気をつけて作業いたします。
本当にありがとうございますm(_ _)m

878 ：Name_Not_Found：2009/11/26(木) 19:11:20 ID:???

>>875
有難うございます。解決しました。

879 ：Name_Not_Found：2009/11/26(木) 19:20:00 ID:???

0のときに単位を省略できるだけであって、0以外のときは必ず付けてね

PR

880 ：872：2009/11/26(木) 19:48:47 ID:???

>>879 なるほど了解です。

881 ：Name_Not_Found：2009/11/26(木) 23:19:35 ID:vXaNh6eP

サイト定義の設定について質問です。

下記のように2つのディレクトリを分けて設定できるようにすることは可能でしょうか？

(現在)
ホストディレクトリ
例: /var/www/xxx/public/

(希望)
A. ファイル管理ディレクトリ (ホストディレクトリ)
例: /var/www/xxx/

B. WEBサーバーのドキュメントルート (オプション)
例: public/

882 ：Name_Not_Found：2009/11/26(木) 23:21:58 ID:vXaNh6eP

通常 Dreamweaver ではホストディレクトリ(WEBサーバーのドキュメントルート)
を設定するため、そのディレクトリ外を参照できません。
そのためファイル管理を行うため、ホストディレクトリを1階層上の~/に指定すると、
リンクが書き換えられてしまう可能性(操作ミスですが..)があり、
WEBサーバーのドキュメントルートである~/public/を指定すると、
リンク切れと扱われたり、一括検索などの便利なツールが使えません。

ホストディレクトリの1,2階層上からファイル管理ができるようになると、
開発がとても楽になります。

DBアクセス情報などの含まれる設定ファイルはドキュメントルート外に置いておいた方が、
(サーバーの設定次第ですが)安全と思いますし、
ドキュメントルート内には、実際に実行されるファイルのみを設定できた方が、
ディレクトリ構成がシンプルになりますし、デザイナー／プログラマー間での分業も
やり易くなると思います。

883 ：Name_Not_Found：2009/11/26(木) 23:25:36 ID:vXaNh6eP

#JavaScriptやPHPなどはスレ違い/板違い
すみません、スレ違い/板違いだったようです。。。

884 ：Name_Not_Found：2009/11/27(金) 13:42:56 ID:qYWioYqK

いつも疑問に思ってることなのですが・・・・

プロ（webページ作成を生業としてる人）には、
「ドリームウィーバー」または「ＨＴＭＬ＆ＣＳＳ」で作成している
２通りの人が多いと思いますが、
ＳＥＯの事を考えればＣＳＳで書いた方が有利ですよね。

ドリームウィーバーをメインに使っている人は「ＨＴＭＬ＆ＣＳＳ」を
使いこなすことが出来ないから、ウィーバーで作るのですか？
それとも他に理由があるのでしょうか？

885 ：Name_Not_Found：2009/11/27(金) 14:00:47 ID:???

>>884
日本語でおｋ？

886 ：Name_Not_Found：2009/11/27(金) 14:28:37 ID:???

まずドリームウィーバーが何か理解しようか

887 ：Name_Not_Found：2009/11/27(金) 18:07:37 ID:???

ド素人はSEOなんか考えなくていい。
だがド素人ほどSEOに食いつく。

888 ：Name_Not_Found：2009/11/27(金) 18:35:39 ID:???

商売サイトじゃない限りSEOって必要ないんでは。と思ってる

889 ：Name_Not_Found：2009/11/27(金) 23:27:32 ID:???

グーグル検索の一番上のヘッダー部分を常時表示にしようと
CSSを書き、実際にほぼ希望通りの動作になったのですが、どうしてもIEで画像検索をした場合のみ動かないです・・・
他のブラウザでは問題なかったのですが、どうしてだかどなたかわからないでしょうか？
#gbar { position:fixed; top:0px; left:0px; z-index:9999; background:#FFF; }
#gbar>nobr { position:relative; top:3px; left:8px; }
div.gbh { position:fixed; top:24px; left:0px; z-index:9999; background:#FFF; }
#guser {display:none; }

PR

890 ：Name_Not_Found：2009/11/28(土) 00:27:54 ID:???

IEって子供セレクタ使えるようになったんだっけ？

891 ：Name_Not_Found：2009/11/28(土) 00:35:02 ID:s6wRsbOp

>>884
ドリームウィーバーまたはHTMLCSS
とかいってる時点でまず疑問に思う前に調べる事からはじめるもんじゃねえの
バカをさらしてクラスでバカにされるタイプだな

892 ：Name_Not_Found：2009/11/28(土) 02:05:39 ID:???

最初の一歩踏み出した人はこんな考えじゃないか？
HTMLで文字や画像入れ込んで、CSSでレイアウト
それらのソースコードを初心者に分かり易く入力してくれるのがドリームウィーバーというソフトってのが初めての人には分かり易いかも
常にズレとか各種ブラウザの表示確認不要な位スキルあるならテキストでもできるけど、普通はDWとかapatanaとかソフト使うんじゃないかな
何にしてもここは質問スレだから別に構わないだろ

893 ：Name_Not_Found：2009/11/28(土) 09:02:44 ID:???

ま、いずれにしても勉強しようとするレベルが低すぎる
簡単にできる仕事なんて、もう日本では必要ないんだよ

DTPは上海へ手配できる時代になったし
中国人で日本語できる人がたくさんいるから

Webもそうなってますよ‥‥

894 ：Name_Not_Found：2009/11/28(土) 11:52:20 ID:???

>>889
inputか何かの検索ボタンを押しても動かないのなら原因はhtml側。
CSSが見た目以外で実際の挙動に関わってくることは滅多にない。

895 ：889：2009/11/28(土) 13:28:42 ID:???

>>894
>>889の動かないはユーザーcssが効かないという意味です。紛らわしくでごめんなさい。
なぜかIEでの画像検索のみ上のヘッダー部分が固定されずにスクロールすると見えなくなってしまうのです。
ためしにjavascriptのstyle.position=などで、読み込みと時間差つけても見たのですがどうしてもIE＋画像検索で動かないのです・・

896 ：Name_Not_Found：2009/11/28(土) 14:17:46 ID:???

>>895
IEのバージョンと#gbar,nobr,.gbr,#guserの構造は？

質問とは関係ないけど基本的にヘッダ固定はやめた方がいい
せめて固定するかどうかをユーザが設定できるようにするべき

897 ：Name_Not_Found：2009/11/28(土) 14:27:45 ID:???

>>896
IE8です。互換表示でも無理でした。
<div id=gbar><nobr><a href=”http://www.google.com/〜
<div id=guser>〜
<div class=gbh>
です。他のブラウザでは正常に動いているので試しにＵＡも偽装してみたのですが、ＣＳＳが該当部分に反映されず・・・

898 ：Name_Not_Found：2009/11/28(土) 14:31:25 ID:???

何処で閉じてるのか分からん

899 ：Name_Not_Found：2009/11/28(土) 14:49:02 ID:???

全部入れ子にならずに独立してます。
http://images.google.com/images?hl=ja&lr=&oe=UTF-8&num=50&q=test&um=1&ie=UTF-8&sa=N&tab=wi&ei=cLkQS8GhG4rm7AOhxJWhAw&gbv=2
のソースを　id=gbar>　でサーチすれば詳しく書かれています。

PR

900 ：Name_Not_Found：2009/11/28(土) 14:58:49 ID:???

>>899
改行もインデントもないソース読めとかふざけてるとしか思えない。もういいけど

どうやってもその状況が再現できないから不思議に思ってたけどもしかして宣言の問題じゃないの？
<!DOCTYPE>は何指定してる？

トラックバック&コメント

まだトラックバック、コメントがありません。

***　タグのみでｈｔｍｌ作るやついる？　*** 0-50 »
« (X)HTML/CSS/Dreamweaverの質問に優しく答えるスレ4 901-950

タグクラウド

(X)HTML/CSS/Dreamweaverの質問に優しく答えるスレ4 851-900 | HTMLの話題

(X)HTML/CSS/Dreamweaverの質問に優しく答えるスレ4 851-900

タグ

関連するエントリー

トラックバック&コメント