/* CSS･スタイルシート質問スレッド【24】 */

1 名前：Name_Not_Found ：03/10/16 22:17 ID:???: CSSに関する質問はこちらへどうぞ。　※　議論はよそで　※
■■■■■　質問のしかた　■■■■■
・基礎は解説サイト（>>4・かなりわかりやすい）で勉強してください。
・質問の前に【FAQ】（>>5-7）を参照して、既出の再掲を避けて下さい。
・【FAQ】でもわからなかった場合、過去ログを検索すると載ってるかも。
　WinIEの場合は、[Ctrl+F]で検索できます。
・ブラウザによって対応していないプロパティーやバグがありますので、
　【解説など】（>>4）の対応表や「CSSバグリスト」に目を通しておきませう。
・土台のHTMLが間違ってるとCSS指定も意図通りに効きません。
　正当(valid)なHTMLを心がけて下さい。

初心者の疑問は大抵ここまでで解決します。

・OSやブラウザの種類とヴァージョンについては必ず明記してください。
　特にNetscapeは、ver.4までと6以降でまったく別物です。
・「環境を書け」とか「ソースは？」と求められたら応じませう。
　その方が回答が早く得られます。

過去スレや関連リンクは>>2-10
【過去ログ】【関聯スレ】>>2
【仕様書】【CSS検証】>>3
【解説など】>>4
【FAQ】>>5-7

http://web2ch.s31.xrea.com:8080/?CSS
【FAQ】　http://web2ch.s31.xrea.com:8080/?CSSFAQ
【過去ログ】　http://web2ch.s31.xrea.com:8080/?CSSLog
【関連リンク】　http://web2ch.s31.xrea.com:8080/?CSSRelated
2 名前：Name_Not_Found ：03/10/16 22:18 ID:???: 【過去ログ】
　http://mentai.2ch.net/hp/kako/974/974934062.html
　http://natto.2ch.net/hp/kako/984/984113434.html
　http://natto.2ch.net/hp/kako/992/992992981.html
　http://pc.2ch.net/hp/kako/996/996828258.html
　http://pc.2ch.net/hp/kako/1005/10050/1005047493.html
　http://pc.2ch.net/hp/kako/1011/10113/1011358982.html
　http://pc.2ch.net/hp/kako/1015/10154/1015474859.html
　http://pc.2ch.net/hp/kako/1019/10198/1019881572.html
　http://pc3.2ch.net/hp/kako/1025/10253/1025346520.html
　http://pc3.2ch.net/hp/kako/1028/10286/1028646616.html
　http://pc3.2ch.net/hp/kako/1031/10317/1031773943.html
　http://pc3.2ch.net/hp/kako/1034/10349/1034922586.html
　http://pc3.2ch.net/hp/kako/1038/10384/1038437758.html
　http://pc2.2ch.net/hp/kako/1041/10416/1041641395.html
　http://pc2.2ch.net/hp/kako/1045/10451/1045124732.html
　http://pc2.2ch.net/hp/kako/1047/10471/1047154499.html
　http://pc2.2ch.net/hp/kako/1048/10487/1048775997.html
　http://pc2.2ch.net/hp/kako/1050/10500/1050086156.html
　http://pc2.2ch.net/hp/kako/1053/10536/1053619342.html
　http://pc2.2ch.net/hp/kako/1055/10555/1055536413.html
　http://pc2.2ch.net/hp/kako/1057/10578/1057860130.html
　http://pc2.2ch.net/test/read.cgi/hp/1060869440/l50
【前スレッド】
　http://pc2.2ch.net/test/read.cgi/hp/1064502391/l50
3 名前：Name_Not_Found ：03/10/16 22:19 ID:???: 【関連スレッド】
・CSS/DHTMLバグ辞典スレッド第３版
　http://pc2.2ch.net/test/read.cgi/hp/1050844510/l50
・* CSS[適用="2ch"]{ イケてるスタイルを："作れ"}
　http://pc2.2ch.net/test/read.cgi/hp/1038678267/l50
・代替スタイルシートに萌え～
　http://pc2.2ch.net/test/read.cgi/hp/991400015/l50
・独自拡張、草案段階のCSSについて語れ
　http://pc2.2ch.net/test/read.cgi/hp/1019912046/l50
・CSSでイケてるデザインサイト 18
　http://pc2.2ch.net/test/read.cgi/hp/1065889619/l50
・ＣＳＳでデザインしたサイト　18
　http://pc2.2ch.net/test/read.cgi/hp/1065882318/l50

【仕様書】
・CSS1の仕様書の原文(英語)
　http://www.w3.org/TR/REC-CSS1/
・CSS2の仕様書の原文(英語)
　http://www.w3.org/TR/REC-CSS2/
・CSS1の仕様書の邦訳（日本規格協会訳／個人訳）
　http://www.y-adagio.com/public/standards/css1/toc.htm
　http://www.swlab.csce.kyushu-u.ac.jp/man/rec-css1/rec-css1.html
・CSS2の仕様書の邦訳（日本規格協会訳／個人訳）
　http://www.y-adagio.com/public/standards/tr_css2/toc.html
　http://www.swlab.csce.kyushu-u.ac.jp/man/rec-css2/cover.html

【CSS検証】
・W3C CSS 検証サービス
　http://jigsaw.w3.org/css-validator/
4 名前：Name_Not_Found ：03/10/16 22:19 ID:???: 【解説など】
・ごく簡単なHTMLの説明
　http://www.kanzaki.com/docs/htminfo.html
・ZSPC - Style Sheets Reference
　http://www.zspc.com/stylesheets/
・K@tsukun's PAGE! > CSS Reference
　http://hp.vector.co.jp/authors/VA022006/css/index.html
・とほほのスタイルシート入門
　http://tohoho.wakusei.ne.jp/wwwcss.htm
・ばけらの CSS リファレンス
　http://www.ne.jp/asahi/minazuki/bakera/html/css/reference
・Academic HTML::CSS2
　http://www.tg.rim.or.jp/~hexane/ach/
・『スタイルシートWebデザイン』ボランティアHTML化版。
　http://www.asahi-net.or.jp/~jy3k-sm/css1/2003maki/
・ZSPC - CSS2対応状況ガイド
　http://www.zspc.com/documents/css2/
・CSS対応状況表
　http://hp.vector.co.jp/authors/VA022006/css/corrbrwser.html
・CSS1テストスイート　http://www.doraneko.org/css1test/
・ブラウザのHTML4/CSS対応度テスト
　http://homepage1.nifty.com/emk/moz/browsertest.html
・CSS Laboratory対応表・一覧
　http://is.vis.ne.jp/charts/index.xhtml
・CSSバグリスト＠CSSバグ辞典スレッド
　http://cssbug.at.infoseek.co.jp/index.html
・Web標準普及プロジェクト　（特に「HTML/CSSのよくある誤解・ミス」）
　http://www.mozilla.gr.jp/standards/index.html
・ブラウザによる振り分け　（JavaScriptを使用しない方法）
　http://east.portland.ne.jp/~sigekazu/css/boxm.htm#ua
・（ ´∀｀）＜ CSS でイケてるデザインサイトリンク集2
　http://www.geocities.co.jp/SiliconValley-SantaClara/1308/
5 名前：Name_Not_Found ：03/10/16 22:20 ID:???: 【FAQ】
Q1: IEでは大丈夫なのに、Netscape6 以降で見ると横スクロールバーが出たりするが？
A1: Windows版 Internet Explorerのボックス・モデルが間違った実装だからです。
「width と height の計算方法の実装の違いについて」参照。
http://hp.vector.co.jp/authors/VA022006/css/visualren.html#ref-width-height
width（height）は、要素の内容領域の幅（高さ）を指定するプロパティですが、
WinIE等では、ボーダー領域 + パディング領域 + 内容領域の寸法で計算されます。
Netscape 6以降やMacintosh版 Internet Explorer 5 の計算が正しい。
WinIEもver.6 からは標準準拠モードにすると仕様通りに計算してくれます。
http://www.microsoft.com/japan/msdn/ie/ie60/cssenhancements.asp#cssenhancements_topic3
参考「IEとNNのBOXの計測方法の違いについて」
http://www.fromdfj.net/html/border2.html

Q2: text-align:center;を指定しても Netscape6(or7)ではtableなどブロック要素がセンタリングできません。IEでは中央寄せになるのに……
A2: IEの実装の誤りです。詳しくは下記（特に4.）をご覧ください。

1.'text-align'に関する考察
http://anslasax.net/css-make/t-a/index.html
2.IE5.5とNetscape6のCSS - 中央寄せ
http://tancro.stp-1.com/stylesheet/n6_center.html
3.Internet Explorer 6におけるCSSの拡張
http://www.microsoft.com/japan/msdn/ie/ie60/cssenhancements.asp#cssenhancements_topic6
4.ブロックレベル要素をセンタリングする方法
http://www.mozilla.gr.jp/standards/webtips0004.html
6 名前：Name_Not_Found ：03/10/16 22:20 ID:???: 【FAQ】
Q3: CSSで擬似フレームってどうやるの？
A3: 次のページを参考にして下さい。
overflow プロパティは擬似フレームも作成できる
　http://alt.s31.xrea.com/tips/overflow.html
　http://alt.s31.xrea.com/files/frame.html
overflowを用いた擬似フレーム
　http://www.fromdfj.net/html/overflow.html

Q4: CSSで段組するには？
A4: 下記などを参照して下さい。
CSSを用いた段組の作成のコツ
　http://www.fromdfj.net/html/column.html
CSS段組レイアウトデザ委員会
　http://www.skipup.com/~l-_-l/web/
スタイルシートでマルチカラム・デザインを実現する方法
　http://www.motchie.com/article/multicolumn.html
tableを使はない段組:CSSによるマルチカラムデザインについての考察
　http://members.jcom.home.ne.jp/pctips/www/faq/Dangumi.html
　http://members.jcom.home.ne.jp/pctips/www/test/positiondangumi.html
スタイルシートでマルチカラムデザインの実現
　http://shiten.s9.xrea.com/etc/stylesheet/multi_column.htm
段組れいあうとてすと　(floatによる段組の例)
　http://www.remus.dti.ne.jp/~a-satomi/nikki/tmp/dangumi.html
なかよしぱれっと　（ネスケ４でも崩れない段組みの実例）
　http://village.infoweb.ne.jp/~fores/
7 名前：Name_Not_Found ：03/10/16 22:21 ID:???: 【FAQ】
Q5: なんかフロートの表示が崩れるみたいなんですけど？
A5: floatさせる要素にはwidth指定が必須（img要素以外）。抜かすとMacIEやOperaでの表示は保証できません。WinIEは勝手に補ってくれるだけです。
http://www.remus.dti.ne.jp/~a-satomi/nikki/tmp/floattest/float_not-specified-width.html
これに当て嵌まらなかったら「浮動要素の高さもheightに含めさせる方法」などを参考に。
　http://www.mozilla.gr.jp/standards/webtips0021.html#c1_2
　http://cssbug.at.infoseek.co.jp/detail/winie/b079.html
　http://pc2.2ch.net/test/read.cgi/hp/991666454/683n

Q6:画面中央に配置するにはどうすれば？
A6:左右（水平方向）のセンタリングはA2に既出。垂直には色々な方法があります。
　「スタイルシート縦中央(垂直中央)」参照のこと。
　http://www.parkcity.ne.jp/~chaichan/qanda/qa3558.htm

Q7:背景画像を二つ指定するにはどうするか。
A7:background-imageは一要素に一つだけ。要素を重ねるなど工夫しませう。

Q8．いままでＨＴＭＬでやってた××をCSSでやるにはどうすればいい？
A8．下記に書いてあります。テーブル・レイアウトは段組のFAQ（A4・>>6）をご覧あれ。
「いままでの HTML との対照」
　http://www.tg.rim.or.jp/~hexane/ach/fscs/fscsa1.htm
　http://www.tg.rim.or.jp/~hexane/ach/sfcs/sfcsa1.htm
　http://www.tg.rim.or.jp/~hexane/ach/tocs/tocsa1.htm
8 名前：Name_Not_Found ：03/10/16 22:22 ID:???: >>1
乙
9 名前：Name_Not_Found ：03/10/16 22:27 ID:???: >>7
A8に追加。

HTML でのレイアウト指定の、 CSS での指定との対応表
http://deztec.jp/site/tips/page/p0037.html
10 名前：ひろゆき＠どうやら管&rlo;&lro;理人 ：03/10/16 23:10 ID:???: (￣ー￣)ニヤリッ
11 名前：ひろゆき＠どうやら”管理”人 ：03/10/16 23:21 ID:???: てｓｔ
12 名前：ひろゆき＠どうやら”管理”人 ：03/10/16 23:22 ID:???: 俺もテスト。気になってたし
13 名前：ひろゆき＠どうやら管??理人 ：03/10/16 23:23 ID:???: もういっちょ
14 名前：&rlo;人理管らやうど＠きゆろひ ：03/10/16 23:27 ID:???: ん？
15 名前：ひろゆき＠どうやら管&lro;理人 ：03/10/16 23:32 ID:???: (￣ー￣)ニヤリンコ
16 名前：Name_Not_Found ：03/10/17 00:39 ID:???: どうやら＆lro;管理人
＆は半角で
17 名前：Name_Not_Found ：03/10/17 00:39 ID:???: どうやら管＆lro;理人

