(X)HTML/CSS/Dreamweaverの質問に優しく答えるスレ5 501-550

2010年02月03日

1 ：Name_Not_Found：2009/12/02(水) 15:00:44 ID:???

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

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

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

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

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

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

501 ：Name_Not_Found：2010/01/22(金) 21:13:19 ID:???

iframe使わなくてもメニューの統一は簡単にできるよ

502 ：Name_Not_Found：2010/01/22(金) 21:25:38 ID:???

ヘッダー
サイドバー　メインコンテンツ
フッター

というシンプルな構成で
サイドバーとメインコンテンツのトップにマージンを５０ｐｘとりました
するとファイアーフォックスやサファリでは揃って表示されるのに
IEだとサイドバーがメインより３０ｐｘ下に表示されます
DW上で見ても高さは同じなんですが、どうしてこうなるのかご存じの方いらっしゃいますか？

503 ：Name_Not_Found：2010/01/22(金) 21:27:45 ID:???

>499
共通部分のインクルード-ホームページ制作-
http://seo.k-m-k-m.com/hp/include/

504 ：Name_Not_Found：2010/01/22(金) 21:29:37 ID:???

>>502
スタイルの正規化

505 ：502：2010/01/22(金) 21:43:02 ID:???

>>504
ありがとうございます
それはどうやればいいんでしょうか

506 ：Name_Not_Found：2010/01/22(金) 22:01:55 ID:???

調べたら分かる

507 ：Name_Not_Found：2010/01/22(金) 22:10:29 ID:???

>>505
Eric’s Archived Thoughts: Reset Styles
http://meyerweb.com/eric/thoughts/2007/04/12/reset-styles/

508 ：502：2010/01/22(金) 22:49:39 ID:???

CSSリセットで具具ったら出てきた方法を試しましたが治らないっすorz

509 ：Name_Not_Found：2010/01/22(金) 23:03:57 ID:???

>>508
ボックスレイアウトは、floatじゃなくてpositionプロパティでやるといいよ

PR

510 ：Name_Not_Found：2010/01/22(金) 23:29:17 ID:???

>>508
サイト晒せばあっという間に解決

してくれるよコイツらホントすげーんだから

511 ：502：2010/01/23(土) 00:20:29 ID:???

まだアップ出来てないんですが、
DWCS3で新規作成した.twoColFixLtHdrをそのままブラウザで見ても
IEとその他のブラウザでサイドバーの文字が出始める高さが違います

512 ：Name_Not_Found：2010/01/23(土) 04:48:40 ID:???

角丸するにも色々方法がありますが
大きく分けて、端っこだけの画像（2枚）使う場合と、
要素と同じ長さの画像（1枚）を使う方法をよく見ます。
大手サイトだと後者の方が多い気がするのですが
何か理由でもあるのでしょうか？

513 ：Name_Not_Found：2010/01/23(土) 06:29:05 ID:???

>>512
１枚：　○レイアウトで崩れない　×枠の大きさを変えられない
２枚：　○枠の大きさを自由に変えられる　×CSSが面倒

大手が何を示すのか分からんけど、
大手は基本的に何でも決め打ちする傾向がある気がする
（デザイン会社に外注するからあとで問題が起きないように？）
零細は少ないリソースで効率的なものを目指すので
汎用的なもの（使いまわせるもの）を作る傾向がある気がする　
あくまで主観ね

ちなみに俺はjqueryでやっちゃう
ユーザーにJSを切られてて角丸が角角になったところで
コンテンツの伝達能力に本質的な変化はないので

514 ：Name_Not_Found：2010/01/23(土) 10:35:41 ID:???

jQuery使うって言っても本質的にはスタイルを設定していることに変わりはないと思うんだが

515 ：Name_Not_Found：2010/01/23(土) 11:39:15 ID:???

>>514
何を当たり前のことをいってるんだ？

516 ：Name_Not_Found：2010/01/23(土) 12:51:09 ID:???