かも
18 名前：&rlo;ﾌﾌｳ ：03/10/17 00:40 ID:???: 　
19 名前：書けませんよ。。。&rlo;止停：&lro; ：03/10/17 00:46 ID:???: つうか、この手の遊びはウザいので終了。
こっちいってやれ

真・スレッドストッパーのガイドライン
http://that.2ch.net/test/read.cgi/gline/1022203584/l50
20 名前：Name_Not_Found ：03/10/17 01:12 ID:???: おまいらMozillaじゃ何やってるか全部まるっとお見通しですよ
21 名前：Name_Not_Found ：03/10/17 01:17 ID:???: >>20
じゃぁやってみろよ
22 名前：Name_Not_Found ：03/10/17 01:22 ID:???: 何でこのスレって変な虫が集るんだろうか？
23 名前：Name_Not_Found ：03/10/17 01:23 ID:???: >>20
ﾌﾟｯ
24 名前：Name_Not_Found ：03/10/17 01:24 ID:???: >>22
自分の胸に手を当てて、よぉ～く考えてごらん？
25 名前：Name_Not_Found ：03/10/17 01:51 ID:???: >>24
胸に手を当てなくてもわかってるよ
粘着のオマエさんがいつも油注いでいることをね
26 名前：Name_Not_Found ：03/10/17 01:58 ID:???: 馬鹿ばっか
27 名前：ひろゆき＠どうやら管&rlo;&lro;理人 ：03/10/17 09:15 ID:???: おまいらまだやってたのかよ･･･
28 名前：Name_Not_Found ：03/10/17 14:36 ID:???: OpenJaneDoeでも見ただけで判る。
踊らされてるバカは一体何のブラウザ使ってるんだ？
29 名前：Name_Not_Found ：03/10/17 16:30 ID:???: >>28
踊ってるのはオマエだと思うが
30 名前：Name_Not_Found ：03/10/17 16:40 ID:NQw1JXpc: すごい単純なんですが・・・
divで作ったボックス（緑）に100%のテーブルを入れるとwinのIE6で見ると
下のdivだけ幅が広くなって横スクロールが出てしまいます。
macのIE5とNN7だと平気なんですが。どこがいけないんでしょうか？
以下そーす
<html>
<head>
<title>てすと</title>
<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
<style type="text/css">

</style>
</head>
<body>
<div class="box">文字だけ</div>
<div class="box">テーブルを入れる↓<br>
<table width="100%" border="1" cellspacing="0" cellpadding="0">
<tr>
<td>せる</td>
<td>せる</td>
</tr>
<tr>
<td>せる</td>
<td>せる</td>
</tr>
</table>
</div>
</body>
</html>
31 名前：Name_Not_Found ：03/10/17 16:43 ID:???: テーブルを使わない
32 名前：Name_Not_Found ：03/10/17 16:50 ID:???: tableのwidth属性が問題じゃないの？
というよりも属性値も全部CSSで書きなさい
33 名前：Name_Not_Found ：03/10/17 16:51 ID:???: あ～あ。怒られちゃった
34 名前：30 ：03/10/17 16:59 ID:NQw1JXpc: >>32
width属性問題あるのでしょうか?100%で本来は親のDIVの幅いっぱいになるはずですよね？
ちなみにマックのIE5ではテーブルにclass適用すると他の関係ないテーブルのボーダーに
変な色が付いてしまうバグがあります。
35 名前：Name_Not_Found ：03/10/17 17:00 ID:???: >>34
とりあえずtable使うの止めろ
36 名前：30 ：03/10/17 17:15 ID:NQw1JXpc: >>35
そこがたとえ表でもたとえ表でも？
つーか、<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN">
って入れたら直ったYO!
37 名前：Name_Not_Found ：03/10/17 17:17 ID:???: >>36
正しい日本語と礼儀を学んでから来い
38 名前：Name_Not_Found ：03/10/17 17:23 ID:???: >>36
お前strictスレに行っただろ
39 名前：Name_Not_Found ：03/10/17 17:38 ID:???: (◕∀◕)
40 名前：Name_Not_Found ：03/10/17 17:47 ID:???: たまに「テーブルレイアウトは駄目」を「テーブル使っちゃ駄目」と
勘違いしてる基地外いるよな。表も無理矢理リストでマークアップするんだろうか？
41 名前：Name_Not_Found ：03/10/17 18:01 ID:???: >>40
表以外に使うなっつってんだよ低能
42 名前：Name_Not_Found ：03/10/17 18:03 ID:???: うそですごめんなさい最後だけ読んでかきこしますた
43 名前：Name_Not_Found ：03/10/17 18:05 ID:???: 恥ずかしい>>35 >>41晒しとくか。
44 名前：Name_Not_Found ：03/10/17 20:13 ID:???: 頭の弱い43を晒し上げ
45 名前：Name_Not_Found ：03/10/17 20:47 ID:???: >>35みたいに本来テーブルを使うべきところまでテーブルを否定する奴多いな。
46 名前：Name_Not_Found ：03/10/17 20:52 ID:???: 逆に div や table をすべて否定されていると勘違いして、
「嫌div氏ね」ってほえてるやつも多い。
47 名前：Name_Not_Found ：03/10/17 20:53 ID:???: >>30のソースだけじゃ表として使うのかレイアウトに使うのかはわからんだろ
48 名前：Name_Not_Found ：03/10/17 20:57 ID:???: >>47
わからないのにtable使うななんて言う奴はtableと聞いただけで
過剰反応する厨ってことだろ。
49 名前：Name_Not_Found ：03/10/17 22:08 ID:???: >>46
禿道。
tableに関しては表と使用するのには問題ない、しかし論理的な
マークアップからいえば、summary は入れてもらいたい。
それと<div><span>を多様すととdiv厨などと全く根拠ないことを
正論のようにホザイている香具師は頭がおかしいといっておこう
cssとは関係ないんだけどね　ｽﾏｿ
50 名前：49 ：03/10/17 22:10 ID:???: ＞多様すとと
多用すると
51 名前：Name_Not_Found ：03/10/17 22:13 ID:hvOy2eHR: >>47
つーか、そのソースをそのまま使うわけでもないし
テーブルを表として使うのかなんて大きなお世話だろが。
たしかに>>30の現象は起こるな。
テーブルをもう一つdivで囲っちゃえばならなかった気もする。けど
あのくらいの事でかなりみっともない崩れ方をするから
HTML＆CSSを正しく使う事が普及しないんだよな。

CSSの解釈の違いによる崩れ、主にwidth絡みを解消したくて
あんまりほめられたソースじゃないがTransitional宣言しちゃってる。
52 名前：Name_Not_Found ：03/10/17 22:16 ID:???: <dl compact="compact">

<dt>ああ</dt>
<dd>今日はいい天気だ。</dd>

<dt>あああ</dt>
<dd>今日はいい天気だ。</dd>

</dl>

IE6 環境でこれを表示させると、1番目は項目と内容が１列に表示されるのですが、
2番目のは 2行に分かれて表示されてしまいます。

２つめの <dt> でも十分短いので、一列に表示させたいのですが、
どうすればいいでしょうか？

<dl style="list-style-position: inside;">
としても駄目でした。
53 名前：Name_Not_Found ：03/10/17 22:17 ID:???: >>49
> マークアップからいえば、summary は入れてもらいたい。
データを他の形での再利用しないでもいいし、めくらに見てもらえんでもかまわん、ってなら
そんな面倒な事はやってられんよ。
安い金で短時間でやるんだもん。
テーブルレイアウト＆div使いまくりじゃなきゃやってられん。
imgにaltすら入れない。
54 名前：Name_Not_Found ：03/10/17 22:29 ID:???: と安い製作者が嘆いております。
55 名前：Name_Not_Found ：03/10/17 23:28 ID:???: 安かろう悪かろうを地でいってるな。
56 名前：Name_Not_Found ：03/10/18 00:44 ID:???: 基本的にほとんどの広告的Web（商品広告を主体としたサイト）は、

・アーカイブとして残しておく意味がないため、後にデザインのみ変更ということがない
・眼の不自由な人に見てもらうためのコンテンツではない
・携帯電話などのチープな表示の上で閲覧できる必要がない
・スタイルシートのみでレイアウトすると、ブラウザのバージョンによって実装不足orバグによって読めないことがある
・静止画やテキストで説明するより、フラッシュやWeb3Dなどのアプリケーションによる訴求効果のほうが大きい

という性格があるので、html strict+cssでデザインする必要は（費用対効果として）ないんだよね。

資料的価値の高いライブラリは別です。
57 名前：Name_Not_Found ：03/10/18 00:58 ID:???: そうですか。
58 名前：Name_Not_Found ：03/10/18 01:02 ID:???: ここは質問スレですよお前さん達
59 名前：Name_Not_Found ：03/10/18 01:35 ID:???: >>56の指摘は、ここの住人の、受け入れたくても
なかなか受け入れられない現実である。(｀д´)以上！
60 名前：Name_Not_Found ：03/10/18 01:37 ID:???: >>52
CSS2.1 の修正内容を見なさい
61 名前：Name_Not_Found ：03/10/18 04:43 ID:???: >>52
過去スレッドで幾度か既出。

<dl> の整形
http://www.remus.dti.ne.jp/~a-satomi/nikki/2001/12b.html#d18n03
62 名前：Name_Not_Found ：03/10/18 09:58 ID:???: >>56-58
ﾜﾗﾀ
63 名前：Name_Not_Found ：03/10/18 14:23 ID:30WeMqH7: 結局へんにCSSだのw3cだのにむきになってこだわってるのはアマチュアってわけだなw
納期とコストをクリア出来ないかぎり商売では使えない。＞CSS
「これこれこういうわけで○○だと表示がちゃんと出来ない」なんて説明を
理解出来る倉はいない。
64 名前：Name_Not_Found ：03/10/18 14:41 ID:???: >>63
いまさら何を言ってんの？
ここでそんなこと言ってるのはおまいらくらいですよ。
蔵から金もらってやってる人は趣味のサイトと仕事で作ったサイトとの区別が出来てます。
65 名前：Name_Not_Found ：03/10/18 14:54 ID:???: >>63
そうですか。
では次の質問をどうぞ。
66 名前：Name_Not_Found ：03/10/18 14:57 ID:???: >>63の１行目はあながち間違っていない。

では、次の質問をどうぞ。
67 名前：Name_Not_Found ：03/10/18 15:20 ID:???: >>63
何か勘違いされてらっしゃるようですが、一応プロと呼ばれる連中は
CSSも使いこなしますが。自分のレベルに見合った仕事しか来ないことを
周りのせいにしないように。一般論であるかのように語っても恥かくだけですよ。

まあ一行目だけは同意ですが。
どっちの意味でも『むきになってこだわる』のはカッコ悪いですからねw
68 名前：Name_Not_Found ：03/10/18 15:41 ID:???: >>63
納期とコストをクリア出来ない自慢はバカ丸出しですよ
自虐ギャグですか、ああそうでしたか
69 名前：Name_Not_Found ：03/10/18 16:46 ID:???: 納期が納期がとか蔵が蔵がとか言って
CSSが使えない言い訳をする「プロ」はどこかへ逝ってくださいな。
ここはCSSが(使える|使おうと努力している)人たちの
質問スレですよ。
70 名前：Name_Not_Found ：03/10/18 17:30 ID:???: そうだね。
できない、と、やらない、は違うし。
71 名前：63 ：03/10/18 18:18 ID:???: (´ι _` 　)そのわりには釣れたな。
ま、これでも一応プロなんで、CSSなんかやればすぐ使えるようになるがな（w
使う必要がないだけ（w
>>67
某大手企業も手掛けたことあるし、年収1000万ですが何か？
72 名前：Name_Not_Found ：03/10/18 18:21 ID:???: >>71
うおーすげーな！
アメックスゴールドもてるやん！
73 名前：Name_Not_Found ：03/10/18 18:33 ID:???: 負け惜しみの定番

・　釣れた
・　プロなんで
・　必要がないだけ
・　脳内年収自慢
74 名前：Name_Not_Found ：03/10/18 18:34 ID:???: >>71
ここはサイト制作業のスレではなく、CSS の質問スレ。
だから、キミがやればできる子なのはよくわかったけど、
ちょっとスレ違いだ。

キミもプロなら、最近アクセシビリティに気を使い出した、
大手クラが徐々に増えつつあることは感じているだろう？

今年の初めに某大手がサイトリニューアルするときに、
孫々受けのコード担当者以外全員がキミみたいな考え方で、
アクセシビリティの設計が空中分解したのは有名な話だろう？
75 名前：Name_Not_Found ：03/10/18 18:35 ID:???: 1000万っていう数字がまた･･･
76 名前：Name_Not_Found ：03/10/18 18:42 ID:???: >>63晒しage
77 名前：Name_Not_Found ：03/10/18 19:08 ID:???: >>63
作品を是非見せてもらいたいのだが...
他の皆さんもきっと思っていると思うよ（w
78 名前：Name_Not_Found ：03/10/18 19:40 ID:???: >>71
最近WEBに落書きしている人は貴方ですか？
79 名前：Name_Not_Found ：03/10/18 21:27 ID:???: >>71
>CSSなんかやればすぐ使えるようになるがな（w
だからココでいつも質問してるんだな
80 名前：Name_Not_Found ：03/10/18 21:30 ID:???: 質問です。
メニューを横並びに作りたいと思っています。

liを使って横並びのメニューをつくりたいのですが、
どうしても、改行して縦ならびになります。
どうすればいいのか、ご教授お願いします。

トップ　日記　掲示板　リンク

↑こんな感じにしたいのに、↓こんな感じになってしまう。

　トップ
　日記
　掲示板
　リンク
81 名前：Name_Not_Found ：03/10/18 21:36 ID:???: display: inline;
padding: XXX ;
margin: XXX ;
82 名前：Name_Not_Found ：03/10/18 23:23 ID:???: 最近企業お抱えのWebデザイナーが増えているのは
>>63のような香具師がいる多いからだろうな（w
漏れに言わせれば素人レベルでお金を貰っていることを
恥ずかしいと思ってもらいたい。
83 名前：Name_Not_Found ：03/10/18 23:56 ID:???: >>80
ul {width: **em;}
li {width: ??em; float: left;}
でどう？幅とか単位とかは適当に調節して。

ためしてないから出来るかどうかわからないけど。
84 名前：Name_Not_Found ：03/10/18 23:59 ID:???: ＞>>63のような香具師がいる多いからだろうな（w
とりあえず、もちつけ。日本語変だ。
85 名前：Name_Not_Found ：03/10/19 00:09 ID:???: >>83
>>81の方がいいだろ・・・・
86 名前：Name_Not_Found ：03/10/19 00:20 ID:???: >>84
日本語というよりただの誤字だろ
しょうもな
87 名前：Name_Not_Found ：03/10/19 01:13 ID:???: XHTMLでのボックス要素のセンタリング方法を教えてくださいませんか
88 名前：Name_Not_Found ：03/10/19 01:20 ID:???: ボックス要素
89 名前：Name_Not_Found ：03/10/19 01:31 ID:???: >>87
やだ。

テンプレ嫁。
90 名前：Name_Not_Found ：03/10/19 01:48 ID:???: 最近レベルが下がってきたな
91 名前：Name_Not_Found ：03/10/19 02:17 ID:???: >>87
ボックスとはツリー構造内の要素によって生成される整形構造のこと。
ブロックレベルであれ、イラインであれ、あらゆる要素は“ボックス”を生成する。
何故“ボックス”と“要素”を結び付ける謎用語が誕生するのか謎。
頼むから“ブロックレベル”と“ボックス”程度のことで混同しないでくれ。
92 名前：Name_Not_Found ：03/10/19 03:58 ID:???: >>91
<ボックス>hoge</ボックス>
93 名前：Name_Not_Found ：03/10/19 09:27 ID:???: >>91
混同してると分ってるならその解説の後に回答してやりゃいいじゃねえか。イラインさんよ。
94 名前：Name_Not_Found ：03/10/19 10:08 ID:???: >>91,93
>イライン
エサまくなよ
95 名前：Name_Not_Found ：03/10/19 10:17 ID:???: 最近、W3C CSS検証サービスで
一枚のスタイルシートに@importルールを二つ以上使うと
>Uncaught errorjava.lang.Exception: Import loop detected in
とかエラーでるけど何よこれ？パーサのバグ？困るんだけど。
96 名前：Name_Not_Found ：03/10/19 10:21 ID:???: >>95
勝手に困っていてくださいまし
97 名前：Name_Not_Found ：03/10/19 13:05 ID:???: ローカルチェックで@importを使用してると文字化けした結果が出て見れない。
98 名前：Name_Not_Found ：03/10/19 16:08 ID:xVhfyerD: divの直下にimgは置かない方がいいんですか？
無理にpの中にしたほうが良いですか？
99 名前：Name_Not_Found ：03/10/19 20:14 ID:???: そのブロックレベル要素というのに左右のマージンをautoに指定しても、XHTMLだと適用されないみたいなんです。
100 名前：Name_Not_Found ：03/10/19 20:16 ID:???: >>99
お前は誰だ
とりあえずまともに説明できないならソース晒せ
101 名前：Name_Not_Found ：03/10/19 20:23 ID:???: div#a{margin:0px auto 0px auto; width:80%;}

<div id="a">a</div>
102 名前：Name_Not_Found ：03/10/19 21:35 ID:???: >>99

IE6だとxml宣言がジャマなんだな。>>5のどっかに説明があるんじゃないか？
103 名前：Name_Not_Found ：03/10/19 21:50 ID:???: >>98
何でわざわざパラグラフで包囲するんだ？
104 名前：Name_Not_Found ：03/10/19 22:05 ID:???: >>103
img要素ってインラインレベルじゃなかったっけ？
てか、スレ違いじゃない？HTMLスレでしょこれ。
105 名前：Name_Not_Found ：03/10/19 22:48 ID:kew686wj: monospaceの設定で全体を等幅にしています。
ある一部分の文字だけmonospaceを反映せずに通常の幅にしたい。
一部分だけ等幅にしたいのならタグに直接スタイルを設定すれば良いのですけど。
量が多すぎて無理です、逆に直接スタイルを設定する方法で、
monospaceを無効にする方法がわかりません。
説明がうまくできませんが、こういうので全体に指定しています。

<style type="text/css">

</style>
106 名前：Name_Not_Found ：03/10/19 22:56 ID:???: 質問です。
NN4.xxにCSSを適用させない対策として@importやmediaなどがありますが、IE4.0対策は何かあるのでしょうか？
107 名前：Name_Not_Found ：03/10/19 23:02 ID:???: IE4にも@import効果あるんですね。すいませんでした。
108 名前：Name_Not_Found ：03/10/19 23:08 ID:???: >>106
<comment>
IE以外
<noembed></comment><![if ! IE]>
IE4
<![endif]></noembed>

素直にスクリプトで判別した方がいいかもな。
109 名前：Name_Not_Found ：03/10/19 23:40 ID:???: >>106
とりあえず>>4を見ようや。
110 名前：105 ：03/10/19 23:48 ID:???: 色々と試しているのですが、等幅の状態からもどりません。
全体の等幅をスタイル要素から外部スタイルに変えてみたり、
<div style="font-style:normal">こういうのを前につけても変化なしです。
直接にスタイルを設定する方法では無効にできないのでしょうか？
111 名前：Name_Not_Found ：03/10/20 00:08 ID:???: >>110
monospaceはfont-styleではなくfont-familyである。
font-familyで固定幅ファミリを指定したのなら、
font-familyで可変幅ファミリを指定すれば良いのでは？
112 名前：105 ：03/10/20 00:23 ID:???: >>111
font-family:normalのような初期の状態にもどすファミリタグが見つからず。
もしかしてfont-styleで、もどるかもと思いつけみました。
無効ができないならと思い、書かれたとおり可変幅の指定もいくつかしてみたのですが、
初期のフォントにもどりません。初期のフォント自体が不明です。
113 名前：Name_Not_Found ：03/10/20 00:30 ID:???: 初期のフォントわからんなら指定しなきゃいいのでは。
font-family:sans-serif;
で大抵は間に合うはずだが
114 名前：Name_Not_Found ：03/10/20 00:42 ID:???: >>112
カスケードしてしまうので
Bodyで指定しちゃったら無効にはできないのねん
115 名前：Name_Not_Found ：03/10/20 00:45 ID:???: 初期のフォントはUA依存だよ。
font-style:normalみたいなのはない。
というか可変幅のフォント指定をすると初期フォントに戻る
っていうのが既に謎。
116 名前：105 ：03/10/20 00:55 ID:???: >>113
フォントをsans-serifにしてみたのですが、
字がくっついていて初期フォントと違うフォントが表示されました。
>>114
カスケードなんですか、回避方がないと困ります。
>>115
調べてみると意味は不明ですがUA依存はタブーみたいなこと書かれていました。
可変幅では初期のフォントにもどらないのですか？
辞典を買ってきたのですが、キーワードが5つしかありません。
117 名前：Name_Not_Found ：03/10/20 01:08 ID:???: >>116
全部可能
基礎から勉強するほうがいいよ、せっかく辞書買ったんだから
隅から隅まで目を通しなさい
118 名前：105 ：03/10/20 01:22 ID:???: >>117
その全部可能ということは無効にもできるということでしょうか？
font-weight,font-style,font-variantのみnormalが指定可能のようです。
119 名前：Name_Not_Found ：03/10/20 01:28 ID:???: >>105
!important
120 名前：Name_Not_Found ：03/10/20 01:49 ID:???: >>119
そのキーワードを使うと優先度を逆転させることもできます、と書かれています。
同時に複数のスタイルシートを適用することで意図したスタイルにならない可能性もある。
これを使って優先度をあげても、初期フォントにするスタイルタグが見つかりません。
辞典を読んでから眠ります。
121 名前：Name_Not_Found ：03/10/20 02:01 ID:???: >>120
>スタイルタグ
(´ι _` 　)
122 名前：Name_Not_Found ：03/10/20 07:00 ID:???: 「スタイルタグ」ねぇ……
独創的な用語ですね。
123 名前：Name_Not_Found ：03/10/20 14:45 ID:???: なんでここの住人はわからないことがでると
どうでもいい単語を揚げ足とって誤魔化すの？
まじめに答えてやれよ

まあ俺はわからんけど
124 名前：Name_Not_Found ：03/10/20 14:54 ID:???: >>123みたいな生意気が口を挟むので答えてやる。

>>105
継承「させない」なんて選択肢はない。

>>114
カスケードしてしまうというみょうちきりんな言葉を使って質問者を混乱させるな。
継承は「インヘリト」だ。
125 名前：Name_Not_Found ：03/10/20 15:26 ID:???: 君のハートにカスケード!
126 名前：Name_Not_Found ：03/10/20 16:07 ID:???: カスケードって聞くと、
走れﾏｷﾊﾞｵｰの黒い馬を思い出すなぁ
127 名前：Name_Not_Found ：03/10/20 16:16 ID:???: スタイルタグ
<style>
128 名前：Name_Not_Found ：03/10/20 16:31 ID:???: >>127
ぎゃふん
129 名前：Name_Not_Found ：03/10/20 16:36 ID:???: <style>ぎゃふん</style>
130 名前：Name_Not_Found ：03/10/20 17:33 ID:???: XHTMLのブロック要素のセンタリング、Operaとネスケでも試したんですが、IEだけできないみたいです。
IEのバグということでいいんでしょうか？

その解消法とか解決法も教えていただけたら幸いです。
131 名前：Name_Not_Found ：03/10/20 17:40 ID:???: XHTML宣言入れたら直りました＿|￣|○
132 名前：Name_Not_Found ：03/10/20 17:41 ID:???: >>130
xml宣言したらIE6では互換モードになるって指摘受けたでしょ。
　http://www.mars.dti.ne.jp/~fuming/advanced/dtd.htm
あとはＦＡＱの>>5のリンク先を読んだらわかるはずなんだが。
　http://www.mozilla.gr.jp/standards/webtips0004.html
133 名前：Name_Not_Found ：03/10/20 17:41 ID:???: >>130
>>5-7
134 名前：Name_Not_Found ：03/10/20 18:06 ID:???: 別のページの標準互換モードの表を見ました。