┌────┬────┬─────┐
│　　　　　　│　　　　　　.│　　　　　　　　│
├─┬──┴────┴──┬──┤
│　.│　　　　　　　　　　　　　　　.│　　　│
└─┴──────────┴──┘
↑こういうふうに縦線がずれているテーブルを作りたいんですが、
CSSでのWidth指定が効かずに困っています。
tdにcolspanを指定して縦位置はずらせたんですが、幅指定が効かないので
きれいにならないんです。
こうした問題の解決策やテーブルの作り方が載っているサイトなどありませんか？

517 ：Name_Not_Found：2010/01/23(土) 12:53:44 ID:???

普通にテーブルに幅指定
なんでもかんでもCSSでやろうとすんなってｗ

518 ：Name_Not_Found：2010/01/23(土) 13:00:11 ID:???

適当なこと言うなってｗ

>>516
table-layout:fixed; 設定してないのでは？

519 ：Name_Not_Found：2010/01/23(土) 18:01:46 ID:???

釣りはいいから

PR

520 ：Name_Not_Found：2010/01/23(土) 18:04:16 ID:???

>516
そう言う風にずれてるのは無理だろう

521 ：Name_Not_Found：2010/01/23(土) 18:37:35 ID:???

テーブルはデフォルト格子状で、col/rowで縦横につなげられる。
テーブル２段の方が楽だと思うけどな

522 ：Name_Not_Found：2010/01/23(土) 19:05:00 ID:???

なんでもテーブルにしてると、ケータイで見たり、スタイル解除したときに間抜けなんだよな

523 ：Name_Not_Found：2010/01/23(土) 20:19:16 ID:???

>>516
表じゃないのなら<table>じゃなくてfloat使った方がいい
どうしても<table>でしたいなら空セル用意してやればできる

524 ：Name_Not_Found：2010/01/24(日) 12:00:19 ID:???

テーブルを使うべきところまでCSSでやろうとするのは滑稽というか、病的
その逆もまたしかり

525 ：Name_Not_Found：2010/01/24(日) 12:04:28 ID:???

リスト VS テーブル

526 ：Name_Not_Found：2010/01/24(日) 12:06:11 ID:???

テーブル病 VS div病

527 ：Name_Not_Found：2010/01/24(日) 12:07:33 ID:???

リストとテーブルってVSになるようなもんか？
テーブルでもリスト的な使い方するときはあるでしょ
リストをテーブル的にはあまり使わないが

528 ：Name_Not_Found：2010/01/24(日) 12:19:11 ID:???

>>527
ol

529 ：Name_Not_Found：2010/01/24(日) 12:41:11 ID:???

オフィスレディ

PR

530 ：Name_Not_Found：2010/01/24(日) 14:25:44 ID:yODDL313

ttp://codepad.org/cjlnMSi1
ここのHTMLソースを表示させると、
画像のまわりに色枠がついてしまいます。

Firefox, IE8でこんな感じです。
ttp://uploader.rgr.jp/src/up1744.jpg

この色枠を表示されないようにしたいのですが、
どうすれば良いでしょうか？
（つまりttp://uploader.rgr.jp/src/up1746.jpgこんな感じにしたいのです。）

////////////////////////////////////////////////////////////////

ttp://codepad.org/wSohJZPy
このように、<a>タグを削除すればいちおう見た目だけはなりますが、
これではハイパーリンクが効きません。
ハイパーリンクの機能を保ちつつ色枠を表示されないようにしたいのですが、
方法を教えてください。

よろしくお願い申し上げます。

531 ：Name_Not_Found：2010/01/24(日) 15:23:08 ID:???

a img {border:none}

532 ：Name_Not_Found：2010/01/24(日) 15:36:19 ID:???

border: none;

533 ：Name_Not_Found：2010/01/24(日) 16:16:48 ID:???

alt とか title　属性で指定した文字って
ポインタしたときもっと早く表示できないの？
なんかワンテンポずれるんだが

534 ：Name_Not_Found：2010/01/24(日) 16:18:22 ID:???

ブラウザに言え。

535 ：Name_Not_Found：2010/01/24(日) 16:20:51 ID:???