xml宣言ありじゃ標準モードにならないんですね...
135 名前：80 ：03/10/20 18:07 ID:???: >>81 >>84
無事できました。ありがとうございました。
136 名前：Name_Not_Found ：03/10/20 18:10 ID:???: だから>>102がとっくに指摘済みですって。　>>134
ＦＡＱのリンク先も読んでなかったの？
http://www.microsoft.com/japan/msdn/ie/ie60/cssenhancements.asp#cssenhancements_topic2
137 名前：Name_Not_Found ：03/10/20 18:11 ID:???: >>135
こんど機会があったらfloatで横並びにするのも試してごらん。
display:inline;と一長一短。
138 名前：Name_Not_Found ：03/10/20 18:12 ID:???: >>136
よんでないんだろな
読んでたとしても理解できてない(pu
139 名前：Name_Not_Found ：03/10/20 20:43 ID:oHHIN9ar: すみません、初心者スレで質問したら誘導されたのでこちらで質問させてください。

CSSで次のようなレイアウトを作りたいとおもいます。
┏━━┓
┃ 絵　┃
┃　　 ┃
┃　　 ┃文1～～～
┃　　 ┃文2～～～
┗━━┛

で、絵を div で囲んで float:left にして文を回り込ませているんですが
文1,2の行数や文字の大きさに関わらず、常に絵の一番下と文2の一番下が
合うようにしたいのですがどうしたら出来るでしょうか？今は適当にマージンを
調整して誤魔化しているのですが･･･ご教授お願いします。
140 名前：Name_Not_Found ：03/10/20 20:45 ID:???: >>139
テンプレから逝けるリンク全て回れ
141 名前：Name_Not_Found ：03/10/20 20:49 ID:???: >>139
極端な例で試行してみる。
文１が何千字もあって相当行数があって、それで絵の高さがせいぜい数十ピクセルだったら？
……無理だな、これは。
ボックスは左上から配置してくんだから、下揃は無理があるよ。
142 名前：Name_Not_Found ：03/10/20 20:54 ID:???: >>139
vertical-alignの応用で何とかならない？
そのためには文1,2をdivで括ってdisplay:inline;にしないといけないかな。
我ながらあまり感心しない。
まあpositionで配置してもいいんだが。
143 名前：Name_Not_Found ：03/10/20 20:57 ID:???: ＞絵を div で囲んで float:left にして文を回り込ませているんですが

わざわざdivで囲むのはなぜ。
直接img要素をセレクタにしてfloat:leftを指定すれば済むんでないの。
144 名前：139 ：03/10/20 21:01 ID:???: >>140
ある程度見たつもりでしたが、みてみます。
>>141
確かに極端に文の量が多かったりすると無理ですね・・・
ありがとうございます。
>>142
調べてみます、ありがとうございます～。
うまくいったら結果報告します。
ちなみに文1と2はもうdivで括ってありました。
>>143
言われてみたらそうですね・・・修正します、ありがとうございます。
145 名前：139 ：03/10/20 21:34 ID:???: うーん・・・どうもうまくいきません。
142さんの方法でやり方を考えてみたのですが

<div class="hoge">
┏━━┓
┃ 絵　┃
┃　　 ┃<div class="text">
┃　　 ┃<p>文1～～～</p>
┃　　 ┃<p>文2～～～</p>
┗━━┛</div>
</div>
として、 div.hoge に height を設定して、絵を virtical-align:baseline; とし絵も div.text も両方 display:inline; なのですが、
中の p がブロック要素だからか文が絵の下に出てしまいます。p を display:inline; にすると

┃絵┃ 文1～～　　文2～～

となってしまいます（当たり前か・・）。文1と2を上下にうまく並べる方法はないものでしょうか？
ちなみに文1と文2はタイトルとコメントなので、並列に扱うのはちょっとうまくないのです。
146 名前：Name_Not_Found ：03/10/20 21:56 ID:???: >>145
まったくやりたいことの意味不明
その絵やらと文の関係を考えた上でCSSではなくてマークアップの
基礎的な問題
147 名前：Name_Not_Found ：03/10/20 21:59 ID:???: >>145
>文1と文2はタイトルとコメント

絵のタイトルとコメントってことですか。
ならばマークアップが違ってるんでないかと。
<dl>
<dt><img></dt>
<dd>文1</dd>
<dd>文2</dd>
</dl>
で、<dt>にfloat:left;でどうです？
cf.http://www.remus.dti.ne.jp/~a-satomi/nikki/2001/12b.html#d18n03
でなけりゃ、やはりpositionで強引に配置するか。
148 名前：Name_Not_Found ：03/10/20 22:05 ID:???: div.hoge {
position: relative;
width: [適当な幅];
height: [イメージの高さ];
}

div.text {
position: absolute;
width: [hogeの幅からイメージの幅を減算した値];
bottom: 0px;
left: [イメージの幅]
}

でどう？
widthとかheightはいらないかも。
149 名前：139 ：03/10/20 22:43 ID:???: >>147
今度はうまく絵の横に文が2行並びました。が
vertical-align:baseline; をどこに置いても全く理解してくれません･･･
（文が絵の上端と合っている）
こっちのやり方がどっかおかしいと思うので色々調べてみます。

>>148
こちらのやり方だとうまくできました！
どうもありがとうございました。

>>146
仰るとおりだったみたいで、もうしわけないです。

とても勉強になりました、皆様どうもありがとうございました。
150 名前：Name_Not_Found ：03/10/20 22:49 ID:???: >>149
だからvertical-alignはインライン要素にしか意味がありませんって。
151 名前：139 ：03/10/20 22:54 ID:???: うううもうしわけ・・・ちゃんと勉強してきます・・
152 名前：Name_Not_Found ：03/10/21 02:30 ID:wGtPuF9W: li要素とかで自動的に行われる字下げ（上手い言葉が見つからない）って、
どうやれば解除出来ます？
153 名前：Name_Not_Found ：03/10/21 02:33 ID:???: >>152
質問の仕方を勉強してから来ような
154 名前：Name_Not_Found ：03/10/21 02:36 ID:???: >>152
字さげ＝インデントだと仮定して
"解除"は出来ません。

marginやpaddingで好きなように指定すればいいだけ
155 名前：Name_Not_Found ：03/10/21 02:38 ID:61owGQKC: cssでなく画像を一枚表示させたいとき<img src="http://gazou/gazou.gif" width="50" height="30">と書きますよね
cssだとbody{background-image:url("http://gazou/gazou.gif");と書きますよね
これに横50縦30と入れるにはどうすれば良いのかお願いいたします
156 名前：Name_Not_Found ：03/10/21 02:42 ID:???: >>155
画像をリサイズしなや
157 名前：Name_Not_Found ：03/10/21 02:47 ID:???: ていうか意図がわかりまへん。
backgroundにどんな大きさの画像が入ろうとレイアウトに影響を
及ぼさないので、img タグのように width と height を指定する必要は無い。
ほんとに縦50横30にしたいだけならリサイズすれば。
158 名前：Name_Not_Found ：03/10/21 02:51 ID:???: >>152
li {list-style-position: inside;}
ってことかな？
どうしたいのか図示してみれ。まあ、漏れは書き逃げしてもう寝るわけだが。

>>152
そもそもbackground-imageはimgの代わりに使うものではないのだが。
素直に50×30の画像を用意して、
background-repeat: no-repeat;
だな。
159 名前：152 ：03/10/21 02:52 ID:???: >>153-154
回答ありがとうございます。
質問の仕方が具体的ではなかったかも。

<h3>＊＊＊＊＊</h3>
<ol><li>そのいち</li><li>そのに</li></ol>

で

＊＊＊＊

・そのいち
・そのに

とインデント無しで表示させたい場合、
marginやpaddingでは、右側に動かせても左側には動かせないと思うのですが、私の勘違い？
160 名前：155 ：03/10/21 02:56 ID:61owGQKC: >>156さん157さん返事ありがとうございます
リサイズで検索してきました
画像をちょっとでも早く表示したいならサイズを指定すると良いと聞いたのですが
cssでの画像のサイズ指定のしかたがわからなかったので質問させていただきました
161 名前：Name_Not_Found ：03/10/21 02:57 ID:???: マージンにマイナス指定すればいいだけじゃん
162 名前：152 ：03/10/21 02:57 ID:???: 申し訳ありません。自己解決しました。
display: inlineで上手くいきました。というかなんで気が付かなかったんだろう。
163 名前：Name_Not_Found ：03/10/21 03:01 ID:???: >>155
div.gazou
{background-image:url("http://gazou/gazou.gif");
width:50px; height:30px;}
のように、width と height で指定すればいいと思う。

画像を一回だけ表示させる意図ならば、
div.gazou
{background-repeat:no-repeat;}
のように、繰り返しを解除する。

ところで本当にどういう意図で縦横を指定したいの？
CSSとHTMLは目的が違うので、
<img src="http://gazou/gazou.gif">と、
body{background-image:url("http://gazou/gazou.gif");}
は＝ではないよ。
164 名前：Name_Not_Found ：03/10/21 03:02 ID:???: >>159
margin と paddingを0 にしてからつべこべ言ってください


</style> </head>
<body>
<p>tetete</p>
<ul><li>hehehe</li><li>uhuhu</li><ul>
165 名前：Name_Not_Found ：03/10/21 03:03 ID:???: >>162
(ﾟДﾟ)ﾊｧ?
166 名前：Name_Not_Found ：03/10/21 03:04 ID:???: 155は、imgタグでwidthとheightを指定しないことによる
再配置が発生して重くなることを言ってると思うんだけど。background-imageは
背景なんだから縦横指定なんていらない。
167 名前：Name_Not_Found ：03/10/21 03:05 ID:???: >162
??
display:inline; で上手く行くはずがないと思うんだが……
168 名前：Name_Not_Found ：03/10/21 03:08 ID:???: display:inlineにして強制改行をさせていると予想
169 名前：１５５ ：03/10/21 03:16 ID:61owGQKC: わわ、説明が下手ですみません
背景にぽつんと1つだけ画像を載せたかったのです
このスレッドには50、30とサイズを書きましたが
HPに載せようと思っている画像は大きめのものなので
少しでも早く表示するにはどうしたら、と教わりにきました
163のをコピーさせていただきました
今日の帰りにｃｓｓの本を買ってこようと思います
163さん166さんどうもありがとうございました
170 名前：Name_Not_Found ：03/10/21 03:29 ID:???: >>169
>>4 にあげられているサイトを見ろ。
少なくとも金はかからないし、多くの（いい加減な）書物よりも有益だ。

あと背景にぽつんと画像を載せるなら、
body
{background-repeat:no-repeat;
background-position:center center;}
などとしないと、画像が左上に表示されるっきりになるぞ。
↓参照
ttp://tohoho.wakusei.ne.jp/css/reference.htm#background2
171 名前：Name_Not_Found ：03/10/21 10:42 ID:???: >169
サイズを指定しても、元の画像がでかけりゃ早くならないよ。
元の画像のサイズを変更しなくちゃならないよクソが
172 名前：Name_Not_Found ：03/10/21 11:29 ID:LP83B5P0: 例えばですが、

<div id="main">
<h*>****</h*>
<div class="content">
<p>****</p>
</div>
</div>

とあって、上記のpにマージンなどを指定したい場合、

div#main div.content p {
margin : 10em;
}

と

div.content p {
margin : 10em;
}

とではどちらが良いのですか？
173 名前：Name_Not_Found ：03/10/21 11:35 ID:???: div id="main"中のpにマージンを取りたい場合は前者
div class="content"中のpに共通してマージンを取りたい場合は後者
174 名前：Name_Not_Found ：03/10/21 13:25 ID:???: >>172
どっちでもいいんじゃないか。
好みで行けばいいよ。
<div class="content">がいくつも出てくるなら前者だろうけど、そうでなければどっちでも。
175 名前：Name_Not_Found ：03/10/21 16:41 ID:e8pp1Kfe: リンクバナーを1回クリックしてしまうと縁の色がグレーになるじゃないですか、
いくらクリックしても縁の色が変わらないようにするにはどのように書けばよいでしょうか？
176 名前：Name_Not_Found ：03/10/21 16:54 ID:???: 今まで2年HP運営してきたが、今日初めてCSSの入門サイトに目を通したよ。
すんげぇな。時代は変わってるよ。

とりあえず興奮が収まらないので発散書き込み。

時代遅れはｺｿｰﾘ勉強してくるよ。
177 名前：Name_Not_Found ：03/10/21 17:01 ID:???: >>175
>>1-4
178 名前：Name_Not_Found ：03/10/21 17:44 ID:???: >>176
2年前にはすでにCSSがあったわけだが。
179 名前：175 ：03/10/21 17:49 ID:e8pp1Kfe: >>177
いろいろ模索したけど分かりませんでした
教えて下さい
180 名前：Name_Not_Found ：03/10/21 17:50 ID:???: >>179
低脳は氏ね
181 名前：Name_Not_Found ：03/10/21 18:06 ID:???: >>179

<BODY link=色 alink=色>
182 名前：Name_Not_Found ：03/10/21 21:01 ID:???: >>176
がんばれー！
183 名前：Name_Not_Found ：03/10/21 22:45 ID:???: >>175
> リンクバナーを1回クリックしてしまうと
マジレスすると、バナーってのは画像なので色は変わらないんだけど。

> いくらクリックしても縁の色が変わらないようにするにはどのように書けばよいでしょうか？
マジレスすると、「色が変わらない」のは閲覧者に優しくないよ。
俺はその色が変わるのがとても必要としているし。
184 名前：Name_Not_Found ：03/10/21 22:58 ID:???: >>183
ﾜﾗﾀ
185 名前：Name_Not_Found ：03/10/21 23:14 ID:???: >>183
たしかにどこまで読んだかわかるので便利だけど
デザインする側からすると未訪問、既訪問のテキストリンクの
色を考えるのはめんどくさい。
漏れは作るサイトにあんまりそういうことは求められることがなさそうなんで
未訪問、既訪問どっちも同じ色にしてる。
186 名前：Name_Not_Found ：03/10/22 00:26 ID:???: >>185
> デザインする側からすると未訪問、既訪問のテキストリンクの
> 色を考えるのはめんどくさい。
　デフォルトに近い色を適当におけばいいだろ？

> 漏れは作るサイトにあんまりそういうことは求められることがなさそうなんで
　製作者が考えることじゃない。
187 名前：185 ：03/10/22 00:50 ID:???: >>186
デフォルト？それは気楽で良いですねw
漏れは画像とかは極力使わないかわりに色には物凄く気を使ってる。
ボーダーの色なんかもな。
単純な原色をつかうなんて考えられないな。
青じゃなきゃリンクだと解らんバカはネットなんかやらんでよい。
どこまで制作者は閲覧者に媚びればいいんだ？
例え、金をもらって依頼されて作るもののなかにも自分の表現を込めたいと思うんだが。
188 名前：Name_Not_Found ：03/10/22 00:58 ID:???: >>187
厨はもう寝る時間ですよ
189 名前：Name_Not_Found ：03/10/22 01:01 ID:???: >>187
＞色には物凄く気を使ってる。
　のに
＞未訪問、既訪問どっちも同じ色にしてる。

「おしゃれには、物凄く気を使ってる。」
「どの服を着るか考えるのはめんどくさい。」
「毎日同じ服にしてる」
190 名前：Name_Not_Found ：03/10/22 01:03 ID:???: >>187
青じゃなきゃリンクだとわからない、と誰が言ってるの？
原色を使う、と誰が言ってるの？
デフォルト、と誰が言ってるの？

制作者がこびてる、とか言うならそれこそデフォルトで「俺の書いたものだけ見てろ」でいいんじゃねえの？
わざわざ閲覧者に媚びてcssで配色なんかを無理に変えなくても。

＞例え、金をもらって依頼されて
　誰も依頼しないよ。WEB屋は簡単な仕事だけど仕事を取れるかどうかとは別だ。社会を甘く見るな。
191 名前：Name_Not_Found ：03/10/22 01:09 ID:???: 漏れは調味料とかは極力使わないかわりに食材には物凄く気を使ってる。

献立を考えるのはめんどくさい。
漏れは作る料理ににあんまりそういうことは求められることがなさそうなんで
朝飯、夕飯どっちもカレーにしてる。
192 名前：Name_Not_Found ：03/10/22 01:17 ID:???: で、次の質問は？
193 名前：Name_Not_Found ：03/10/22 01:18 ID:???: おまえらはディスプレーからどのくらいの位置で見てる？
俺は大体、30cmくらい。
194 名前：Name_Not_Found ：03/10/22 02:07 ID:???: #More {
max-display-distance: 60cm;
min-display-distance: 30cm;
}
195 名前：Name_Not_Found ：03/10/22 04:53 ID:???: #more .home {
display-distance: 20cm;
}

#more .univ {
display-distance: 50cm;
}
196 名前：Name_Not_Found ：03/10/22 08:09 ID:???: 誰かおもしろい話してくれないかなぁ
197 名前：Name_Not_Found ：03/10/22 17:26 ID:???: >>196
今日ジョニーイングリッシュ見たよ
198 名前：Name Not Found ：03/10/22 19:22 ID:???: <TABLE bgcolor=#999880 cellspacing=1 cellpadding=3>
のテーブルタグをスタイルシートで一括で処理したいのですが、
線が太くなってしまうのですが、どうしたらいいのでしょうか？
199 名前：Name_Not_Found ：03/10/22 19:27 ID:???: >>198
どんな風に指定したら太くなったのですか。
ソースを出してください。
200 名前：Name_Not_Found ：03/10/22 19:29 ID:???: >>198
border-colups だったっけ？
201 名前：Name_Not_Found ：03/10/22 19:33 ID:???: >>199
border-collapseです。不確かな情報はいけませんね。
http://msugai.fc2web.com/web/CSS/tables.html#coll
202 名前：Name Not Found ：03/10/22 19:38 ID:???: >>199
table{background: #999880;}
を指定しただけで、まだ少ししかいじってないんです。
いじると外枠だけ細く表示されたりよくわからなくて・・・
203 名前：Name Not Found ：03/10/22 19:42 ID:???: >>201
ありがとうございます。
教えられたアドレス見ながらがんばってみます。
204 名前：200 ：03/10/22 19:45 ID:???: 正直すまんかった。

Mac 版 MSIE の場合、border-collapse を認識してくれないので、
仕方なく、 1px 0px 1px 1px と 0px 0px 1px 1px を組み合わせて
何とかすることがあります。
205 名前：Name_Not_Found ：03/10/22 19:57 ID:???: >>202
枠線を指定するプロパティーはborderですよ……。
http://www.tg.rim.or.jp/~hexane/ach/sfcs/sfcs09.htm
http://www.tg.rim.or.jp/~hexane/ach/sfcs/sfcs10.htm
206 名前：Name_Not_Found ：03/10/22 20:42 ID:???: >>193
2cm。ウェアラブルなもんで
207 名前：200 ：03/10/22 20:55 ID:???: >>206
スカウターみたいなやつ！？
うぉー、俺もほしー！！
208 名前：Name_Not_Found ：03/10/22 21:38 ID:???: >>204
macのIE5はテーブルにスタイル適用してると適用したくないテーブルにへんな
ボーダーがついてみっともない事になるバグがある。

どうしてもテーブルで1pxボーダーにしたいなら
セル間隔を1pxにしてそれを背景色つけた1*1の親テーブルにぶち込むしかないな。

こういうちょっとした事でしゃれた感じを出したくてやったことが
裏目にでたりするとホント鬱になるよ。
209 名前：Name_Not_Found ：03/10/23 00:40 ID:???: >>208
漏れまだそれに遭遇したことない。
もしよければ情報プリーズ。
210 名前：Name_Not_Found ：03/10/23 00:57 ID:???: >>208-209
未確認バグ、らしいヨ。↓
　特定のテーブルに指定したボーダー色が別のテーブルにも適用される(IE5.1)
　http://cssbug.at.infoseek.co.jp/detail/macie/b049.html

遭遇したら、こちら↓に報告してあげて下さい。
　CSS/DHTMLバグ辞典スレッド第３版
　http://pc2.2ch.net/test/read.cgi/hp/1050844510/l50
211 名前：208 ：03/10/23 01:12 ID:???: >>209-210
もしかしたら微妙なバージョンごとに起こるものなのか？
漏れ、それをソースさらしてカキコしたんだけど
激しくスルーされたよ。>>210のスレじゃなかったかもしれんけど。

もうね、あれはまじで鬱になります。
関係ないテーブルのまわりにみっともない色がつくの。
もうテーブルにクラス適用しないって心に決めたもん。
212 名前：Name_Not_Found ：03/10/23 01:16 ID:???: >>211
こちら↓に報告してあげて下さい。
　CSS/DHTMLバグ辞典スレッド第３版
　http://pc2.2ch.net/test/read.cgi/hp/1050844510/l50
213 名前：208 ：03/10/23 01:23 ID:???: ソース、あったんで。ブラウザは5.1.7/os9.2.2だよ。
--------------------------------------------------------------------
外部CSSファイル（test.css）
.okashiiyo { border: 1px #FF0000 solid; background-color: #FFCC66}
--------------------------------------------------------------------
テストのhtml

<html>
<head>
<title>無題ドキュメント</title>
<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
<link rel="stylesheet" href="test.css" type="text/css">
</head>
<body bgcolor="#FFFFFF" text="#000000">
<table width="500" border="4" cellspacing="4" cellpadding="4" class="okashiiyo">
<tr>
<td>こっちはスタイル適用</td>
</tr>
</table>
<br>
<table width="500" border="4" cellspacing="4" cellpadding="4">
<tr>
<td>こっちはスタイル適用してない</td>
</tr>
</table>
</body>
</html>
--------------------------------------------------------------------
214 名前：208 ：03/10/23 01:25 ID:???: >>212
なんてこった。マルチになっちゃうな。あっちにも書いたら。
215 名前：Name_Not_Found ：03/10/23 01:25 ID:???: >>213
こちら↓に報告してあげて下さい。
　CSS/DHTMLバグ辞典スレッド第３版
　http://pc2.2ch.net/test/read.cgi/hp/1050844510/l50
216 名前：209 ：03/10/23 02:24 ID:???: >>210
おおお、ホントだ。
どうもぬりがとう。

普段、デフォルトの状態で放置すること無いから、
ぜんぜん気がつかなかったよ～。
217 名前：Name_Not_Found ：03/10/23 15:10 ID:???: テーブルはレイアウトに使うべきではないということで今CSSで表示できるようにしています。
┌────┐
│■文字 │
│■　　　 │
└────┘
┌────┐
│文字 │
└────┘

■■は一枚の画像です。外枠はdivで背景色を指定しています。（ずれるかもしれませんが…）
<div>の中に画像を入れると文字数より画像のほうが大きいせいで
┌────┐
│■文字 │
└■───┘
┌■───┐
│■文字 │
└────┘
こんなふうにずれ込んでしまいます。
文字<br><br><br>…と<br>タグを何個か入れてdivの部分を広げて間に合わせていますが、
もっといい方法はないでしょうか？

よろしくお願いします。
218 名前：Name_Not_Found ：03/10/23 15:30 ID:???: >>217
予想で申し訳ないが、
画像の右のテキストは float で回り込みしてるでしょう？
だとしたら、例えば hr とかで clear すると、期待通りになると思うが
どうか。
219 名前：218 ：03/10/23 15:35 ID:???: 書き忘れ。
漏れの場合は div が終わったところで
hr {
    display: block;
    visibility: hidden;
    margin: 0px;
    padding: 0px;
    font-size: 1px;
    margin-top: -適宜px;
    }

としてごまかしている。
もっとよいやり方あったら教えてｴﾛい人。
220 名前：Name_Not_Found ：03/10/23 15:53 ID:???: 俺は217がソースを出してくれるまで黙して待つ所存
221 名前：Name_Not_Found ：03/10/23 16:05 ID:???: スレ違いだったらすみません。
JavaScriptでCSSの話題なんだけど、WinIEでは :before :after 擬似要素のcontentプロパティ
に対応していないのがネックになっていたので、htcを利用したbehaviorを作ってみました。
htcの中に直接CSS（に似たもの）を書くので格好悪いとは思うのですが、HTML側がシンプルな方が
汎用性は高いんじゃないかなと思います。

で、このhtcをここのみなさん（もしくは他のスレになるかもしれませんが）と一緒にいいものに
していけたらな、と思い書き込ませてもらいました。
どうでしょう？
222 名前：217 ：03/10/23 16:10 ID:???: ではソースご覧いただけますでしょうか。

.about { text-align:left;background-color:#FFFF99;color:#000000;padding:5pt;margin-bottom:5pt;}
.ga { float:left; }

<div class="about">
<img src="gazo.jpg" class="ga">
文字文字<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
</div>

<div class="about">
もじもじ
</div>

こんな感じです。上の方もおっしゃっていたclearをどこで指定すべきかいま判らずにいます。
223 名前：Name_Not_Found ：03/10/23 16:22 ID:???: >>222
.about にclearを指定すればいいんじゃないの
224 名前：223 ：03/10/23 16:24 ID:???: >>222=217
あと、質問の時はsageないほうがいいと思う
225 名前：218 ：03/10/23 16:26 ID:???: >>223
div.about や img.ga で clear すると、
次のブロックが、もじもじの終わったところから始まっちゃうんですよ。
漏れもつい最近似たようなことやったし。漏れも場合は
<div>
<h2><img></h2>
<ul>
<li>もじもじ</li>
</ul>
</div>
の繰り返しだったんだけど。で、どうしようか悩んだ結果、
hr を次の div との間にはさんであげることで何とかなって、
その hr のマージンをごまかすためにマイナスの margin とか使いますた。
226 名前：Name_Not_Found ：03/10/23 16:50 ID:???: >>221
必要性が感じられないが
227 名前：Name_Not_Found ：03/10/23 17:21 ID:???: >>217-222
FAQの>>7を見ましたか。
「浮動要素の高さもheightに含めさせる方法」などを参考に。
　http://www.mozilla.gr.jp/standards/webtips0021.html#c1_2
　http://cssbug.at.infoseek.co.jp/detail/winie/b079.html
　http://pc2.2ch.net/test/read.cgi/hp/991666454/683n
228 名前：217 ：03/10/23 18:20 ID:???: ありがとうございました。
FAQ7の項目は難しくて今はよく判りませんが
内容を元にもう一度あちこち見て再挑戦してきます。
229 名前：218 ：03/10/23 18:27 ID:???: >>227
勉強になりました。

漏れも何かしらを置いてそいつで clear してやると OK なところ
までは自力でたどり着けたんだけど、何を置くべきか悩んだ。
文の強制改行でもないのに<br>をぽつんと置くのもなんだなあ、とか。
で、一応一区切りなので<hr>で折り合いをつけました。
230 名前：Name_Not_Found ：03/10/23 19:13 ID:guL1Bomg: テキストの送信フォームを作っているんですが…

<form>
<input type="text">
<input type="image" src="submit.gif" width="57" height="21" alt="送信">
</form>

上記のように書くと、テキストボックスとイメージボタンのベースラインが合わず
見た目よくありません。
CSSを使ってこれらのベースラインを調整することはできるでしょうか？
231 名前：Name_Not_Found ：03/10/23 20:41 ID:???: >>230
position:relative;
top:適宜px;

とかやってちょびっとズラすのはだめ？
232 名前：Name_Not_Found ：03/10/23 21:10 ID:???: 背景黒のテーブル内と背景白のテーブル内で
リンクの色をそれぞれ見やすい色に変えたいんですが、
テーブルごとにスタイルを適応することはできるのでしょうか？
233 名前：Name_Not_Found ：03/10/23 21:19 ID:???: >>232
.foo a:link{～}

.fooの中にあるリンクという指定の槍方をすりゃいい。
234 名前：Name_Not_Found ：03/10/23 21:39 ID:???: >230

<form>
<p><input ...>
<img ...></p>
</form>
とでもして（strictでは form 直下にインラインを置けないので）

form p input, form p img {vertical-align: ...} とやればうまくいくかもしれない

<p>要素に入れない（strictにこだわらない）ならば form input, form img {...} ね
235 名前：Name_Not_Found ：03/10/23 22:04 ID:???: >>233
<a href="http://***.***.***/" style="foo">リンク</a>
といった感じでしょうか？
236 名前：Name_Not_Found ：03/10/23 22:23 ID:???: >>235
<table class="foo">
（中略）
<td><a href=以下略～

「fooの中のa:linkは～」という指定方法
237 名前：230 ：03/10/24 10:37 ID:???: >>234
できますた！　ｱﾘｶﾞﾄｺﾞｻﾞﾏｽ!

form input{vertical-align:top;}

ただし NN4.7(Win) だとmiddleやbottomを指定すると
全然揃いません。
ナンデ…？
topだと揃うので、個人的には無問題ですが。
238 名前：Name_Not_Found ：03/10/24 18:25 ID:H0KRkpju: 質問です。
画像の左側にテキストを回り込ませたいんですが、
以下のように記述したページをネスケ4.7で見ると
最初の1行目が字下げされて表示されてしまいます。
text-indent:0em のように設定しても全然ダメです。
どうすれば解決するんでしょうか？

<div>
<img src="icon.gif" style="float:left;">
ここに解説文などを<br>
挿入予定
</div>
239 名前：Name_Not_Found ：03/10/24 18:42 ID:???: >>238
marginかpadding設定してみれば？

ってか、もう寝透け4.xは窓から捨てちゃいなよ。もういいよ、よくがんばった。
240 名前：208 ：03/10/25 00:07 ID:???: >>212
>>208っす。誰かが報告しておいてくれたのかな？
241 名前：ﾏﾐ(ﾟдﾟ)ﾏﾐ ☆ﾏﾐ ◆zwtSAnyz5E ：03/10/25 10:55 ID:???: CSSってな～～に～～
マミにもCSSを1つくださいな　チュンチュン
242 名前：Name_Not_Found ：03/10/25 10:56 ID:???: クソコテは蹴り易いので便利だね
243 名前：Name_Not_Found ：03/10/25 14:59 ID:???: XREAの広告を手動で右上に移動しようと思い、positionで指定してみたのですがうまくいきません・・。
どこか間違ってるところがあれば教えて下さい。お願いしますm(＿)m

<CSSソース>
div.xrea{
position:absolute;
top:0;
right:468px;
margin:0;
}

<HTML>ソース
<div class="xrea">
<iframe height="60" width="468" frameborder="0" marginheight="0" marginwidth="0" scrolling="no" allowtransparency="true" src="http://ad.xrea.com/ad_iframe.fcg?site=rag.s27.xrea.com">
<a href="http://ad.xrea.com/ad_click.fcg?site=rag.s27.xrea.com" target="_blank" ><img src="http://ad.xrea.com/ad_img.fcg?site=rag.s27.xrea.com" height="60" width="468" border="0"></a>
</iframe>
</div>

こんな感じになってます。。
244 名前：243 ：03/10/25 15:03 ID:???: あ、それと何故かmargin:0だけが適用されていました。
他にもfloat:right;などで指定もしてみましたが、結果は同じでした。
245 名前：243 ：03/10/25 15:09 ID:???: すいません。自己解決いたしました。
お騒がせしてすみませんでした。
246 名前：Name_Not_Found ：03/10/25 20:15 ID:???: <p>aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</p>

これをスクロールバーがでないように
回り込ませる方法はありますか？
247 名前：Name_Not_Found ：03/10/25 20:16 ID:???: >>246
ウザイから止めろ
248 名前：Name_Not_Found ：03/10/25 20:19 ID:???: <p>aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</p>

ならおしえれ
249 名前：Name_Not_Found ：03/10/25 20:20 ID:???: とりあえず削除依頼宜しく
250 名前：Name_Not_Found ：03/10/25 20:22 ID:???: まぁ漏れはその程度で横スクロールバーが出る程ショボイ
ディスプレイ使ってないから別に良いんだけどね。
251 名前：Name_Not_Found ：03/10/25 20:23 ID:???: >>247
ウザイなら教えて
2ｃｈも対応するようにメールするよ
252 名前：Name_Not_Found ：03/10/25 20:24 ID:???: >>250
おめえはそんなにでかいウィンドウ（非ディスプレイ）でブラウジングしてるんか？
せっかくのマルチウィンドウ環境がもったいない。
253 名前：Name_Not_Found ：03/10/25 20:28 ID:???: >>248
p{word-break:break-all;}
254 名前：Name_Not_Found ：03/10/25 20:29 ID:???: >>252
1200*1600なんでこのくらいの大きさにしても
他の作業に支障が出る事は無いので･･･(´ー`)y―~
まぁこんなデカクする事は滅多に無いけどね
255 名前：Name_Not_Found ：03/10/25 20:30 ID:???: >>253
ｏ(⌒0⌒)ｏ　さんくすぅ～
256 名前：Name_Not_Found ：03/10/25 20:31 ID:???: 俺も 1600x1200 だけれども、ウィンドウのサイズは 700x500 暗い棚。
257 名前：Name_Not_Found ：03/10/25 21:23 ID:???: そもそも自動で折り返されるんじゃないのか?
258 名前：Name_Not_Found ：03/10/25 21:38 ID:???: 一応英単語だからね。
259 名前：Name_Not_Found ：03/10/25 22:47 ID:c05+ETE/: A:hover { color: #ff0000; }

みたいな指定をテーブル全体（または特定のセル）で
実現させる事って出来ますか？
画像にしてロールオーバーの方が簡単そうですが、軽くしたいので…
260 名前：Name_Not_Found ：03/10/25 22:50 ID:???: >>259
なんか恥かしい書き込みですね、
261 名前：Name_Not_Found ：03/10/25 22:51 ID:i/czCyNG: font-familyでフォントの種類を　サイトの全てのページで統一したいのですが

<font></font>で結んでいない”タダの文字”にも適用するにはどうしたらいいでしょうか？
262 名前：259 ：03/10/25 22:51 ID:c05+ETE/: ゴメンなさい、変化させたいのはテーブル（またはセル）の背景の方です（＾＾；）
263 名前：Name_Not_Found ：03/10/25 22:53 ID:???: >>262
もっと恥かしくなってきてますよ、
264 名前：Name_Not_Found ：03/10/25 22:54 ID:???: 　ホ　ン　ト　、　低　脳　っ　て　罪　で　す　ね　
265 名前：Name_Not_Found ：03/10/25 22:57 ID:???: >>259
テーブルじゃない方法なら知ってるけど
266 名前：Name_Not_Found ：03/10/25 23:53 ID:???: >>261
>>4

>>259
出来ます。
267 名前：Name_Not_Found ：03/10/26 00:00 ID:???: th:hover, td:hover { color: #ff0000; }
これで出来なかったらそのブラウザは窓から投げ捨てると幸せになります。
268 名前：Name_Not_Found ：03/10/26 00:21 ID:???: >>267
> th:hover, td:hover { color: #ff0000; }
> これで出来なかったらそのブラウザは窓から投げ捨てると幸せになります。
onmouseover="this.style.backgroundColor='#******';と
onclick="this.style.backgroundColor='#******';location.href='hoge.html'; "
みたいな感じでやってた。それ。

td:hoverなんて出来たんだ、まじ考えもしなかった。
269 名前：Name_Not_Found ：03/10/26 00:23 ID:???: >>267
漏れも知らなかった･･･_|￣|○

つかホントに出来るのか？
270 名前：Name_Not_Found ：03/10/26 00:32 ID:???: :hoverも知らないとはバカだなぁ（藁
どうせ、IEはa以外の:hoverには対応していないことも
知らないんだろうなぁ。
271 名前：Name_Not_Found ：03/10/26 00:33 ID:???: 少し前なら「仕様書読め」で終わった質問だな
272 名前：269 ：03/10/26 00:36 ID:???: >>270
いや:hoverは知ってるけどa以外にも使えるって事を知らなかった･･
273 名前：Name_Not_Found ：03/10/26 00:45 ID:???: 俺も知らなかった～～！！
ＩＥでも実装して欲しいんだが。その可能性は？
274 名前：Name_Not_Found ：03/10/26 00:46 ID:???: >>273
なさげ。
してるならとっくにしてるだろう。
あまり需要がないんだろうな。
275 名前：Name_Not_Found ：03/10/26 00:49 ID:???: 手持ちのブラウザではN7.1でしかできなかった。td:hover。
opera7.2やIE6は×。もちろんNN4.7も×。
276 名前：268 ：03/10/26 00:49 ID:???: >>269
どうだろう？まだ試してない。
>>270
a:hoverはあれだな、根助の7とかなら動くな。今確認した。
>>272
うんうん、思いつきもしなかったな。
ところで
td:hover { color: #ff0000; } とした場合かわるのは文字の色だよね？
ここに背景色とかボーダーとかも指定したら面白そうだな。
漏れのやり方だとソースが見にくくてかなわん。
あとtdそのものにonclick="location.href='hoge.html'; " で
tdをボタンにできるな。
それとか背景画像をボタン画像でやればロールオーバーも可能だ。
あ、でも先読みが必要だな。
277 名前：Name_Not_Found ：03/10/26 00:51 ID:???: >>276
ちょっとcssから話がそれてきてるよ。
278 名前：Name_Not_Found ：03/10/26 00:52 ID:???: とりあえず、CSS 2 くらいまでの基礎知識は>>4で身につけとけ。

まぁ、td:hoverみたいなのは現状JavaScript等で代用するしかないけど。
279 名前：268 ：03/10/26 00:53 ID:???: >>275
> 手持ちのブラウザではN7.1でしかできなかった。td:hover。
> opera7.2やIE6は×。もちろんNN4.7も×。
なんだ。がっくりだ。
結局実質的にはだめってことだね。
というわけで>>259は漏れのやり方でやれ。
たいてい大丈夫だ。で根助4のため中のテキストにも<a>しとけば
ナビゲーションとしての機能ははたす。
280 名前：Name_Not_Found ：03/10/26 00:55 ID:???: つか>>259はtableでしか出来ないと思ってるんだろうな
281 名前：Name_Not_Found ：03/10/26 00:56 ID:???: なんで仕様書に載ってる擬似セレクタさえ知らんようなやつらが回答者ぶってのさばってんだ？
ttp://www.swlab.csce.kyushu-u.ac.jp/man/rec-css2/selector.html#dynamic-pseudo-classes
282 名前：Name_Not_Found ：03/10/26 01:06 ID:???: テーブルなんかに入れないで
a:hover{display: block;
background-color:#fff;
}
でいいだろが

ｱﾎｸｻ
283 名前：Name_Not_Found ：03/10/26 01:09 ID:???: >>282
質問の意味わかってる？

テーブルやセルにhover擬似要素を使いたい、っつってんだよ？
284 名前：Name_Not_Found ：03/10/26 01:14 ID:???: 大体仕様書がどうこう言ってるクセにtableでレイアウトしてる事には何も言わないんだな
285 名前：Name_Not_Found ：03/10/26 01:14 ID:???: >>284
table要素は非推奨要素だと思ってるんですか？

＃用途がかかれてないのに判断できるか？
286 名前：Name_Not_Found ：03/10/26 01:15 ID:???: >>283
aでsrcなんぞいれずにname属性にすりゃいいだろｸｿが
287 名前：Name_Not_Found ：03/10/26 01:16 ID:???: 質問者側の者です。
テーブルレイアウトって何で良くないんですか？
表として使われるべきものだからですか？
288 名前：Name_Not_Found ：03/10/26 01:18 ID:???: >>285
用途なんて書かなくても普通の表に>>259みたいな事使わないだろ？
ましてや画像で代用とか言ってるくらいだからメニューか何かなんだろうな
289 名前：Name_Not_Found ：03/10/26 01:19 ID:???: >>287
・視覚系UAじゃないと、思い通りの順序に並ばない可能性がある。
・思っているようなレンダリングがされているとは限らない（現に漏れはユーザスタイルシートで表の枠を表示させてる）
・重い
・表示が遅い

かな。
290 名前：Name_Not_Found ：03/10/26 01:20 ID:???: >>287
table要素はレイアウトに使う要素では無いから

で、結局レイアウト目的のtableだったんだな
291 名前：Name_Not_Found ：03/10/26 01:20 ID:???: >>288
メニューは表としてマーク付けできるけど。
292 名前：Name_Not_Found ：03/10/26 01:20 ID:???: >>290
287で判明したことを生き生きと言わんでも
293 名前：Name_Not_Found ：03/10/26 01:23 ID:???: >>291
どんなメニューかによるだろ
294 名前：Name_Not_Found ：03/10/26 01:25 ID:???: >>293
どんなメニューかにもよるからテーブルレイアウトか否かは断言できないわけで。
漏れらは黙々と質問に答えてりゃいいんだよ。
質問に問題点があるなら指摘してやりゃいいんだよ。

想像でいちいちテーブルレイアウトだなんて突っ込む必要はない。
295 名前：Name_Not_Found ：03/10/26 01:25 ID:???: 此処(この板?)は一々議論になるから面白いな
296 名前：287 ：03/10/26 01:25 ID:???: みなさんありがとうございます。
ちなみに僕は259ではありません。
297 名前：Name_Not_Found ：03/10/26 01:27 ID:???: >>294
喪前一度に2つ以上の物事を考えられないだろ？
298 名前：Name_Not_Found ：03/10/26 01:28 ID:???: >>297
考えることと、「テーブルレイアウトと想像して批判」することにどう関係が？
299 名前：Name_Not_Found ：03/10/26 01:35 ID:???: >>298
だから既に質問側から出てきた単語を纏めて答えを導けないのかと･･
300 名前：Name_Not_Found ：03/10/26 01:37 ID:???: >>299
今の現状ではどっちともとれんよ。
それよかお前がテーブルレイアウトだと判断した根拠を聞かせてくれ。
それを参考に今後思考能力を高めて行きたい。
301 名前：Name_Not_Found ：03/10/26 01:38 ID:???: 漏れはあんまりテーブルどうたらの話は好きじゃないな。
ここはcssの質問スレだ。目的が問題なのではなく方法が問題なんだ。
そこでテーブルがどうたら言うのは大きなお世話ではないかと。
かくいう漏れも、いろいろ悩んだ末テーブルレイアウトを使ってる。
正しいマークアップをすれば確かに内容は伝わるだろう。
だけどそんな事漏れのレベルの請け負う仕事じゃ求められてないよ。
現状の各ブラウザのcssの実装やレンダリングなんて
把握しきれるものじゃないしさ。
こんな現状だからcssのいいとこどりの様な使い方しかしないやつばかりになるのも無理ないよな。
302 名前：Name_Not_Found ：03/10/26 01:40 ID:???: >>301
言ってることは同意だけど、
仕事でやってるのを同列に訴えかけるのはやめろ。
303 名前：Name_Not_Found ：03/10/26 01:42 ID:???: >>301
自分が使ってるからってテーブルレイアウトを容認するなよ

やっつけ仕事でテーブルレイアウトやってるやつと
正しいＨＴＭＬやＣＳＳの使い方が知りたくてこのスレにたどり着いたかもしれないやつを一緒にすんな
304 名前：296 ：03/10/26 01:42 ID:???: cssのいいとこどりってやっぱ良くないですか？
305 名前：Name_Not_Found ：03/10/26 01:44 ID:???: >>304
cssのいいとこ、ってのをお前が本当に理解できたら問題なくなるんだけどな。
306 名前：Name_Not_Found ：03/10/26 01:44 ID:???: テーブルレイアウトってのは必要悪だな。
仕様よりもさきにブラウザが先走ってどんどん仕様を拡張したりしてたんだから無理もない。
テーブル以上に扱い易く崩れにくいレイアウト方法が定着するまではなくならないだろうね。
しかし、テーブルレイアウトにむきになって食い付くやつはキモイな。
307 名前：Name_Not_Found ：03/10/26 01:44 ID:???: >>304
cssのいいとこ、ってのはお前の汚いサイトを重くするってことじゃないよ。
308 名前：Name_Not_Found ：03/10/26 01:45 ID:???: まぁ蔵の要望で仕方なくってのもあるけどな
309 名前：Name_Not_Found ：03/10/26 01:46 ID:???: >>306
CSSを理解してないヤツが中途半端に「ブラウザの実装」とか言うからこじれるんだよ。
実装されてないブラウザのユーザーは見栄えなんて求めてない。
なんで「同じように見て欲しいよう」とか気持ち悪いことばかり考えるんだ。
310 名前：Name_Not_Found ：03/10/26 01:46 ID:???: >>308
だから。
仕事と普通の制作者と同列に語るな、って
311 名前：Name_Not_Found ：03/10/26 01:47 ID:???: そうそう、蔵がNN4.*が如何こうとか言い出すから･･･
312 名前：Name_Not_Found ：03/10/26 01:49 ID:???: >>311
　>>310

蔵のためにやむなし、ってのはわかるが、
理解した上でやむなし、とは根本的に違う話でしょ
313 名前：301 ：03/10/26 01:54 ID:???: >>302
> 仕事でやってるのを同列に訴えかけるのはやめろ。
結局みんな悩んだ末にやってるんだと思うよ。

>>303
正しい=使える。現状じゃそうならないんだから仕方ない。
適度なとこで妥協する事も大事だろ。
正しく作っても見栄え（レイアウト）が変わっちゃ倉にとってそれはすでに正しくないんだよ。

>>296
いいとこ取り、おおいに結構だよ。
div厨っていわれても文法的にはあってるし。
314 名前：Name_Not_Found ：03/10/26 01:56 ID:???: >>313
自分の創意工夫能力の無さを正しいhtmlの所作にするな
工夫すれば出来るものもあるんだよ
工夫する努力もしないでテーブルに逃げる前に
質問者には工夫してみるチャンスをやってくれ
315 名前：301 ：03/10/26 02:02 ID:???: どんな事言ったってさyahooを始めメジャーなサイトはみんなテーブルじゃん。
css振り分けたりいろいろ地味な苦労を重ねればテーブル使わずにすむかもしれないけどそんなことしても割にあわないんだよ。
趣味でやるならいいけどさ、よっぽどのマゾじゃなきゃやってられんでしょ。
ブラウザのレンダリングに関する部分をw3cとかが一元に管理するようにでもならんとテーブルレイアウトは亡くならないね。
316 名前：Name_Not_Found ：03/10/26 02:03 ID:???: >>314
> 質問者には工夫してみるチャンスをやってくれ
こんなとこで質問してる時点ですでに（ry
317 名前：Name_Not_Found ：03/10/26 02:03 ID:???: >>315
漏れも蔵の要望でtableレイアウトする事あるけど、それは逃げてるだけだろ
318 名前：Name_Not_Found ：03/10/26 02:05 ID:???: 今のウェブサイトの需要にはデザイン（見た目）も含まれるんじゃないの？
それを考えるとテーブルレイアウトは必要な気もするが･･･。
そういう時代、ってことで許してよ。
論文発表で使ってた時代とは違うじゃん？
319 名前：Name_Not_Found ：03/10/26 02:08 ID:???: >>318
＞そういう時代、ってことで許してよ。
いつの時代の方ですか？
320 名前：Name_Not_Found ：03/10/26 02:08 ID:???: >>276
Netscape7でココ逝って見れ。
http://www.geocities.jp/okhotska/mozilla/okhotska/

li:hover > ul{foo; bar;}

使って、ポップアップメニュー作ってる。
321 名前：Name_Not_Found ：03/10/26 02:11 ID:???: >>320
ふむふむ。N7限定のサイトですな。
N7でないと表現できないのが残念･･･。
322 名前：Name_Not_Found ：03/10/26 02:13 ID:???: >>315
趣味でやってるやつもここに来てるんだって言ってるだろ
323 名前：301 ：03/10/26 02:15 ID:???: >>321
> ふむふむ。N7限定のサイトですな。
つーかポップアップの内容はページ内のアンカーだから
N7だとより欲しい情報にアクセスし易くなるという例だな。
324 名前：Name_Not_Found ：03/10/26 02:18 ID:???: 脱テーブルレイアウトの人は、テーブルレイアウトのメリットも欠点も、CSSのメリットも欠点も把握してるんだよ。
同じ土壌で話したいならCSSを使いこなしてから「やっぱりテーブルレイアウト」と言ってくれ。
テーブルレイアウトを推奨してるやつのほとんどが、CSSを理解していないとしか思えない。
325 名前：Name_Not_Found ：03/10/26 02:20 ID:???: うん。確かに。俺はここのみんなと比べたら全然ＣＳＳについて知らない。
もっと知りたいと思うよ。
326 名前：Name_Not_Found ：03/10/26 02:33 ID:???: おいおまえら！

2chブラウザなどでテーブルレイアウトをNGワードにするとすっきりするよ。
327 名前：Name_Not_Found ：03/10/26 02:47 ID:j/oKt8EN: div.a{
width:100%;
padding:10px;
}

<div class="a">あいうえお</div>
とすると、左右のスクロールバーが表示されてしまいます。
100%の幅＋20pxのpadding幅(?)があるからですか？
328 名前：Name_Not_Found ：03/10/26 02:48 ID:???: Mozilla Firebird 0.7をインストールしてみました。
結構イイ感じですね。関係ない話でスマソ。
329 名前：Name_Not_Found ：03/10/26 02:51 ID:???: >>326
それだ！と思って早速指定したら、>>326も消えてしまいました（´･ω･`）。
330 名前：Name_Not_Found ：03/10/26 03:05 ID:???: >327
その通りです。
331 名前：Name_Not_Found ：03/10/26 03:06 ID:???: >>286
誰も突っ込まないので僭越ながら漏れが…

src？
332 名前：Name_Not_Found ：03/10/26 03:07 ID:???: サイト上で使用するフォントを一括で予め決めておきたいのですが
これはスタイルシートで実現できますでしょうか？書いてみましたがよくわからなかったので
レスお願いしますm(_ _)m
333 名前：Name_Not_Found ：03/10/26 03:09 ID:???: >>332
まずは>>4から
334 名前：Name_Not_Found ：03/10/26 03:18 ID:???: >>332
馬鹿が出来てない敬語使うほどイタイ事は無いな
335 名前：327 ：03/10/26 03:23 ID:???: >>330さん、ありがとうございます。

左右のスクロールバーを表示させずに、
>>327で書いたものと同じような表示をさせるには
どのようにしたら良いのでしょうか？
336 名前：Name_Not_Found ：03/10/26 03:27 ID:???: >>335
ウィンドウからはみ出ている物をスクロールバー無しで如何表示しろと？
まず、何がやりたいのか位書けや
337 名前：327 ：03/10/26 03:40 ID:???: >>336
スクロールバーの表示をさせたくないのです。
div.a{
width:100%;
padding:10px;
}
の変わりになるような書き方を知りたいのですが、
何か方法はありますか？
詳しく書くと、現在のものは
div.a{
width:100%;
padding:10px;
border:1px solid #000000;
background-color:#808080;
color:#ffffff;
}
です。
338 名前：Name_Not_Found ：03/10/26 03:53 ID:???: >>337
だから、何がしたいんだよてめぇは
100%の上に他にも幅を追加で指定してんだからウィンドウからはみ出るに決まってんだろ？
339 名前：Name_Not_Found ：03/10/26 03:57 ID:???: >>337
実はBoxの計測方法がIEとMoz系で違うんだよ。
340 名前：Name_Not_Found ：03/10/26 03:58 ID:???: >>337
100%の幅＋20pxてわかってるならpadding:0px;とか98%+1%+1%とかにすればいいだろが。
替わりも何も足し算引き算レベルじゃないのか?
341 名前：Name_Not_Found ：03/10/26 03:58 ID:???: width:100%;padding:10pxでははみ出てしまうので、
これの"変わり(似た表示)"になるような書き方を知りたいのですが･･･。
342 名前：Name_Not_Found ：03/10/26 04:00 ID:???: >>341は>>338さんへのレスです。
書き忘れました。すみません。
343 名前：Name_Not_Found ：03/10/26 04:02 ID:???: >>339
なるほど。そうだったのですか。勉強になりました。ありがとうございます。
>>340
borderで作った枠を画面左右いっぱいに表示し、
その中に書く文字の周りに少しの余白を付けたいと思いまして。
もうちょっと頑張ってみます。
344 名前：Name_Not_Found ：03/10/26 04:03 ID:???: 似た表示の意味が分からん訳だが･･･
345 名前：343 ：03/10/26 04:09 ID:???: すみません。かなり初歩的なことだったみたいです。
divばかりですが左右のスクロールバーを出さずに一応できました。

div.a{width:100%;border:1px solid #000000}
div.b{margin:10px}

<div class="a"><div class="b">あいうえお</div></div>

NN4、N7、opera7、IE6、Mozilla Firebird 0.7で確認しましたが、
思い通りの表示ができました。
346 名前：Name_Not_Found ：03/10/26 04:12 ID:???: (;ﾟдﾟ)･･･
347 名前：345 ：03/10/26 04:30 ID:???: >>346
えっ･･･。これってダメですか･･･？
348 名前：Name_Not_Found ：03/10/26 04:38 ID:???: -------------------------ここまでネタ-------------------------
349 名前：Name_Not_Found ：03/10/26 09:19 ID:???: divでしょ？
widthで100%指定する意味がわからん。
div.a{
border:#000 1px solid;
}
でなにがいけないの？
350 名前：Name_Not_Found ：03/10/26 09:21 ID:???: >>347
http://www.google.com/search?hl=ja&inlang=ja&ie=Shift_JIS&q=CSS+Box+%91%E5%82%AB%82%B3+%8Cv%8EZ&btnG=Google+%8C%9F%8D%F5&lr=lang_ja

さて、次の質問ドゾー
351 名前： ◆q7u/null4U ：03/10/26 12:07 ID:???: -------------------------ここからオタ-------------------------

しつも～ん !

さほどむずかしくもない CSS に専用スレッドがあるのはなぜ ?
352 名前：Name_Not_Found ：03/10/26 12:25 ID:???: >>351
CSS自体は難しくないけど
実装状況はかなり複雑でわかりにくい、と言ってみる。
353 名前： ◆q7u/null4U ：03/10/26 12:38 ID:???: >>351

確かに...
非対応ブラウザだと見るも無残に...
ブラウザの対応待ちって感じかな ?
http://www.w3.org/Style/CSS/#browsers
354 名前：Name_Not_Found ：03/10/26 13:01 ID:???: 基本的にnullは無視の方向で。
355 名前：Name_Not_Found ：03/10/26 13:08 ID:???: ロクなコテはいないよな
356 名前： ◆q7u/null4U ：03/10/26 13:13 ID:???: >>354
http://www.2ch.net/guide/faq.html#B2
357 名前：Name_Not_Found ：03/10/26 13:56 ID:???: >>null
http://www.2ch.net/guide/faq.html#B4
358 名前： ◆q7u/null4U ：03/10/26 14:02 ID:???: >>357
きゃい～ん. 一本取られた !
359 名前：Name_Not_Found ：03/10/26 14:13 ID:???: 次の質問ドゾ。
360 名前：Name_Not_Found ：03/10/26 14:30 ID:???: 画面左に余白を作りたいと思います。
body{padding-left:100px}
body{margin-left:100px}
↑の２つは、どちらでも余白ができるんですが、
使い方としてはどちらが正しいですか？
361 名前： ◆q7u/null4U ：03/10/26 14:38 ID:???: >>360

どちらも正しいです.
しかし, 意味が違います.
(border: 1px solid #xxxxxx; を付け加えて見れば違いが解るはず.)
362 名前：Name_Not_Found ：03/10/26 14:43 ID:???: <div>を入れ子にしてスタイル指定ってしていいんですか？

<div class="a">
　<div class="b">
　</div>
　<div class="c">
　　<div class="d">
　　</div>
　</div>
</div>

みたいな感じとかで
363 名前：360 ：03/10/26 14:46 ID:???: >>361
ありがとうございます。違いが分かりました！
marginでいこうと思います。
364 名前：345 ：03/10/26 14:57 ID:???: >>349
NN4.*だと、100%としないと延びてくれないんで。
365 名前： ◆q7u/null4U ：03/10/26 15:00 ID:???: >>362

間違いではありません.
しかし, わざわざ複雑なソースを書くのはいかがなものかと...
一つの class にまとめてしまった方がソースが簡略化されるし,
それこそが CSS を使うメリットですよん.

･ div の nesting をやりすぎると終了タグを忘れたり,
開始タグと終了タグとの対応関係が判らなくなったししがちです.
366 名前：Name_Not_Found ：03/10/26 16:41 ID:???: >>362
クラスの数と入れ子とのバランスですね。
一つのくらすで複数のプロパティを指定するとクラスが増えてしまいやすい。
一つのクラスにプロパティが一つなら入れ子にする必要がある。

例えば「赤い」のと「大きい」のを表現したいときは
「赤くて大きい」クラス一つで済みますが
同じ文書のなかで「大きくなくていいから赤い」とか
「赤くなくていいから大きい」といったことをしたいと
単なる「赤い」のと「大きい」クラスも必要になります。

こうするなら「赤い」のと「大きい」を単機能のくらすとして
入れ子にすれば「赤くて大きい」クラスはいらないですね。

漏れなんかはクラスの内容はシンプルにして入れ子にしちゃう事の方が多いかも。
367 名前：Name_Not_Found ：03/10/26 17:04 ID:???: cssを使うのにdivやclassに頼らない練習をすると、HTMLとcssの勉強になると思う（´･ω･`）。
368 名前：Name_Not_Found ：03/10/26 17:18 ID:???: >>367
そうか？最初はdivに適用していろいろいじって今度はそれがspanだとどうなるか？とかいろいろとやってみるのが覚える近道だと思うけど。
まともじゃないブラウザが多すぎたり挙動がばらばら過ぎるよな。
369 名前：Name_Not_Found ：03/10/26 17:23 ID:???: divとspanはＣＳＳを適用するためのものでしょうか？
双方ともＣＳＳを適用するためのタグで、
特に意味の無いブロック要素と
特に意味の無いインライン要素なのでしょうか？
370 名前：Name_Not_Found ：03/10/26 17:36 ID:wtbXLCAe: >>369
http://members.jcom.home.ne.jp/jintrick/Personal/css_div.html
371 名前：Name_Not_Found ：03/10/26 18:09 ID:Y528nNR9: XHTMLにDCを埋め込んでスタイル適用してみたんだけど、MozillaFB
で正しく表示されません。

たとえば、
　　dc\:title { font-weight: 900; }
としても、Opera7では反映されますがMozではダメです。

しかし、神崎たんのサイトをMozでみると反映されているので
まったく原因が掴めません(´へ`;)

スレ違いかもしれませんがわかる方お願いします。。
372 名前：Name_Not_Found ：03/10/26 18:30 ID:???: font-weight: bold;

じゃだめ？
373 名前：371 ：03/10/26 18:48 ID:Y528nNR9: >>372
いや、そーゆー問題じゃないのです。
ｽﾏｿ
374 名前：Name_Not_Found ：03/10/26 19:36 ID:???: >>365
.text-style-bold { font-weight: bold}
なんてクラスを作ってspanで補助的に使うのはありですよね？
<div class="段落の基本パターン">
<span class=text-style-bold>ちょっと太くしたい部分</span><br>
普通に文章
</div>
みたいな感じ。
375 名前：Name_Not_Found ：03/10/26 19:39 ID:???: >>374
釣りだよね？
376 名前：Name_Not_Found ：03/10/26 19:42 ID:???: 別に<b></b>でもいいと思うんですけど。
377 名前：Name_Not_Found ：03/10/26 19:54 ID:???: >>374
自分で疑問に思ってるくらいなんだから，答えは出てるだろう．
378 名前：Name_Not_Found ：03/10/26 20:32 ID:???: >>374
それ最悪のパターンだよ
379 名前：Name_Not_Found ：03/10/26 20:41 ID:???: >>374
君アタマ良いね
380 名前：374 ：03/10/26 21:12 ID:???: 今日も大漁ですた
381 名前：Name_Not_Found ：03/10/26 21:22 ID:???: ★━━━━━━━━━━━━━━【基本知識：釣り】━━━━━━━━━━━━━━━━━━━━
　釣りとは縦読みやメール欄に罠（餌）を仕込んで、ひっかかった香具師がマヌケに見えて初めて
　釣りと言えるのであって、仕込みも何も無しにやーい釣れたとかいう香具師はただの厨房。
382 名前：374 ：03/10/26 21:40 ID:???: <span class=text-style-bold>ちんぽ</span>
383 名前：Name_Not_Found ：03/10/26 21:58 ID:???: <span class="374niNAE">ちんぽ</span>
384 名前：371 ：03/10/26 23:04 ID:???: ソフ板のMozFirebirdスレで質問してみることにします。失礼しますた。
385 名前：Name_Not_Found ：03/10/26 23:38 ID:???: >>374
_|￣|○
どこが悪いんだかまじでわからん、誰か、おしえてください
386 名前：Name_Not_Found ：03/10/26 23:46 ID:???: hnもh10位は必要だし、
強調もem ,storongだけでは寂しい。
387 名前：Name_Not_Found ：03/10/26 23:48 ID:???: >>385
仕様書か過去ログ嫁。
388 名前：Name_Not_Found ：03/10/26 23:50 ID:???: strongだった…。

>>374

多分、

○　"<p>俺はこういいたい<span class="強調弱">逝ってよし</span>と。</p>"

×　"<p>俺はこういいたい<span class="太字で斜体">逝ってよし</span>と。</p>"

みんなこういうこといいたいんじゃないかと思うよ。
389 名前：385 ：03/10/26 23:56 ID:???: >>385
ある程度タグとかスタイルシートの適用の仕方とかまではわかっても仕様書とかになるといきなりむずかしくなりすぎて理解し切れません
>>388
クラス名がまずい？
<p>ではなく<div>なのがまずい？
390 名前：Name_Not_Found ：03/10/26 23:56 ID:???: どっちもまずい
391 名前：Name_Not_Found ：03/10/27 00:05 ID:???: floatで配置した文字列の回り込みを全て中断したいのですが、
それは<br clear="all">のタグを使うしか無いのでしょうか？
他に方法は無いのでしょうか？
よろしくお願いします。
392 名前：Name_Not_Found ：03/10/27 00:07 ID:???: >>386
classやidを覚えると便利ですよ
393 名前：Name_Not_Found ：03/10/27 00:07 ID:???: W3C的な考えかたをすると、文書構造と視覚的な物理要素を切り離すためにCSSが使われるべきなので
マークアップは文書構造を示す為にあると。それを視覚的に補助するためにcssを使うはずなのに
例えば
<div class="段落の基本パターン">
<span class=text-style-bold>ちょっと太くしたい部分</span><br>
普通に文章
</div>
てのは、視覚的な効果付けの為だけにマークアップしてるからよろしくない。
これだと太くするんじゃなくて下線を引きたくなったりしたときに、デザインを変えるためにclass名を変えなきゃいけない。
これは本末転倒。
em { font-weight: bold}
<p ="段落の基本ﾊﾟﾀｰﾝ"><em>強調したい部分</em>普通に文章</p>
または
h1 { font-weight: bold}
<h1>見出しにあたる文</h1><p="段落の基本ﾊﾟﾀｰﾝ">普通に文章</p>

のように＜装飾用不思議マークアップ＞じゃなくて＜強調＞や＜見出し＞のように構造的な意味をつけておけば、
デザインを変えるためにhtmlそのものをいじる必要がないというわけ。これがCSSを使うことの利便性。

文書構造として、改行以降の文章が「太くしたい部分」を解説･補足するような場合だったら、
<dl><dt>強調したい部分</dt><dd>普通の文章</dd></dl>という方法も使える。
それぞれのタグの意味はテンプレのサイトに書いてあるので参照のこと。
394 名前：Name_Not_Found ：03/10/27 00:10 ID:???: >>389
クラス名は構造をあらわすものにすべき、っつーこと。

太字にする、っつークラス名だったらb要素を使うのとなんら変わらない。
395 名前：Name_Not_Found ：03/10/27 00:11 ID:???: >>391
clear : left;
396 名前：Name_Not_Found ：03/10/27 00:15 ID:???: >>395
ありがとうございます。
うまく行きました。
これから各ブラウザでチェックしてみたいと思います。
397 名前：Name_Not_Found ：03/10/27 00:39 ID:???: メール入力欄とＨＰ欄を消したいのですが、そういう事はできますか？
398 名前：Name_Not_Found ：03/10/27 00:40 ID:???: >>374 少し亀だが
「ちょっと太くしたい部分」は普通「強調」を意味するんだから、
普通の人なら以下のようにするだろう。

em {font-sytle:normal; font-weight: bold;}
<p>お前はもっと<em>論理構造について考えろ</em>ということだ。</p>
p要素は段落を意味する。em要素は強調を意味する。
399 名前：Name_Not_Found ：03/10/27 00:45 ID:???: >>397
もしユーザCSSのことを言っているのなら説明不足すぎ。
そうでないなら、このスレ向きの質問ではないような気がする。
400 名前：Name_Not_Found ：03/10/27 01:26 ID:???: >>393
言う事はもっともなんだがここでW3Cマンセーって説明が果たしてどれだけ
有効なんだろうか？
>>374みたいな事、けっこうマトモな制作会社でもやってたりするし
なにより文法的には間違っていない。
とりあえず固まりとか、見出しになりそうなものとかなんでもかんでもDIVで囲っちゃって
class作りながら適用してけば楽じゃん、みたいな教え方をしてる学校もあったりする
401 名前：Name_Not_Found ：03/10/27 01:31 ID:???: >>400
あぁごめん
>>393は>&g