>>533
たぶん alt属性を title属性と onmouseover属性を混同してる

536 ：530：2010/01/24(日) 16:31:32 ID:???

border=none
で行けました
ありがとうございました。

537 ：Name_Not_Found：2010/01/24(日) 16:45:40 ID:???

>>536
border=none　では間違いなんだがホントに大丈夫なのか？

538 ：Name_Not_Found：2010/01/24(日) 16:47:59 ID:???

>>537
すみません
とりあえずIE8は許してくれたのですが、
本当はどう書けば良いのでしょうか？

539 ：Name_Not_Found：2010/01/24(日) 16:52:34 ID:???

許したって言うか
整数を入れるところに文字列入れたから、曖昧解釈で0扱いにしたのでは。どのみち文法違反だけど
CSSがわからんなら、とりあえずhead要素内に↓を追加

PR

540 ：Name_Not_Found：2010/01/24(日) 16:55:14 ID:???

>>538
=　イコール
:　コロン

ちゃんとわかってる？

541 ：Name_Not_Found：2010/01/24(日) 16:56:46 ID:???

>>539-540
ありがとうございます。
=と:の使い分けは理解できていません。

とりあえず目下の問題を解決するため、
もし特定のimgだけを枠表示なしにしたい場合は
<img src=”〜” alt=”〜”></img>
を
<img border=0 src=”〜” alt=”〜”></img>
とすれば文法的にOKでしょうか？

542 ：Name_Not_Found：2010/01/24(日) 17:09:41 ID:???

>>541
駄目
</img>付いてるからXHTMLだと思うけど、XHTMLでは属性値はすべて引用符で囲まないといけない

543 ：Name_Not_Found：2010/01/24(日) 17:12:38 ID:???

>>542
としますと
<img border=”0″ src=”〜” alt=”〜”></img>
これが正解でしょうか？

544 ：Name_Not_Found：2010/01/24(日) 17:13:50 ID:???

XHTML1.0移行型ならそれでOK。非推奨だけど

545 ：Name_Not_Found：2010/01/24(日) 17:15:01 ID:???

>>544
スタイルシートを使える環境では
スタイルシートを使うべきという推奨基準ができた
ということでしょうか？

546 ：Name_Not_Found：2010/01/24(日) 17:18:01 ID:???

まあDoCoMo向け携帯サイトでもない限りはねぇ
実際HTML4.01厳密型の時点でborder属性は廃止されてるし

とりあえずHTML-lintにソースアップロードしてチェックするといいよ
文法ミスは一つ一つ解説付きでわかりやすいし

547 ：Name_Not_Found：2010/01/24(日) 17:24:34 ID:???

>>546
ありがとうございました。
お世話になりました。

548 ：Name_Not_Found：2010/01/24(日) 18:50:09 ID:???

実際問題、ブラウザで見られないと意味ないんだし、
逆に言えばブラウザで見られれば問題ないとも言えるし、
本当はどれに従うのが一番なのかって難しいよな。

仕様書に従うのがもちろん理想なわけだが、
仕様違反でも(より簡潔なために)多くのマイナーブラウザ達で
読める方が現実問題として互換性が高くて良いという考えもある。

549 ：Name_Not_Found：2010/01/24(日) 18:58:04 ID:???

後方互換って奴だな
しかしむしろマイナーブラウザのほうが、仕様に忠実な描画をしたりするし

＞ブラウザで見られれば問題ない
ってことを満たすためにも、最低限文法違反だけは避けたい

PR

550 ：548：2010/01/24(日) 19:10:21 ID:???

>>549
おっとIEの悪口はそこまでだ

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

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

【先進Web】 HTML5 Section 1【iPhone/Webkit】 0-50 »
« (X)HTML/CSS/Dreamweaverの質問に優しく答えるスレ5 551-600

タグクラウド

(X)HTML/CSS/Dreamweaverの質問に優しく答えるスレ5 501-550 | HTMLの話題

(X)HTML/CSS/Dreamweaverの質問に優しく答えるスレ5 501-550

タグ

関連するエントリー

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