/* CSS・スタイルシート質問スレッド【49px】 */

244 ：Name_Not_Found：2005/11/19(土) 20:35:34 ID:INS3Xgcs

W3CのCSS Validatorで

h1 {
line-height: 1;
}

をチェックするとエラーが出るのですが、どうしてでしょうか。

245 ：Name_Not_Found：2005/11/19(土) 20:37:28 ID:???

246 ：Name_Not_Found：2005/11/19(土) 21:15:27 ID:???

>>244
1ってなんだｗｗｗ
1kmか？？

247 ：Name_Not_Found：2005/11/19(土) 21:18:20 ID:???

>>244
h1{
line-height:1em;
}
とやりたいのか？

248 ：Name_Not_Found：2005/11/19(土) 21:33:32 ID:???

これを↓のように左右は2段の真ん中、中央部は3列1段の2段重ねにしたいのですが、
IEでは思い通りに表示されるのですが、Firefoxでは左・真ん中・右が3段になっ
てしまいます。どうすればいいか、アドバイス頂けないでしょうか？

■■かさた■■
■あ□□□や■
■■なはま■■ □は無視

<?xml version="1.0" encoding="Shift_JIS" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

ul { list-style-type: none; }
ul.u1 { text-align: center; }
ul.u2 li { display: inline; height: 1em; }
li.l1 { font-size: 9pt; width: 640px; }
li.l2 { display: inline; height: 2em; line-height: 1.5em; margin-bottom: -0.5em; }
li.l3 { display: inline; height: 2em; }

<li class="l1">
<ul class="u1">
<li class="l2"><a href="A.htm">あ</a></li>
<li class="l3">
<ul class="u2">
<li><a href="a.htm">か</a></li><li><a href="b.htm">さ</a></li><li><a href="c.htm">た</a></li>
</ul>
<ul class="u2">
<li><a href="d.htm">な</a></li><li><a href="e.htm">は</a></li><li><a href="f.htm">ま</a></li>
</ul>
</li>
<li class="l2"><a href="B.htm">や</a></li>
</ul>
</li>

249 ：Name_Not_Found：2005/11/19(土) 21:35:03 ID:???

>>244
>>243

250 ：244：2005/11/19(土) 21:39:26 ID:INS3Xgcs

いえ、1です。実数値です。

251 ：Name_Not_Found：2005/11/19(土) 21:41:02 ID:???

へ？

252 ：Name_Not_Found：2005/11/19(土) 21:52:50 ID:???

>>250
つ　1px

253 ：Name_Not_Found：2005/11/19(土) 22:06:04 ID:???

リストのインライン化時の現象について教えてください。

画像で作成したメニューボタンを横並びにしました。
ul の中の li には、display:inline; を指定してあります。

<ul>
<li><img src="A"></li>
<li><img src="B"></li>
<li><img src="C"></li>
<li><img src="D"></li>
</ul>

インライン化には成功したのですが、それぞれの img の右側にほんの少しだけ謎の余白が出来てしまいます。
ul も li も img も margin や padding はゼロにしてあるのですが、どうしても img同士がくっついてくれません。

どなたか解決法をご存知の方がいらっしゃいましたら、ご教授ください。お願いします。

254 ：Name_Not_Found：2005/11/19(土) 22:06:19 ID:???

>>250
行間1px？？？
(　´д)ﾋｿ(´д｀)ﾋｿ(д｀　)

255 ：244：2005/11/19(土) 22:06:24 ID:INS3Xgcs

CSS2の仕様書では、line-heightの値は <length>（長さ）、 <percentage>（パーセント値）とともに、
<number>（実数値）も定義されています。（あとnormalとinheritも。）

http://www.w3.org/TR/REC-CSS2/visudet.html#line-height

で、<number>はどういう形式かといいますと、整数部と小数部の片方、または両方で成立する単位なしの数値です。

http://www.w3.org/TR/REC-CSS2/syndata.html#value-def-number

256 ：Name_Not_Found：2005/11/19(土) 22:12:37 ID:2NIlzOJq

サムネイル表示スクリプトを作っています。

1つのサムネイルを200x200のマスの中心に表示させたいのですが、横はtext-alignで中心揃え出来たのですが
縦がどうしても揃いません。どうにか縦もmiddleでそろえる方法は無いでしょうか？

<ul>
<li><img src="./hoge1.jpg" width="143" height="91" alt="hoge" /></li>
<li><img src="./hoge2.jpg" width="136" height="101" alt="hoge" /></li>
<li><img src="./hoge3.jpg" width="151" height="63" alt="hoge" /></li>
...
</ul>

li {　width:200px;　height:200px;　margin:10px;
　background:#ff0000;　display:inline;　text-align:center;}

257 ：Name_Not_Found：2005/11/19(土) 22:13:03 ID:???

大物が来たな

258 ：244：2005/11/19(土) 22:14:19 ID:INS3Xgcs

>>254
h1 {
line-height: 1;
}

なら、h1の行間はh1のフォントサイズに1を掛けた値になるはずです。

259 ：Name_Not_Found：2005/11/19(土) 22:22:53 ID:INS3Xgcs

>>253
<style type="text/css">
* {
clear: left;
}
li {
display: block;
float: left;
clear: none;
}
</style>

<ul>
<li><img src="A"></li>
<li><img src="B"></li>
<li><img src="C"></li>
<li><img src="D"></li>
</ul>

こんなんどうでしょう。

260 ：Name_Not_Found：2005/11/19(土) 23:00:38 ID:???

>>253
</li>と<li>の間の改行をなくす。

261 ：Name_Not_Found：2005/11/19(土) 23:01:57 ID:???

>>256
個別に設定するかテーブルセルの中に入れるか。

262 ：244：2005/11/19(土) 23:15:33 ID:???

結局このスレの人たちにはわからないようですね。
他の場所で聞くことにします。
失礼しました。

263 ：Name_Not_Found：2005/11/19(土) 23:16:01 ID:???

>258=>244
validatorがおかしいような気がする
h1 {line-height: 1.0;}
なら通った

264 ：Name_Not_Found：2005/11/19(土) 23:16:55 ID:???

…答えるんじゃなかった

265 ：Name_Not_Found：2005/11/19(土) 23:18:50 ID:???

>>264
乙

266 ：Name_Not_Found：2005/11/19(土) 23:23:29 ID:???

確認のブラウザかいてないからスルーしてた

267 ：Name_Not_Found：2005/11/19(土) 23:30:01 ID:???

>>253
IEですよね？
liの中の最初のインライン要素が画像だとどうしようもない余白ができたような気がする。
あれって対策できないのかな

268 ：Name_Not_Found：2005/11/19(土) 23:31:13 ID:???

>>267
IEだろうと改行を消せばぴったりくっつくっての

269 ：Name_Not_Found：2005/11/19(土) 23:32:02 ID:???

この流れなら言える

　　T　A　B　L　E　タ　グ　っ　て　す　ば　ら　し　い　！　(・∀・) ｲﾋ!

270 ：Name_Not_Found：2005/11/19(土) 23:33:45 ID:???

>>269
テーブルスレにお帰り

271 ：Name_Not_Found：2005/11/19(土) 23:37:15 ID:???

>>268
改行のスペースじゃない。
なんかできちゃうんだ。Operaだったかも？
あれ以来liにimgを入れなくなった。

272 ：Name_Not_Found：2005/11/19(土) 23:38:16 ID:???

>>248
・・・まずそのHTMLをなんとかしないか？

273 ：Name_Not_Found：2005/11/19(土) 23:40:29 ID:???

>>271
Operaでも確認してきた。そんな現象は出ない。

274 ：253：2005/11/19(土) 23:49:36 ID:???

みなさん回答ありがとうございます。
確認したブラウザ書いていなかったですねorz。失礼しました。
WinXPで、IE6、Opera8、FireFox1.02、ネスケ7.1で確認しました。
私の所では確認した全てのブラウザでこの現象が発生していました。

>>259
やはり、blockが無難でしょうか。
*{
clear: left;
}
というのは、<li>でfloatしたものを解除する、という解釈でよろしいでしょうか。
というより最初に解除しておいて、<li>のみでfloatという感じなんですかね。

>>260
おぉ！？
確かに<li>の記述の時、改行しないと<img>がぴったりくっつきますね。
ソースが見づらくなるのが難点のような気もいたしますが、素晴らしいですね。驚きです。
でも、どうしてなんでしょうね。

275 ：Name_Not_Found：2005/11/19(土) 23:55:36 ID:???

>>274
改行は半角スペースとして扱われるものだということを覚えておいたほうがいい。

276 ：Name_Not_Found：2005/11/20(日) 00:38:18 ID:???

>>274
>>272

277 ：Name_Not_Found：2005/11/20(日) 00:51:56 ID:???

>>276
>>276
>>276

278 ：Name_Not_Found：2005/11/20(日) 01:19:37 ID:???

呼んだ？

279 ：Name_Not_Found：2005/11/20(日) 01:56:29 ID:???

リストのインライン化は便利だけど
CSSが無効な場合、レイアウトが全く変わってしまうことを頭に入れておいた方がいい

280 ：Name_Not_Found：2005/11/20(日) 02:11:35 ID:???

そんなあなたHTMLでレイアウトしてるんですか？

281 ：Name_Not_Found：2005/11/20(日) 02:15:51 ID:???

はぁ？

282 ：Name_Not_Found：2005/11/20(日) 07:22:04 ID:???

>>279
朝から面白いレス見てしまった。

>CSSが無効な場合、レイアウトが全く変わってしまう
そもそもCSSが無効ならレイアウトも何もねーだろｗ

283 ：Name_Not_Found：2005/11/20(日) 07:28:36 ID:???

え…？

284 ：244：2005/11/20(日) 09:53:45 ID:5aYRuC4l

>>263
やはりValidatorがおかしいですよね。ありがとうございます。
>>262は偽者です。

>>274
> <li>でfloatしたものを解除する、という解釈でよろしいでしょうか。
> というより最初に解除しておいて、<li>のみでfloatという感じなんですかね。

その通りです。

ただ、自分で提案しといてなんですが、>>259には少し気になるところがあります。

まずは、li以外の全ての要素の流し込みを禁止することによって、
他の部分に影響を及ぼさないかということ。

そして第二は、仕様に合っているかという問題。
CSS2の仕様では、floatするものには明確な幅がなければならないとなっているのですが、
はたして>>259のli要素には明確な幅があるといえるのか。
私は、中のimg要素によってli要素にも明確な幅が与えられると思うのですが、自信がありません。

285 ：253：2005/11/20(日) 12:07:21 ID:???

>>259＝284さん、回答ありがとうございます。

実は、>>253のulはposition:absolute;してるんです。
(本文の後ろにナビゲーションであるulを記述して、position:absolute;でページ上方に配置)

liをdisplay:block;にして横並びにした場合、いずれどこかでfloatを解除する必要がありますよね。
しかし、position:absolute;で配置したものを解除するのにはいったどこで行ったらよいのか悩み、
それならdisplay:inline;にすればfloatの必要もなくなるかな、と単純に考えたのです。

htmlの記述上ulの後ろに来ている部分で解除すればいいんでしょうか。
それとも、position:absolute;したものは他の要素には影響しないと考えてfloatを解除しなくても
いいんでしょうか。

何か的外れなことかいてたらスミマセン。

286 ：Name_Not_Found：2005/11/20(日) 12:45:18 ID:???

>>285

！！　条件後出し。　ルール違反　！！

これ以上レスは無いと思え！

287 ：Name_Not_Found：2005/11/20(日) 12:55:08 ID:???

>>253は>>286を怒らせてしまったようだな
こんなに激怒した彼を見るのは初めてだ

288 ：Name_Not_Found：2005/11/20(日) 12:59:49 ID:???

>>285
つーか改行なしでできたんだったらinlineでいいじゃん・・・

289 ：Name_Not_Found：2005/11/20(日) 13:00:38 ID:???

It is unprecedented to look at him who rages so much.

290 ：Name_Not_Found：2005/11/20(日) 13:08:03 ID:???

よめねえ

291 ：Name_Not_Found：2005/11/20(日) 13:29:37 ID:???

>>282
>>282
>>282

292 ：Name_Not_Found：2005/11/20(日) 13:42:51 ID:OD6TkWjj

すみません。いろいろと調べたのですが、どうしても解決しないので、質問させてください。
bodyに下に向かって青になって行く横幅1px 縦600px程度の画像をrepeat-xで指定し、
バックグラウンドカラーを画像にの一番下の青にしています。

これで、ほとんどの環境では、上から徐々に青になって行く表現が出来たのですが、
MacIEのみ、背景画像が途中で切れてしまいます。

そのようなバグってあるんでしょうか？

293 ：231：2005/11/20(日) 14:07:45 ID:???

>>234
遅くなってすみません。
それIE6でもうまくいきました？

ホーム > 暮らしの情報 > 住まい鉄塔に
住もう！

「鉄塔に住もう！」のように文字列が2行にまたがるところでは文字列の脇に>が表示されないんです。
"に"と"住"を対角線でつないだようなボックスモデルになっているらしくホームの"ホ"の位置に>が表示されるんです。

294 ：Name_Not_Found：2005/11/20(日) 14:18:14 ID:???

>>292
初めて聞いた。ソースと画像あると嬉しいかな。

295 ：253：2005/11/20(日) 14:21:54 ID:???

皆様、ご迷惑をおかけしました。スレ汚し失礼いたしました。

296 ：Name_Not_Found：2005/11/20(日) 14:26:55 ID:???

質問です。
.cssファイルにCSSをまとめて書く場合ですが、
ブラウザでサイトを表示させるとき、
まずは.cssファイルを全て読み込み、その後表示されるのでしょうか。

分かりにくい質問ですみません。
現在作っている.cssファイルはたくさんのクラスの分をまとめて書いているので
とても長いです。
.cssファイル内を全て読み込んでからでないとページが表示されないのだとすると、
ページごとにファイルを分けた方が表示が速くなるんじゃないだろうかと考えました。
それとも.cssファイルなんか一瞬で読み込んでしまいますでしょうか。

297 ：Name_Not_Found：2005/11/20(日) 14:28:25 ID:???

>>293
ホントだ。IEだと改行した先が基準になってるな。

298 ：Name_Not_Found：2005/11/20(日) 14:30:46 ID:???

>>296
確か読み込んでから表示だが、
それを気にできるくらい画像やソースをそもそも軽くしているのかと。
むろんいらないCSSは無いに越したことがないし、
用途毎に分けておいて、必要分だけインクルードするほうが、
管理側としてもラクだよ。

299 ：Name_Not_Found：2005/11/20(日) 14:35:03 ID:???

横レスだが、
CSSファイルは一度読み込めばあとはキャッシュを参照するだろ。
だったら初めてそのサイトを開いた時だけ多少時間が掛かっても、
次からはどのページを開いてもCSSを読み込む手間がゼロなわけだから
２ページ目からは早く表示されるんでね？

300 ：Name_Not_Found：2005/11/20(日) 14:43:56 ID:???

>>296
長いってファイルサイズいくつよ？

301 ：Name_Not_Found：2005/11/20(日) 14:46:02 ID:???

IEってなんで透過PNG画像を青くしてしまうのですか？

302 ：Name_Not_Found：2005/11/20(日) 14:50:26 ID:???

みなさんレスありがとうございます。

>>300
1.63KBです。このまま１つのファイルで済まそうとすればまだ大きくなる予定です。

303 ：292：2005/11/20(日) 14:51:12 ID:OD6TkWjj

>>294
body{
margin: 0;
padding: 0;
background-color:#2A3BAF;
background-image: url(../images/bg.jpg);
background-repeat: repeat-x;
text-align: center;
}

です。
画像は
http://www.atamanikita.com/cgi-bin/img-box/img20051120145045.jpg
にアップさせて頂きました。

304 ：Name_Not_Found：2005/11/20(日) 14:53:58 ID:???

>>293
たぶん
ttp://cssbug.at.infoseek.co.jp/detail/winie/b052.html
この関係だとオモ・・・バグスレッドのほうが対処法知ってる香具師いるかも。
助けになれなくてスマソ。

305 ：Name_Not_Found：2005/11/20(日) 14:54:01 ID:???

バグというか、もとから対応してないんじゃね？

306 ：Name_Not_Found：2005/11/20(日) 14:54:05 ID:???

>>302
全く気にする必要はない。

俺のは10KBを越えている。

307 ：Name_Not_Found：2005/11/20(日) 15:00:08 ID:???

>>305
PNGに対するレスだと思うが、奴のメール欄を見ろ。

308 ：Name_Not_Found：2005/11/20(日) 15:01:02 ID:???

>>303
それ、画像の高さを小さくしても出る？

309 ：303：2005/11/20(日) 15:05:35 ID:OD6TkWjj

>>308
画像のサイズは、元々青になるギリギリのサイズでした。
長くしたら解決するかなぁと思って、長くしています。

310 ：Name_Not_Found：2005/11/20(日) 15:10:02 ID:???

＞青になるギリギリのサイズ
？

311 ：303：2005/11/20(日) 15:17:46 ID:???

>>310
説明悪くてすみません。
白から青に変わって行くんですが、bodyのバックグラウンドカラーになった
瞬間までって事です。

312 ：Name_Not_Found：2005/11/20(日) 15:19:09 ID:???

>>305はIE
>>306は専ブラ

313 ：Name_Not_Found：2005/11/20(日) 15:29:22 ID:???

>>306
10KB！
じゃあ僕のはまだまだ小さいサイズなんですね。
安心しました、ありがとうございます。

314 ：Name_Not_Found：2005/11/20(日) 15:31:19 ID:???

>>312
？？
305だけど専ブラだよ…

315 ：Name_Not_Found：2005/11/20(日) 15:33:57 ID:???

>>307
違うよ、PNGに対するレスじゃないよ。何のことかと思ったじゃないか。
303へのレスのつもりで書いたら間に304が入った。
repeat-xがWinIEには対応しててもMacIEには対応してないんじゃないかなと思った。

316 ：Name_Not_Found：2005/11/20(日) 15:49:40 ID:???

>>315
対応してないってのは聞いたことがないけどな・・・

317 ：Name_Not_Found：2005/11/20(日) 15:55:34 ID:???

MacIE5.0だとbackground-imageそのものに対応してないようだが、
それとも違うみたいだしなぁ。
このスレにマカーはいないのかマカーは。

318 ：Name_Not_Found：2005/11/20(日) 16:05:13 ID:???

ほんじゃマカー

319 ：Name_Not_Found：2005/11/20(日) 16:07:15 ID:???

>>296
Opera8.5だととりあえず表示してから順にCSSを適用するらしく、
一瞬CSSなしとか一部のCSSだけ適用された状態が見えるよ。

320 ：Name_Not_Found：2005/11/20(日) 16:08:26 ID:???

>>317
んなこたーないっしょ…

321 ：303：2005/11/20(日) 16:10:42 ID:???

えーと、repeat-xは普通に適用されています。
ただ、背景画像の縦が途中できれてしまうんですよね。
下まで表示されないんです。
謎です。。

322 ：Name_Not_Found：2005/11/20(日) 16:10:48 ID:???

>>320
ユーザCSSは確実にできないよ。
サーバのでもできないことがあるという噂だがよく知らん。

323 ：Name_Not_Found：2005/11/20(日) 16:11:39 ID:???

MSに聞けよ

324 ：Name_Not_Found：2005/11/20(日) 18:37:03 ID:???

>>304
liの中にspanを入れてspanをlist-itemにしてあげれば
list-imageで思い通りの位置に表示できるかもしれませんね。

が、spanを入れる時点で本末転倒かと思い文字列の脇にimg要素を置くことにしました。

325 ：Name_Not_Found：2005/11/20(日) 18:38:52 ID:???

paddingで背景画像と言う選択肢もあるんでは

326 ：Name_Not_Found：2005/11/20(日) 18:44:53 ID:???

>>325
ちったぁ読んでからレスしてくれ・・・

327 ：Name_Not_Found：2005/11/20(日) 18:55:42 ID:???

>>319
えっ、本当ですか。
だとすると一瞬で読み込んでくれるよう
短い方が良いんですかね…。

Doctype宣言はStrictではありませんが、
サイトのデザインはHTMLに頼らず全てCSSで行っているので、
CSS無しの状態が見えてしまうとすると、
背景真っ白、文字真っ黒、全て左上に固まって表示、という
携帯サイトをPCで見た時より情けない格好が見えてしまうんですね…

328 ：Name_Not_Found：2005/11/20(日) 19:00:50 ID:???

>>327
一瞬見えるだけで、すぐ全部表示されるよ。
つーかおまいさんの容量程度なら気にしなくてもよさげ。

329 ：Name_Not_Found：2005/11/20(日) 19:05:11 ID:???

>>303
MacのIE5でその現象たまに出ますよ。たぶんバグだと思います。
ブラウザ起動しなおしたら出たり出なかったりしませんか？
今試してみても再現できませんでしたが。

330 ：Name_Not_Found：2005/11/20(日) 19:06:45 ID:???

>>328
何度もすみません。
今くらいの容量なら大丈夫とのことで安心しました。
ありがとうございます。

331 ：Name_Not_Found：2005/11/20(日) 19:09:31 ID:???

あー、おれも以前のレイアウトではその現象あったよ＞MacIEで画像が一部表示されない
だから今はそういうレイアウトはやめてる。
おれの場合はrepeat-xは使ってなかったけど。
丸い画像を並べて載せてたら「丸と思われる画像が全部半円でしか表示されません」と
訪問者からコメントが届いた。

332 ：Name_Not_Found：2005/11/20(日) 19:11:35 ID:???

バグスレッドに出てた？出てないんだったらホスィ。＞MacIE背景

333 ：Name_Not_Found：2005/11/20(日) 19:57:46 ID:???

<div class="1">文章</div>
<div class="2">文章</div>

このように打った場合に、１と２との間に間隔を開けたいのですが、今はabsoluteにした上で
.1{top:100px;}
.2{top:240px;}
のように設定しています。

しかし、これだと文字サイズが大きいと１の縦が長くなり、
２に被ってしまう場合があります。
以前「文字サイズは自分の好みで決めたいのでブラウザで変更できるようにしてほしい」
という意見がメールで届き、CSSで文字サイズの指定はしていません。
大きい文字サイズで間隔を設定すると小さい文字サイズのときに大きな隙間が空いてしまい
それも変です。

なので、１の下側の辺から何ピクセル下に２の上側の辺が来る、という設定を
することができれば良いと思うのですが、そういう方法が見つかりません。
relativeにしても結局は１の上側の辺からの距離になるので、
文字サイズが大きくなれば被ってしまいます。

334 ：Name_Not_Found：2005/11/20(日) 20:17:19 ID:???

>>333
CSSで書いてるのならマージンくらい知ってるはずだけどねぇ・・・

335 ：Name_Not_Found：2005/11/20(日) 20:21:48 ID:???

…だよねぇ

336 ：Name_Not_Found：2005/11/20(日) 20:23:54 ID:???

…ですよねぇ

337 ：Name_Not_Found：2005/11/20(日) 20:24:29 ID:???

>>333
あなたは一体どれだけ偏った知識を詰め込んできたことやら。
とりあえずまともな本を買うのでも適当なサイトをみるのでもいい。
世界を見てみなさい。
そこには貴方が今まで知らなかったような広大な CSS の世界が広がっているから。

338 ：Name_Not_Found：2005/11/20(日) 20:36:24 ID:???

>>327
CSSのサイズというよりそのときのクライアント側の負荷に影響されてるような希ガス。
いずれにしろ長くても1秒とかほんの一瞬だから別に問題になるほどじゃないよ。
気になるならレイアウトとか特に重要なものだけ別ファイルにして最初に指定すれば？

339 ：333：2005/11/20(日) 20:45:48 ID:???

すみません、marginで指定しても変になってしまいました…

<div class="1">文章</div>
<div class="2">文章</div>

上の状態で、ブラウザの上辺と１の間を10px、１と２の間を150px空けたい時に、
.1{margin-top:10px;}
.2{margin-top:150px;}
と書くと、１よりも２の方が上に表示されてしまいます。
指定の方法が間違っているのでしょうか…

340 ：333：2005/11/20(日) 20:46:57 ID:???

すいません、間違えました。
上の場合だと２の方が下にきます。

341 ：333：2005/11/20(日) 20:47:37 ID:???

その更にあとに、２と３の間を100px空けたい時に
.3{margin-top:100px;}
と書くと、３の方が２より上に行きます

342 ：Name_Not_Found：2005/11/20(日) 20:50:31 ID:???

>>339
ネタじゃないのなら、悪いこと言わないから
ttp://www.amazon.co.jp/exec/obidos/ASIN/4767802504/qid=1132487304/sr=8-3/ref=sr_8_xs_ap_i3_xgl14/503-0975958-2845561
ここらへんの本買って勉強しておいで。
ttp://pasokon-yugi.cool.ne.jp/website_kouza/
ここらへん見て基礎から知り直すのもいい。

343 ：Name_Not_Found：2005/11/20(日) 20:56:32 ID:???

class半角数字ですか・・・

344 ：Name_Not_Found：2005/11/20(日) 20:59:54 ID:???

class="1"ってｗｗｗｗｗｗしねｗｗｗ

345 ：Name_Not_Found：2005/11/20(日) 21:02:04 ID:???

ホント本でも買って勉強した方がいいネ

346 ：333：2005/11/20(日) 21:08:19 ID:???

すいません、半角数字は禁止ですか？
私のブラウザで普通に使えているのですが...

347 ：Name_Not_Found：2005/11/20(日) 21:10:10 ID:???

もうくんな・・・

348 ：Name_Not_Found：2005/11/20(日) 21:16:08 ID:???

>>346
あのさ、テンプレ見た？
半角数字は使ってもいいけど、半角数字だけのclassは駄目。

349 ：333：2005/11/20(日) 21:20:35 ID:???

３４６は僕じゃないです。
メル欄を空っぽにしてID出した方がいいですかね。

それはともかく、クラス名は質問する時に
上下の順番を分かりやすくするために書いたもので、
実際は数字では書いていません。

350 ：Name_Not_Found：2005/11/20(日) 21:22:07 ID:???

だから帰れ

351 ：Name_Not_Found：2005/11/20(日) 21:23:28 ID:???

木村カエレ

352 ：Name_Not_Found：2005/11/20(日) 21:24:16 ID:???

>>351

353 ：Name_Not_Found：2005/11/20(日) 21:25:34 ID:???

木村ってゆうなー！木村ってー！
バカヤロー、呼び捨てにすんなー！

354 ：Name_Not_Found：2005/11/20(日) 21:27:19 ID:???

じゃあキムでいいよ

355 ：333：2005/11/20(日) 21:28:00 ID:???

実際は漢数字で書いていました。
すいません、これが原因でした。
スレ汚し失礼いたしました。

356 ：Name_Not_Found：2005/11/20(日) 21:30:40 ID:???

>>354
あるあるｗ

357 ：Name_Not_Found：2005/11/20(日) 21:31:25 ID:???

>>349
今夜は低レベルな回答者ばっかりだから、日を変えておいで。

358 ：Name_Not_Found：2005/11/20(日) 21:31:28 ID:???

ねーよｗ

359 ：Name_Not_Found：2005/11/20(日) 21:32:25 ID:???

>>357
自己紹介乙ｗｗｗｗｗｗ

360 ：Name_Not_Found：2005/11/20(日) 21:40:38 ID:???

見事に馬鹿ばっかだな。

361 ：333：2005/11/20(日) 21:45:20 ID:G+95GMa9

355も僕じゃないです。ID出しますね。

それよりも、基礎のなっていない質問にも
色々とヒントを与えて下さってありがとうございました。
topとmargin-topとの違いなどがあまり理解出来てないみたいで、
言われた通り勉強をもっとしなきゃなあと思いました。

>>339-341で書いた問題は、
位置をtop:100pxという形で指定していた時に書いた
position:absolute;の記述が削除されずに残っていたために起こったみたいで、
それを削除したらきちんと１２３の順になりました。

362 ：Name_Not_Found：2005/11/20(日) 22:15:32 ID:???

>361
がんばれよっ！

363 ：Name_Not_Found：2005/11/20(日) 22:40:56 ID:???

フォントのサイズ指定について質問なんですが

{font-size: 75%/1em　;}

これはどういう意味なんでしょうか。
ぐぐっても、なかなか参考になりそうなサイトが見つからないので
そちらも教えて頂けると助かります。

364 ：Name_Not_Found：2005/11/20(日) 22:45:40 ID:???

>>363
どこで見付けてきたんだか知らないが、間違ってる。
font-sizeで指定できる値は一つだけ。
fontプロパティの一括指定なら
font-style font-vareiant font weight font-size/line-height font-family
になる。そのfont-size/line-heightの部分の書き損じじゃないか。

365 ：Name_Not_Found：2005/11/20(日) 23:03:39 ID:???

>>364
その説明でわかりました。上に書いたものは勝手に改変したものです。
「75%/1em」てっきりこの部分でフォントサイズを指定しているものだと思っていたので。

調べてみると確かにfontの一括指定で「/」以降の説明がありました。
ありがとうございます。

366 ：Name_Not_Found：2005/11/20(日) 23:06:47 ID:PeRipvqC

http://homepage1.nifty.com/VET06031/web/lint100test.html というWebページで下記のような
ソースが使われてます。

| ul li:after {
| content:"\3000/\3000";
| }

これのcontentの「\3000」はいったいどういう意味なのかが分かりません。

自分だったら、

| ul li:after {
| content:"　/　";
| }

とやるので。。。

ご教示お願いします。

ちなみに、上記のページは下記のコンテンツの一部です。
http://homepage1.nifty.com/VET06031/web/lint100.html

367 ：Name_Not_Found：2005/11/20(日) 23:31:32 ID:???

>>366
IEだから，:afterや:beforeは検証できないなと思っていたら，Sleipnir2でGeckoも使えたり．

んと，区切り氏として使う"/"の前後に，タブだか空白を入れるということでは．
\数字で，文字コードで指定みたいなことができたような…．
HTML，16進表記，10進表記とかでググれば何かあるはず．

368 ：367：2005/11/20(日) 23:45:45 ID:???

あぅ，区切り氏でなく区切り子ね．
ググっても見つからないな…．CSSの仕様書じゃないと載ってないかな．

369 ：Name_Not_Found：2005/11/20(日) 23:52:26 ID:???

さんぜんえん

370 ：367：2005/11/20(日) 23:58:47 ID:???

>>366
テンプレのページにあった…．
ttp://hp.vector.co.jp/authors/VA022006/css/syntax.html#escaped-characters
CSS2でで有効なエスケープの書式だね．\3000は全角空白を示すみたい．

371 ：366：2005/11/21(月) 00:03:50 ID:???

>>367 様、わざわざ調べて頂き本当にありがとうございます。
OperaやFirefoxはこういったマイナーなプロパティにも対応しているんですね。。。すごい。

372 ：Name_Not_Found：2005/11/21(月) 00:09:49 ID:???

まいなーなぷろぱてぃ・・・

373 ：Name_Not_Found：2005/11/21(月) 11:50:36 ID:???

いきがって偉そうにモノしゃべるんじゃねぇよ！
わかんねぇなら発言を慎めこのどあほ！

374 ：Name_Not_Found：2005/11/21(月) 12:24:07 ID:???

ご立腹ですね

375 ：Name_Not_Found：2005/11/21(月) 12:24:50 ID:???

373が痛すぎる

376 ：Name_Not_Found：2005/11/21(月) 16:08:35 ID:???

「content」で文字を挿入しようと思ったのですが
IEではサポートされていないようで。
文字の挿入をIEでも実現する何かいい方法はないのでしょうか？
よろしくお願いいたします。

377 ：Name_Not_Found：2005/11/21(月) 16:44:13 ID:???

>>376
つECMAScript

378 ：Name_Not_Found：2005/11/21(月) 18:17:37 ID:???

>>377
すいません
検索したんですが、どういうことが言いたいのかわからなくて。
もう少しヒントをいただけるとありがたいです。

379 ：Name_Not_Found：2005/11/21(月) 18:21:25 ID:y4dTx0Ud

>>376
background-imageで擬似的に。

380 ：Name_Not_Found：2005/11/21(月) 18:46:40 ID:???

いきがって偉そうにモノしゃべるんじゃねぇよ！
わかんねぇなら発言を慎めこのどあほ！

381 ：Name_Not_Found：2005/11/21(月) 20:31:45 ID:???

>>380
今日の夕飯は揚げ出し豆腐に炊き込みご飯だよ。

382 ：Name_Not_Found：2005/11/21(月) 20:40:01 ID:3Va1amaR

すいません、CSSで中央揃えにするやり方は
このスレを読んで分かりましたが
それだとフロートで段組させたﾓﾉは左よせになってしまします。
marginで左をあけても右と均等でなければブラウザによってずれてしまいます。
autoもやりましたができませんでした。
変な文章ですみません、初心者ですが回答いただければ幸いです。

383 ：Name_Not_Found：2005/11/21(月) 20:41:10 ID:???

>>382
全体を囲むdivを作って、それを中央寄せ。

384 ：Name_Not_Found：2005/11/21(月) 20:45:57 ID:3Va1amaR

>>383
ありがとう！すぐ解決しました。
感謝です！！

385 ：Name_Not_Found：2005/11/21(月) 21:07:16 ID:???

ググればすぐ見つかると思うんだけどナァ…

自演ならもっとうまくやれ！

386 ：Name_Not_Found：2005/11/21(月) 21:11:08 ID:???

>>385
答えてない香具師がなに自信満々なんだか・・・

387 ：Name_Not_Found：2005/11/21(月) 21:13:13 ID:???

スレに張り付いてるわけじゃないしね

388 ：Name_Not_Found：2005/11/21(月) 21:18:13 ID:???

勝手に自演扱いすんなってこと。

389 ：Name_Not_Found：2005/11/21(月) 21:26:52 ID:???

「自演乙」って言う人いるけど、自演が分かる
エスパーか、専用ブラウザが存在するんですか？

390 ：Name_Not_Found：2005/11/21(月) 21:59:50 ID:???

>>389
つjienbuster

391 ：Name_Not_Found：2005/11/21(月) 23:27:52 ID:???

>>389
つ[kojien]

392 ：Name_Not_Found：2005/11/22(火) 01:19:46 ID:???

>>389
本人だからわかる

393 ：Name_Not_Found：2005/11/22(火) 11:03:39 ID:???

本人じゃない香具師が言ってるから本人に怒られてるんだろ。

394 ：Name_Not_Found：2005/11/22(火) 11:40:53 ID:???

<div class="container">
　<div id="header">
　{include file="header.html"}
　</div>
　<div id="leftbox">
　{include file="leftbox.html"}
　</div>
　<div id="mainbox">
　{include file="mainbox.html"}
　</div>
　<div style="clear: both;"> </div>
</div>

<div id="footer">
© 2005 hoge. All Rights Reserved.
</div>
* {margin: 0;　padding: 0;}
div.container {position: relative;　border: solid 1px #000000;}
#header {height: 150px;}
#leftbox {position: relative;　z-index: 2;　float: left;　width: 170px;}
#mainbox {z-index: 1;　position: relative;　margin-left: 170px;}

こんな感じでレイアウトしていて、{include file="mainbox.html"}の部分に動的にある程度の幅を
持ったtableが生成されます。tableの幅が小さいうちはいいのですが、大きい場合にcontainer
の枠をはみ出してしまいます。(IEの場合はみだしはしないが、leftboxの位置より下から
tableが表示される。）

幅可変のcontainerが常にtableをはみ出さずに保持しているには、どのようにしたらよい
のでしょうか？

395 ：Name_Not_Found：2005/11/22(火) 12:23:57 ID:???

考えられる最大のテーブルの幅を表示したときに、はみ出ないようなmin-widthを
コンテナに設定か・・・な。

396 ：Name_Not_Found：2005/11/22(火) 13:15:14 ID:???

結局IEが対応してない罠。

397 ：Name_Not_Found：2005/11/22(火) 13:23:10 ID:???

悪いのはIE
こんな糞ブラウザのために悩まされているのが嫌だね
デザイナーがテーブルレイアウトをする理由が分かった気がしてきた。

シェア1％未満のブラウザに対しては、CSSを適用しない（等価なHTMLのみのコンテンツを提供）ってことでいいかもしれないが、
IE6, IE5.5 は無視できないよね。

その同じIE5と6でもStrictを宣言した場合の挙動が全く違う。
例えば、width = ボックスの幅 + border + padding だったり、width = ボックスの幅だったり、
その他数えるときりが無いほど。
結局複雑なレイアウトをするとなると、IE5用、IE6用、mozilla、opera、safariなどのCSSを正しく解釈するブラウザ用の3つに分ける必要が出てくる

398 ：Name_Not_Found：2005/11/22(火) 13:44:09 ID:???

まぁまぁ、ＩＥ７を待とうじゃないか。
来年の夏くらい？

399 ：Name_Not_Found：2005/11/22(火) 13:51:40 ID:???

>>398
そしたら今度はIE6とIE7の挙動の違いでやっぱり同じような問題が・・・
IE7が完璧なブラウザになってるんなら6以前のIEはなかったものとして考えてしまえば
よいかもしれないが。

400 ：Name_Not_Found：2005/11/22(火) 14:06:39 ID:???

IE7はXP以降にしか対応しないからそうもいかないだろう

401 ：Name_Not_Found：2005/11/22(火) 16:15:12 ID:???

XP自体挙動が怪しいから、俺は2000を使い続ける。

402 ：Name_Not_Found：2005/11/22(火) 16:28:25 ID:???

俺の挙動も怪しいらしい。

403 ：Name_Not_Found：2005/11/22(火) 17:03:18 ID:???

<div id="out">
　　<div id="menu">
　　</div>
　　<div id="main">
　　</div>
</div>
こんな構造のhtmlがあったとします。
cssで
#out {
　　width:800px;
}
#menu {
　　border:solid 5px black;
　　width:250px;
　　padding:1em;
　　margin:0;
　　float:left;
}
#main {
　　border:solid 5px black;
　　width:550px;
　　padding:1em;
　　margin:0;
}
と指定したら中のdiv(#menu,#main)の横幅の総計が#outで定めた800pxを超えてしまうみたいで、うまくfloatさせることができません。
DTDがTransitionalだと綺麗に２カラムになるのですがStrictだと２カラムになりません。
正しくfloatさせるにはどの様に記述したらよいのでしょうか？

404 ：Name_Not_Found：2005/11/22(火) 17:07:58 ID:???

ボーダーの幅が影響するから
outが800px固定なら
menuはwidth:240px;
mainはwidth:540px;
でどうかな？

405 ：Name_Not_Found：2005/11/22(火) 18:39:58 ID:???

>>403
outのdivをなくす。

406 ：Name_Not_Found：2005/11/22(火) 18:44:54 ID:/WSvACxp

>>403
>>404のようにmenuとmainの幅を調整するか、もしくはもう一個入れ子。
<div id="out">
　　<div id="menu">
　　　　<div id="○○"></div>
　　</div>
　　<div id="main">
　　　　<div id="××"></div>
　　</div>
</div>

#menu {
　　width:250px;
　　padding:0;
　　margin:0;
　　float:left;
}
#main {
　　width:550px;
　　padding:0;
　　margin:0;
}
#○○,×× {
　　border:solid 5px black;
　　padding:1em;
　　margin:0;
}

407 ：Name_Not_Found：2005/11/22(火) 19:54:19 ID:L0zPv9uw

ページを中央揃えにしたいのですが、
どこにmarginを設定したらよいか分かりません。
既にCSSを各要素に装備しまくっています。
要素の一つ一つにmargin autoを設定するのでしょうか？
divで全体を囲う方法もできませんでした。
（わたしがdivを乱用しているため？）
CSSまったくの初心者です。ある程度解説は読んだつもりです。
テーブルレイアウトから抜け出したいです。
お願いします。

408 ：Name_Not_Found：2005/11/22(火) 19:55:22 ID:???

>>407
>>3-4

409 ：Name_Not_Found：2005/11/22(火) 19:56:11 ID:???

>>407
初心者でも分かるように説明しますね＾＾；

きっとIEでのことだと思いますが、
互換モードでレンタリングされてるのが原因。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">

これ1行目にはってね

410 ：Name_Not_Found：2005/11/22(火) 20:02:43 ID:L0zPv9uw

ありがとう！やってみます。
くだらない質問をしてすいませんでした。
もう一度解説サイトしっかり読みなおします。

411 ：Name_Not_Found：2005/11/22(火) 20:19:12 ID:???

そういやどっかのスレで、
doctype宣言に改行が入ってると駄目とかいうレスをみたんだが・・・

412 ：409：2005/11/22(火) 20:25:49 ID:???

>>411
改行が許される場所と許されない場所がある。俺が改行した位置は問題無し。
W3Cのサイトもこの位置で改行しているしね。

あとは改行後に半角スペース以外の文字が入ったら駄目だったりするし、
その部分をphpでincludeしたりする場合には改行コードが違って問題になることもあるかもしれなんけど。

413 ：Name_Not_Found：2005/11/22(火) 21:58:05 ID:???

フォントのサイズの標準は100%と1emのどちらがいいと思いますか？

414 ：Name_Not_Found：2005/11/22(火) 22:02:17 ID:???

>>413
100%をオススメする。
em指定だとIEで最小～最大で文字の大きさが激しく変わりすぎるから。

415 ：Name_Not_Found：2005/11/22(火) 22:35:00 ID:???

IE6は a:hover img {xxx...
に対応していないんでしょうか？
カーソルを当てたときにimgのボーダー色を変えるとか。。。
a { display:block;}は禁じ手です。

416 ：Name_Not_Found：2005/11/22(火) 23:18:36 ID:???

>>415
img a:hover {xxx...にして味噌。

417 ：Name_Not_Found：2005/11/22(火) 23:27:40 ID:???

>>416
それでうまくいくんですか？
imgの中にa要素が入っているわけではないのですが。。。

418 ：Name_Not_Found：2005/11/22(火) 23:29:47 ID:???

>>417
試してみるぐらいできないの？

419 ：Name_Not_Found：2005/11/22(火) 23:34:48 ID:???

>>417
前衛的な発送に最敬礼

420 ：Name_Not_Found：2005/11/22(火) 23:37:38 ID:???

>>418
試すことはできますけど結果OKじゃなくて
その指定でなぜそうなるのか、できればそれが知りたいです。
ブラウザを騙しているのかCSSの文法として正しいのか。

421 ：Name_Not_Found：2005/11/22(火) 23:40:04 ID:???

>>420
じゃあ正しいから試せ

422 ：Name_Not_Found：2005/11/23(水) 02:35:38 ID:???

擬似クラスについてよく分からないので教えて下さい。
link、active、visited、hoverの順でリンクの設定をしました。
そしてlinkの前に　a { background : url("画像ファイル名A"); }という設定をしました。
また、visitedには違う画像（B）の表示を設定しました。

そうしたところ、
カーソルをリンク文字に乗せると（hoverにすると）
未訪問サイトへのリンクの場合にはAが、訪問済みサイトの場合にはBが表示されます。
てっきりhoverの状態の時には未訪問・訪問済みに関わらずAが表示されるものと思っていました。

画像の表示に関する設定をしなかった場合、
hoverはvisitedの設定を継承するものなのでしょうか。
それとも単に今使っているブラウザの問題で（IE6です）、
違うブラウザで見ればやっぱりAが表示されているのでしょうか。

423 ：Name_Not_Found：2005/11/23(水) 03:54:59 ID:???

>>422

1| a{background:url("A.gif")}
2| a:link{}
3| a:active{}
4| a:visited{background:url("B.gif")}
5| a:hover{}

1行目、a要素の背景画として"A.gif"を適用。
4行目、訪問済みリンクのa要素の背景画として"B.gif"を適用。

＞未訪問サイトへのリンクの場合にはAが、訪問済みサイトの場合にはBが表示されます。
訪問済みサイトには、4行目の指定により"B.gif"が背景画として適用されている。

＞てっきりhoverの状態の時には未訪問・訪問済みに関わらずAが表示されるものと思っていました。
a{backgruond:url("A.gif")}より後に記述されている、
a:visited{background:url("B.gif")}が優先されるのは仕様上当然のこと。
a:hoverセレクタにa:visitedセレクタの内容が継承されたわけじゃない。
それが理想形なら5行目を a:hover{background:url("A.gif")} とすべき。

424 ：Name_Not_Found：2005/11/23(水) 07:04:32 ID:???

>415
a img { border: solid 3px black; }
a:hover img { border: solid 3px red; }

<p><a href="#"><img src="image/sample.jpg" alt="" /></a></p>

ちゃんと変わるよ（標準モード）？

>421
釣れますか？

425 ：Name_Not_Found：2005/11/23(水) 11:30:22 ID:???

>>424
誰もXHTMLで試せなんて言ってない。

426 ：Name_Not_Found：2005/11/23(水) 13:26:13 ID:???

興味があったからやってみたけど、うまくいかなかった。

XHTML 1.0 Transitional
HTML 4.01 Transitional
img a:hover
a:hover img

どの掛け合わせも動かない。

427 ：Name_Not_Found：2005/11/23(水) 15:08:14 ID:???

普通に
a:hover img{}
で指定通りの挙動を示すが。

出来ないとか言ってる奴ソース晒してみ？

428 ：Name_Not_Found：2005/11/23(水) 15:18:46 ID:???

IE6では機能しません

<style type="text/css">
a:hover img { border-color: #875; }
</style>

<h3><a href="/"><img src="/banner.jpg" alt="ン" width="160" height="60"></a></h3>

429 ：Name_Not_Found：2005/11/23(水) 15:23:36 ID:???

>>428
色だけ指定してどうする？
border-styleとborder-widthがnone扱いだろ。

430 ：Name_Not_Found：2005/11/23(水) 15:40:25 ID:???

>>429
428の例だとブラウザの初期スタイルでa要素の中のimg要素にはボーダーがついてる

431 ：Name_Not_Found：2005/11/23(水) 17:24:16 ID:???

>425 さん
HTML4.01 (Strict / Transitional) でも XHTML1.0 (Strict / Transitional) でも
結果は同じですが XHTMLだと他の条件次第で結果が変わるのでしょうか？
もしそうなら教えていただけませんか

--
上記のとおり HTML4.01 / XHTML1.0 Strict / Transitinal どの組み合わせでも
さらに標準モード／互換モードどちらでもちゃんと色は変わるよ

以下全ソース（XHTML1.0 Strict 標準モードの場合）
>428さんのものを（imgの終わりを / とした以外は）そのまま使用
確認に使用したブラウザは IE6.0 SP1 on Win2k

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="Content-Style-Type" content="text/css" />
<title>test --- test</title>
<style type="text/css">
a:hover img { border-color: #875; }
</style>
</head>

<body>
<h3><a href="/"><img src="/banner.jpg" alt="ン" width="160" height="60" /></a></h3>
</body>
</html>

432 ：Name_Not_Found：2005/11/23(水) 18:05:32 ID:???

>>431
ソースをコピペしてhtmファイルを作りIE6で表示しましたが境界線の色が変わりません。
文字コードもmeta要素に合わせて指定して保存しました。
私の制作環境はXP HOME/PRO SP2です。
firefoxでは色が変わります。

433 ：Name_Not_Found：2005/11/23(水) 18:54:24 ID:???

>>432
ソースが見つからんが、IEのバグだと思うよ。
俺もimg a:hoverにborder指定してるが、IEのみ表示されない。
もうIEなどどうでもいいと思ってる。

434 ：Name_Not_Found：2005/11/23(水) 18:58:07 ID:???

>もうIEなどどうでもいいと思ってる。
漏れ漏れも

435 ：Name_Not_Found：2005/11/23(水) 19:35:57 ID:???

俺も俺も、と言いたい所だが、無視出来んのが現実。
全く世話がやけるよIEは。

436 ：Name_Not_Found：2005/11/23(水) 19:38:27 ID:???

今、IEが天下を取ってる時代だから、Firefoxが流行れば
IEも焦ると思うお＾＾

437 ：Name_Not_Found：2005/11/23(水) 20:20:55 ID:???

>433
img a:hover なの？
何も起こらないのが当たり前だと思うけど？

438 ：Name_Not_Found：2005/11/23(水) 20:46:33 ID:???

borderじゃなくて、画像にpaddingを1pxとって
a:hover { background-color: #～}
でやるのじゃダメなん？

439 ：Name_Not_Found：2005/11/23(水) 21:02:33 ID:???

>>438
firefoxではうまくいかないよ

440 ：426：2005/11/23(水) 22:10:36 ID:???

>>431-432

このソースで動かない。
XP SP2+ IE6.029002180

モジラでは動く。

>>427
むしろ、動いた人のソースきぼん。

441 ：Name_Not_Found：2005/11/23(水) 22:59:31 ID:???

>>437
おお、a:hover imgだったさ。

442 ：Name_Not_Found：2005/11/23(水) 23:05:16 ID:???

ttp://msugai.fc2web.com/web/tips/CSS-border.html

これの一番下はIEでも動くよね？

443 ：Name_Not_Found：2005/11/23(水) 23:32:23 ID:???

ブログ厨でうようよしてるスレはここでつか？

444 ：Name_Not_Found：2005/11/24(木) 00:27:28 ID:???

>>442　うごいたけど、ページのソースがcharset=iso-2022-jpって…。
まあそれはいいとして、
でも解説の該当ソースをXHTML 1.0 TransitionalとHTML 4.01 Transitionalにコピペしたけど動かなかった。
以下ソース。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
</title>CSS の border プロパティの利用法</title>
<meta http-equiv="content-sty;e-type" type="text/css">
<style type="text/css">

</style>
</head>

445 ：Name_Not_Found：2005/11/24(木) 00:28:13 ID:???

>>444の後半。

<body>
<a href="http://www.louvre.or.jp/louvre/anglais/collec/ager/ag3_1.htm"
title="Greek Art of the 3rd-1st Century BC"
target="_top"><img
src="http://www.louvre.or.jp/louvre/img/photos/collec/ager/vignet/ma2369.jpg"
alt="Victory of Samothrace"
width="67" height="130"></a>
</body>
</html>

446 ：Name_Not_Found：2005/11/24(木) 00:30:45 ID:???

あと、</title>で始めるタグの付け方初めて見たが、合ってるのか？

</title>CSS の border プロパティの利用法</title>

447 ：Name_Not_Found：2005/11/24(木) 00:31:52 ID:???

>>446
いやな性格してるね～

448 ：Name_Not_Found：2005/11/24(木) 00:38:38 ID:???

おまえがな。

449 ：Name_Not_Found：2005/11/24(木) 00:40:22 ID:???

貼られたhtmlソースをまじまじ眺めるなんてよっぽどヒマなんでしょうね
ボクはそんなレスをスルーするーから関係ないんだけどね
　　　　　　　　　　　　~~~~~~~~~~~~~~

450 ：Name_Not_Found：2005/11/24(木) 01:12:55 ID:???

なにこの粘着

451 ：Name_Not_Found：2005/11/24(木) 01:32:38 ID:9oeLYo7K

スルーできてねーじゃんｗ

452 ：Name_Not_Found：2005/11/24(木) 01:43:18 ID:???

ボクはそんなレスをスルーするー
　　　　　　　　　　　　~~~~~~~~~~~~~~

453 ：Name_Not_Found：2005/11/24(木) 07:11:47 ID:???

>>446
そんなこともわからないのかよ

454 ：Name_Not_Found：2005/11/24(木) 07:14:40 ID:???

>>451がかこわるい。

455 ：431：2005/11/24(木) 07:35:59 ID:???

XPの IE6 SP2 で >431を確認したが確かに動かないね（>432さんや>440さんの指摘どおり）
一方で >431で自分が書いているように 2kの IE6 SP1 だと動く

まだ原因はわからないけど
いずれにせよ >431で疑うような書き方をして申し訳なかった

456 ：Name_Not_Found：2005/11/24(木) 13:28:53 ID:???

作者が怒ってるｗ

457 ：Name_Not_Found：2005/11/24(木) 18:02:01 ID:???

widthを「**px以上」っていう指定はできないんでしょうか？

458 ：Name_Not_Found：2005/11/24(木) 18:52:03 ID:???

>>457
min-width、min-heightはIEが対応してないから、
ボックス内に幅を固定したダミー（空）のボックスを入れるとかはどうでしょう？

459 ：Name_Not_Found：2005/11/24(木) 18:57:01 ID:???

「ダミー（空）のボックス」って正気か？ふざけてるのか？

460 ：Name_Not_Found：2005/11/24(木) 19:24:51 ID:???

>>459かこわるい。

461 ：Name_Not_Found：2005/11/24(木) 19:30:36 ID:???

>>459
低レベルに何を言っても無駄。

462 ：Name_Not_Found：2005/11/24(木) 19:44:34 ID:???

>>461
自演乙

463 ：Name_Not_Found：2005/11/24(木) 20:01:11 ID:???

>>461
藻前が低レベルｗｗ
>>458は正しいっての

464 ：Name_Not_Found：2005/11/24(木) 20:22:31 ID:???

>>463
>>463
>>463
>>463
>>463
>>463
>>463
>463
>463
>463
>463
>463
>463
>463
>463
>463
>463

465 ：Name_Not_Found：2005/11/24(木) 20:23:02 ID:???

自演乙

466 ：Name_Not_Found：2005/11/24(木) 21:39:14 ID:???

ボクはそんなレスをスルーするー
　　　　　　　　　　　　~~~~~~~~~~~~~~

467 ：Name_Not_Found：2005/11/24(木) 21:40:28 ID:???

>>466
コレ流行ってるの？

468 ：Name_Not_Found：2005/11/25(金) 10:54:19 ID:???

サイドバーメニューとメインコンテンツがfloatで並んでる状態で

高さがメイン＞サイドになった時にサイドバーの高さをメインの高さに合わせたいのですがどうすればいいのでしょうか？

htmlとbodyとメインとサイドにheight100%を指定したのですがサイドがメインの高さと同じになりません

アドバイスお願いします

469 ：Name_Not_Found：2005/11/25(金) 11:02:26 ID:???

この質問、毎スレ２個は出てくるな。

過去スレにたっぷり出ています。

470 ：Name_Not_Found：2005/11/25(金) 11:07:41 ID:???

質問スレで過去スレの話をしたら、全て過去スレ嫁で終わっちゃうじゃないか。

471 ：Name_Not_Found：2005/11/25(金) 11:11:26 ID:???

>>470
じゃあ藻前教えてやれよｗｗ

472 ：Name_Not_Found：2005/11/25(金) 11:15:47 ID:???

そんなに頻繁に出る質問ならテンプレに入れてよ

473 ：Name_Not_Found：2005/11/25(金) 11:31:45 ID:???

はてなダイアリーでblockquoteにciteを入れて引用すると、
引用部分がボーダーで囲まれた上に、最下行にciteで指定したサイトへリンクが張られるのですが、
あれはCSSを使ってやってるのですか？

474 ：Name_Not_Found：2005/11/25(金) 11:44:22 ID:???

>>473
過去ログ読めカス

475 ：Name_Not_Found：2005/11/25(金) 11:53:09 ID:???

>>473
氏ねボケ

476 ：Name_Not_Found：2005/11/25(金) 11:57:12 ID:???

>>475
お前うざい

477 ：Name_Not_Found：2005/11/25(金) 11:57:49 ID:???

>>475
死ねよ

478 ：Name_Not_Found：2005/11/25(金) 12:10:28 ID:???

>>468
過去スレは読んだことないけど
メインとサイド両方をdivとかで囲ってみればうまくいきそうな気がする

479 ：Name_Not_Found：2005/11/25(金) 12:34:14 ID:???

>>474-477
なんでこう馬鹿ばっかり来ちゃうんだろうねぇ・・・

480 ：Name_Not_Found：2005/11/25(金) 12:37:54 ID:???

>>478
ありがとうございます
試してみたんですけどダメでした・・・

481 ：Name_Not_Found：2005/11/25(金) 13:00:29 ID:???

>>473
見てないけどたぶんjs

482 ：Name_Not_Found：2005/11/25(金) 13:15:36 ID:???

>>473
ごめん見たら全然違った
cite要素に書き出しているみたい

483 ：Name_Not_Found：2005/11/25(金) 13:49:14 ID:???

http://pc5.2ch.net/hp/kako/1069/10692/1069216458.html

484 ：Name_Not_Found：2005/11/25(金) 17:26:15 ID:???

質問スレで「テンプレ嫁」は分かるが「過去ログ嫁」では成り立たんだろうに

485 ：Name_Not_Found：2005/11/25(金) 17:37:47 ID:???

>>482
これはCSSで出来るんですか？
それとも何か使ってるのでしょうか。

486 ：Name_Not_Found：2005/11/25(金) 17:55:10 ID:???

>>484
なんで？

487 ：Name_Not_Found：2005/11/25(金) 17:59:29 ID:???

>>485
「過去ログ読め」よりも「ソース見ろ」だな。
全然自分で調べようとしていないんじゃないのか？

<blockquote cite="http://www.googkle.com/">
<p>はいはいわろすわろすふんにゃかふんにゃか</p>
</blockquote>

blockquote[cite]:after{
content: attr(cite);

488 ：Name_Not_Found：2005/11/25(金) 21:37:06 ID:y6yZcqBf

４つメニューがあってその４つの仕切り線を消そうと思ってdisplay:noneを入力すると１つを
残して残りの３つが消えてしまうんですがなぜですか？

489 ：Name_Not_Found：2005/11/25(金) 21:38:55 ID:???

>>486
死ねよ

490 ：Name_Not_Found：2005/11/25(金) 21:39:16 ID:???

…ヽ(`Д´)ﾉ
(　´д)ﾋｿ(´д｀)ﾋｿ(д｀　)

491 ：Name_Not_Found：2005/11/25(金) 21:57:47 ID:???

>>488
エスパーに聞け

492 ：Name_Not_Found：2005/11/25(金) 22:01:58 ID:???

>>488
5W1Hな。

493 ：Name_Not_Found：2005/11/25(金) 22:40:52 ID:???

サイドバーを下まで伸ばすには
画像をrepeat-yする

494 ：Name_Not_Found：2005/11/25(金) 23:53:06 ID:8PjynSms

495 ：Name_Not_Found：2005/11/26(土) 00:09:00 ID:???

　　ひどすぎる。

496 ：Name_Not_Found：2005/11/26(土) 01:07:08 ID:???

ボクはそんなおまえたちをスルーするー
　　　　　　　　　　　　　　　　~~~~~~~~~~~~

497 ：Name_Not_Found：2005/11/26(土) 02:24:47 ID:???

IE6で、
.nantoka > * {display:none}
とか効かない？

498 ：Name_Not_Found：2005/11/26(土) 02:52:29 ID:???

まず自分で試せよ
効かないから

499 ：Name_Not_Found：2005/11/27(日) 10:20:43 ID:gbcyvqeS

ul>li>ul>li

の > って何に使えるのですか？

500 ：Name_Not_Found：2005/11/27(日) 11:25:09 ID:???

>>499
http://hp.vector.co.jp/authors/VA022006/css/selector.html#child-selectors

501 ：Name_Not_Found：2005/11/27(日) 11:51:25 ID:gbcyvqeS

>>500
㌧

502 ：Name_Not_Found：2005/11/27(日) 17:59:22 ID:???

テーブルデザインからCSSデザインへ改装中です。
<font size="2">うんぬん</font>
この文字サイズ指定をCSSで同じように行うにはどうすれば良いでしょうか？

font-size:hogehoge;でやることは分かっているのですが<font size="2">と
同じ大きさが指定できる単位の付け方が分かりません。
emだと大きすぎですし、%やpxだと文字が潰れて見えません。

ご指導よろしくお願いします。

503 ：Name_Not_Found：2005/11/27(日) 18:14:54 ID:???

同じ大きさになるような数字に変えればいいだろ

504 ：Name_Not_Found：2005/11/27(日) 18:31:27 ID:???

>>502
まさか2em とか 2%でやったんじゃないのかね？
もはや見栄えを強制することは不可能に近いのだから無理だね。

pxが一番近いが固定は良くない。
font-size: 100%; から始めて font-size: 105%; → font-size: 110%;と
ちょっとづつ変えて大きさを決めるのが俺流ですが何か？

505 ：502：2005/11/27(日) 18:34:52 ID:???

>>503
それができないんです。

506 ：Name_Not_Found：2005/11/27(日) 18:41:10 ID:???

> %やpxだと文字が潰れて見えません
…って、2%や2pxにしたのだろうか。
さすがにその辺の単位ぐらいは(聞かずに)勉強すべきだと思う。

507 ：Name_Not_Found：2005/11/27(日) 18:44:03 ID:???

>>505
なにができないのか、こちらにはサッパリ

508 ：Name_Not_Found：2005/11/27(日) 18:45:40 ID:???

○○ですが何か？

これを普通に使ってる人のサイトって相当ダサい気がする

509 ：Name_Not_Found：2005/11/27(日) 18:48:35 ID:???

関係ない話を唐突に切り出す馬鹿が何をｗ

510 ：502：2005/11/27(日) 19:10:17 ID:???

>>507
例えばCSSで...
emで指定した文字サイズの差…最小：最大＝1：8くらい。
%で指定した文字サイズの差…最小：最大＝1：4くらい。

<font size="2">で指定した文字サイズの差…最小：最大＝1：2くらい。
cssで<font size="2">と同じようにする手段が分からないのです。

511 ：504：2005/11/27(日) 19:11:31 ID:???

>>508
カスイケで紹介されましたが何か？

512 ：Name_Not_Found：2005/11/27(日) 19:14:26 ID:???

>>510
1:8を1:2の範囲で使えばいいのでは

513 ：Name_Not_Found：2005/11/27(日) 19:17:05 ID:???

>>508
ずいぶんと視野の狭い方ですね

514 ：Name_Not_Found：2005/11/27(日) 19:38:02 ID:???

>>504
煽りにいちいち反応してんなよ
うざいから

515 ：Name_Not_Found：2005/11/27(日) 20:24:23 ID:???

>>510
どうしてもって言うなら
font-size: x-small;
とか。

516 ：502：2005/11/27(日) 20:41:23 ID:???

>>512
それを設定する方法を教えてください。
『最小』で小さすぎず『最大』で大きすぎず　が理想なので…

517 ：Name_Not_Found：2005/11/27(日) 20:45:07 ID:???

もうだめだなこいつ

518 ：502：2005/11/27(日) 20:58:43 ID:???

<font size="2">をCSSで表すとどうなるのかが分かればいいのですが…
どなたか教えてください。ググってもでてきませんでした。

519 ：Name_Not_Found：2005/11/27(日) 21:02:22 ID:IMbLypju

お伺いします。

文章の中にimgを配置(フロート)しているんですが、ちょうどページの一番下あたりにimgが来るとして、
windowsのIE6で印刷・印刷プレビューすると、そのimgの下の方が切れてしまいます。
これはIEの仕様なんでしょうか。それともcssでどうにか調整できるものなのでしょうか。

520 ：Name_Not_Found：2005/11/27(日) 21:04:07 ID:???

フロートだしなぁIEだしなぁ
印刷させたいページなのそれ？

521 ：Name_Not_Found：2005/11/27(日) 21:05:19 ID:???

>>519
プリンタの設定で90%とかにしてみたら？
もし、それで解決したならスレ違い。

522 ：Name_Not_Found：2005/11/27(日) 21:10:40 ID:???

見た目上のフォントの大きさを標準サイズ（IEは中、FFは100%）で揃えたかったらpx固定しか方法はありませんか？

523 ：Name_Not_Found：2005/11/27(日) 21:12:42 ID:???

うん

524 ：Name_Not_Found：2005/11/27(日) 21:15:42 ID:???

|　| |
|　| |
|　| |
|　| |
|　|

|　| |
|　| |
|　| |
　 | |
　 | |

メニューが長い場合に
ネットスケープ等で背景が表示されなくなるんだけど
どうやって回避するの

525 ：522：2005/11/27(日) 21:15:52 ID:???

>>523
ｻﾝｸｽｺ!
じゃあそうします。

526 ：Name_Not_Found：2005/11/27(日) 21:16:52 ID:???

>>524
ﾏﾙﾁﾎﾟｽﾄやめれ!

527 ：Name_Not_Found：2005/11/27(日) 21:29:21 ID:???

スレ違いって怒られたから

528 ：519：2005/11/27(日) 21:37:14 ID:???

>>520
印刷させたいページなのです。これは、floatのせいなんでしょうか。

>>521
確かにそうですね。プリンタの設定次第ではどうにかなるような気もします。

529 ：Name_Not_Found：2005/11/27(日) 21:40:07 ID:???

>>528
一番下に来ないようにスペーサーいれるのじゃ駄目なのかなぁ
レイアウト上譲れなかったりするのかな

530 ：Name_Not_Found：2005/11/27(日) 22:12:23 ID:???

そんなに印刷をうまくさせたいならPDFに汁

531 ：Name_Not_Found：2005/11/27(日) 22:30:02 ID:???

>>528
ただ単にページが縦に長いだけでは？
それならプリンタ側で縮小しないと入らないよ。

532 ：Name_Not_Found：2005/11/27(日) 22:56:47 ID:???

何のためのCSSだい？
プリント用のCSS書けや。

533 ：Name_Not_Found：2005/11/27(日) 23:09:36 ID:???

ブロックの背景をfilterで半透明にさせています。
でもFireFoxでは半透明になりません。
IEでも火狐でも半通過して見えるようにするためにはどうすればいいですか？

534 ：Name_Not_Found：2005/11/27(日) 23:13:52 ID:???

>519>528
>530>532が言うとおり、プリンタ用CSSを用意するかPDFで提供するが良いと思うよ。

535 ：Name_Not_Found：2005/11/27(日) 23:17:28 ID:EAH+r9Kh

つい最近HTMLとCSSを勉強し始めました。
行き詰ってしまったので教えてください。

□□□□□□□□□□□□□□□□
□□□□□□□□□□□□□□□□
□□□□□□□□□□□□□□□□
■■■■○○○○○○○○○○○○
■■■■○○○○○○○○○○○○
■■■■○○○○○○○○○○○○
■■■■○○○○○○○○○○○○
■■■■○○○○○○○○○○○○
■■■■○○○○○○○○○○○○
■■■■○○○○○○○○○○○○

フレームを使用しないで複数ページを作成し、
□と■は全ページで同一とします。
このとき、□と■の部分は全てのページに同一のHTMLを
書き込むのですか？
□と■の部分をどこか１箇所に書き込んで、それを
それぞれのページで呼び出して使用することはできますか？

初歩的な質問で申しわけありませんが、教えてください。

536 ：Name_Not_Found：2005/11/27(日) 23:25:14 ID:???

>>535
HTMLとCSSと一緒にSSIも勉強したら幸せになれるかもよ。

537 ：Name_Not_Found：2005/11/27(日) 23:43:41 ID:???

>>535
phpを使えばいい。
includeで全てOK！

538 ：Name_Not_Found：2005/11/27(日) 23:49:37 ID:???

539 ：Name_Not_Found：2005/11/27(日) 23:52:46 ID:???

>>538
同じこと書き込んで何がしたいの？言ってごらん

540 ：Name_Not_Found：2005/11/27(日) 23:55:07 ID:???

透過GIF作ってもIEで見ると真っ青になってしまいイライラするんですけど。
GIF画像も駄目ってことは終ってるのか。

541 ：Name_Not_Found：2005/11/27(日) 23:55:52 ID:???

PNG

542 ：519：2005/11/27(日) 23:56:36 ID:???

レスたくさんありがとうございます。

>>532
助言をいただいたので、早速プリント用cssを書いてみました。
で、そこでfloatを解除したのですが、

<p><img class="left" alt="hoge">ほげほげほげほげ～ほげほげほげほげ～</p>
<p>ほげほげほげほげ～ほげほげほげほげ～ほげほげほげほげ～ほげほげほげほげ～</p>

という記述をしているので、floatを無しにすると印刷時の見た目が下記のようになりますよね？
（画像の横に1行だけ文章が入っている状態）

■■■■
■画像■
■■■■ほげほげほげほげ～ほげほげほげほげ～
ほげほげほげほげ～ほげほげほげほげ～ほげほげほげほげ～

こういう状態は、ちょっとカッコ悪いような気がしまして。floatしてないんだから仕方ないとは思うんですけど。

543 ：Name_Not_Found：2005/11/27(日) 23:57:42 ID:???

544 ：Name_Not_Found：2005/11/27(日) 23:58:07 ID:???

>>541
PNGも駄目ですねー、IE終りましたか

545 ：Name_Not_Found：2005/11/27(日) 23:59:07 ID:???

どうして画像の表示をブロックにしないのは何故？

546 ：Name_Not_Found：2005/11/28(月) 00:00:23 ID:???

>>543
うpしろ、話しはそれからだ。

547 ：Name_Not_Found：2005/11/28(月) 00:03:16 ID:???

548 ：Name_Not_Found：2005/11/28(月) 00:18:03 ID:???

>>547
>>546

549 ：Name_Not_Found：2005/11/28(月) 00:23:49 ID:???

>>548
|　| |
|　| |
|　| |
|　| |
|　|

|　| |
|　| |
|　| |
　 | |
　 | |

メニューが長い場合に
ネットスケープ等で背景が表示されなくなるんだけど
どうやって回避するの

550 ：Name_Not_Found：2005/11/28(月) 00:27:30 ID:???

今日の夕飯はカレーにするー

551 ：Name_Not_Found：2005/11/28(月) 00:28:07 ID:???

スルーで回避

552 ：535：2005/11/28(月) 00:32:20 ID:eaFqQR7O

>536
>537
ありがとうございます。
少し調べましたが、サーバーサイドプログラムというやつなんですね。
CGI,SSI,PHP,PERLとかがでてきて区別がまだ付かないので勉強します。
ところで、HP作成者とサーバーサイドのPGは、通常別人が行うのですか？
実際、535のようなことをしたいときには、HP作成する人は
どこまで作成するのでしょうか？

申し訳ありませんが、教えてください。

553 ：Name_Not_Found：2005/11/28(月) 00:40:41 ID:???

>>552
http://neta.ywcafe.net/000372.html

554 ：519：2005/11/28(月) 00:42:44 ID:???

>>545
目からウロコです！こんな単純なことだったとは。

助かりました。本当にありがとうございました。
これで今夜はゆっくり眠れそうです。

555 ：Name_Not_Found：2005/11/28(月) 01:01:54 ID:???

>>554
まさか役に立つとは・・・ｗ

556 ：Name_Not_Found：2005/11/28(月) 01:11:42 ID:???

>>552
535程度ならSSIのinclude fileやinclude virtualで十分だろう。
簡単に言うと「ここに○○というファイルの内容を差し込む」という指示を与えるわけで、
この作業を自分（作成者）以外の誰が行えるよ？
差し込む場所も差し込む内容も自分で決めるしかないでしょ。
で、そうすると後は勝手にサーバーで差し込まれたデータが送られるようになる。
ちなみにSSIとPHP/Perlはかなり違う。
いい加減な表現だが、Wordで喩えてみると、SSIが差し込み印刷でPHPやPerlはマクロと
言ったところかな。

ｽﾚ違いだからこれ以上は他で聞いてくれ。

557 ：Name_Not_Found：2005/11/28(月) 01:48:28 ID:???

>>518
http://www.hatena.ne.jp/1114977270

558 ：Name_Not_Found：2005/11/28(月) 02:36:59 ID:Q2QIKyJz

<body>
<div id="container">
　　　<div id="header">
　　　</div>
　　　<div id="main">
　　　</div>
　　　<div id="footer">
　　　</div>
</div>
</body>

こんなかんじで、bodyに背景画像を敷き詰めてある状態で、container(w=760px,height指定なし)に背景色を指定したのですが、
footerの下まで(画面の最下部まで)containerに指定した背景色の部分を作りたいのですが、footerより下にはbodyに指定した画像のタイルが表示されてしまいます。
(firefoxだとhederの上の部分も同じ)。
どのように指定すれば画面の最上部と最下部までコンテナに指定した背景色を表示できますか？

559 ：Name_Not_Found：2005/11/28(月) 08:29:20 ID:???

560 ：Name_Not_Found：2005/11/28(月) 15:15:24 ID:J1Z7lDQu

aaa bbb,ccc {}

これは
<aaa>
　<bbb></bbb>
　<ccc></ccc>
</aaa>
の<bbb>と<ccc>のスタイルを設定しているんですか？

それとも
<aaa>
　<ccc></ccc>
</aaa>
<bbb>
　<ccc></ccc>
</bbb>
の二つの<ccc>のスタイルを設定しているんですか？

561 ：Name_Not_Found：2005/11/28(月) 15:54:29 ID:???

>>560
「aaaの小孫のbbb」と「ccc」に同じスタイルを適用する意味。

562 ：Name_Not_Found：2005/11/28(月) 17:39:22 ID:???

>>560
分けて書くと，
aaa bbb {}
ccc {}
つまり，
<aaa>
<bbb>適用</bbb>
　<ccc>適用</ccc>
</aaa>
<bbb>不適</bbb>
<ccc>適用</ccc>

563 ：Name_Not_Found：2005/11/28(月) 18:18:51 ID:???

>>559
だれか答えてやれよ

564 ：Name_Not_Found：2005/11/28(月) 18:25:56 ID:???

565 ：Name_Not_Found：2005/11/28(月) 18:27:25 ID:???

今日の夕飯はカレーにするー

566 ：Name_Not_Found：2005/11/28(月) 18:28:06 ID:???

そんな僕はスルーで回避（＾＾）

567 ：564：2005/11/28(月) 19:05:09 ID:???

答えてくれたら
おっぱいうｐしますｖ

568 ：Name_Not_Found：2005/11/28(月) 19:17:14 ID:???

今日の夕飯はカレーにするー

569 ：Name_Not_Found：2005/11/28(月) 19:17:38 ID:???

そんな僕はスルーで回避（＾＾）

570 ：Name_Not_Found：2005/11/28(月) 20:26:57 ID:???

はぁ。。。仕方ねぇからおまいらにレベル高き２ちゃんねらー様が解説してやるよ
心して聞きやがれよ

今日の夕飯はカレーにするー
　　　　　　　　　~~~~~~　　~~~~~
　　　　　　　　　↑華麗　　↑スルー

という風にだ、上手いことシャレた文になってんだ

はぁ。。。せっかく考えたダジャレなのに誰も気づきやしねぇから。。。
作者に解説させるとはスレの住人のレベルも沼の底と知れてるな

571 ：Name_Not_Found：2005/11/28(月) 20:30:32 ID:???

572 ：Name_Not_Found：2005/11/28(月) 21:17:16 ID:???

じゃあ私はヒラメにするー

573 ：564：2005/11/28(月) 21:19:00 ID:???

えらそうにレスしてたから
これぐらい知ってるのかと思ったが
誰も知らないのかｗ無能どもがｗ

死ねおまえら

574 ：Name_Not_Found：2005/11/28(月) 21:21:29 ID:???

明日の夕飯は何にするー？

575 ：Name_Not_Found：2005/11/28(月) 21:22:36 ID:???

鰔にするー！

576 ：Name_Not_Found：2005/11/28(月) 21:22:39 ID:???

カレーにするー！

577 ：Name_Not_Found：2005/11/28(月) 21:31:38 ID:???

【魔少年】このセクハラはひどいカウパー
http://sakura01.bbspink.com/test/read.cgi/cherryboy/1133072944/

578 ：564：2005/11/28(月) 21:40:51 ID:???

>>574-576

くだらね
ガキはもう寝ろ

579 ：Name_Not_Found：2005/11/28(月) 21:45:15 ID:???

華麗にスルー出来ていない件

580 ：564：2005/11/28(月) 21:46:17 ID:???

馬鹿だからそれさえも自覚できてないんだよｗ

581 ：564：2005/11/28(月) 21:47:32 ID:???

このスレ無能のすくつｗ

582 ：564：2005/11/28(月) 21:47:50 ID:???

ところでおまえら歳いくつだ？
おれはつい最近１０代後半になった

583 ：564：2005/11/28(月) 21:49:15 ID:???

↑おっさん乙

584 ：564：2005/11/28(月) 21:50:36 ID:???

あれ？僕がたくさんいる？
偽物かえれーーーー＞＜

585 ：564：2005/11/28(月) 21:52:02 ID:???

586 ：564：2005/11/28(月) 21:52:35 ID:???

以下、名無しにかわりまして564でお送りします

587 ：Name_Not_Found：2005/11/28(月) 21:54:28 ID:???

588 ：Name_Not_Found：2005/11/28(月) 21:54:44 ID:???

589 ：Name_Not_Found：2005/11/28(月) 21:54:47 ID:???

590 ：564：2005/11/28(月) 22:13:49 ID:???

くだらね
ガキはもう寝ろ

591 ：564：2005/11/28(月) 22:21:16 ID:???

くだらね
おれはもう寝る

592 ：Name_Not_Found：2005/11/28(月) 23:46:54 ID:OjuX2xeD

とても初歩的な質問ですみません。

line-heightについてですが、
bodyにline-height:1.5と指定していても、
なぜか行間が一定に開いてくれません。
これはどうしてなのでしょうか？

どうにか均一に行間を開けたいのですが、どのように
したらいいのかさっぱりわかりません。

すみませんが、どなたか教えて下さい。

593 ：Name_Not_Found：2005/11/28(月) 23:49:49 ID:???

>>592
line-height:1.5em;
できれば150%のほうが好ましいが。

594 ：Name_Not_Found：2005/11/28(月) 23:52:32 ID:???

単位は大切

595 ：Name_Not_Found：2005/11/29(火) 00:41:26 ID:???

>>592
emという単位はいかなる場合においても利用しないこと。
これが見やすくデザインするための秘訣の一つ。

596 ：Name_Not_Found：2005/11/29(火) 00:48:52 ID:???

それはいかなる理由で？

597 ：Name_Not_Found：2005/11/29(火) 00:53:57 ID:???

>>596
そのとおり。フォントサイズも！マージンやパディングも！

598 ：Name_Not_Found：2005/11/29(火) 02:05:05 ID:Lb7qRFP5

おいおい、line-heightは単位無しの実数指定がいいのは基本だろ。

599 ：Name_Not_Found：2005/11/29(火) 07:58:07 ID:???

結論は？

600 ：Name_Not_Found：2005/11/29(火) 08:04:58 ID:???

いかなる理由か教えてくれなかったのでググったりいろいろしてたら見つけたけど
これのこと？

ttp://www.marguerite.to/Nihongo/HowToMakeYourWeb/Introduction/Font.html#H17-08-21

> インターネットエクスプローラでは、font-sizeプロパティの値を「em」単位で当てた場合、文字サイズを「大」や「最大」に切り替えると文字が異常に大きくなってしまうと言う不具合があるため、「em」は使わないで代りに「%」単位で当てるようにしましょう

またIEのバグ仕様に合わせろっていうのか
致命的なバグ以外はもうIEは無視してもいいんじゃないかと思うけど

601 ：Name_Not_Found：2005/11/29(火) 10:18:02 ID:???

>>598
ここじゃあそんな基本も知らないトーシロが意気がってるのさ
http://pc8.2ch.net/test/read.cgi/hp/1132042666/244-
を見てみろ。酷いもんだ

>>600
それはfont-sizeにemを使っちゃいけない理由にはなるけど、
それ以外にemを使っちゃいけない理由にはならんよね
というか、>>595と>>597は単なる釣りだろうね

602 ：Name_Not_Found：2005/11/29(火) 10:29:09 ID:???

困った馬鹿どもだ。

603 ：Name_Not_Found：2005/11/29(火) 11:05:43 ID:???

ハック多すぎの糞CSS再編で
質問しにきたが、やめたほうがよさそうだ。

604 ：Name_Not_Found：2005/11/29(火) 11:16:26 ID:???

ここと「Webサイト制作初心者用質問スレ」はしばらくは駄目だな。

605 ：Name_Not_Found：2005/11/29(火) 11:21:51 ID:???

>>592です。
レスを下さった方、ありがとうございます。
単位は、わたしも>>598さんがおっしゃるように
なしがデフォルトだと思っていました。
なので、単位はなしで指定しています。

ところで、どのようにしたらよいのでしょうか？
引き続き、どなたか教えて下さい。お願いします。

606 ：Name_Not_Found：2005/11/29(火) 11:38:49 ID:???

>>605
>>>593

607 ：Name_Not_Found：2005/11/29(火) 12:19:04 ID:???

>>605
テーブルレイアウトしてない？
http://cssbug.at.infoseek.co.jp/detail/winie/b023.html
これに類似したバグだと思うけど、テーブル内要素にはline-heightの値が継承されないっぽい。

608 ：Name_Not_Found：2005/11/29(火) 12:42:10 ID:???

今日なんとなくValidatorでチェックしてみたら
ime-modeはだめよって言われた・・・。
IE専用なのは知ってるけど他のブラウザなら無視するんだから良いじゃんかー。
これないとフォームに全角で入力する奴とかいてうざいんだよー。
JavaScriptでチェックするのも嫌だし。

ValidなCSSはあきらめるか･･･

609 ：Name_Not_Found：2005/11/29(火) 12:44:11 ID:???

>>608
ここは一応「質問スレッド」なんで・・・な？

610 ：Name_Not_Found：2005/11/29(火) 15:04:14 ID:???

>>604
初心者が初心者に（ｒｙを忘れたのかｗ

611 ：Name_Not_Found：2005/11/29(火) 15:05:51 ID:???

>>600
８割近くのユーザーはIE利用者だということをお忘れなく…

612 ：Name_Not_Found：2005/11/29(火) 15:47:59 ID:???

>>611
別にIEには適用させなきゃいいだけとは思うがな。

613 ：Name_Not_Found：2005/11/29(火) 15:49:17 ID:???

IEなんて糞ブラウザ見捨てればいいのに。
俺もアフィリエイトサイト以外は全部見捨ててるぞ

614 ：613：2005/11/29(火) 15:51:54 ID:???

ちなみに、アクセスの85％がIE、15％が残りなんだけど。
解析してみると、IEからアクセスしている人の収入がだいたい17万/月に対して、
それ以外のブラウザからの収入が9万/月もある。
売ってるものはIT関連の書籍なんだけどね。

つまり、アクセスが少ない割にIE以外のブラウザを使っている人からの購買が結構ある。
シェアが少ないからってFirefoxやOperaを見捨てるなんてとんでもなくもったいないことだな。

615 ：<!--：2005/11/29(火) 16:06:49 ID:???

サイト１０個ぐらい持ってるんだけど(ドメイン取って)、やっぱり俺のところも
IEがほとんど…
Web関係のコンテンツがあるサイトはFirefoxユーザも結構いる。

ほとんどのサイトでIEは見捨ててるが、どうしても一つだけ見捨てられないサイトがある。
はぁと。
-->

616 ：Name_Not_Found：2005/11/29(火) 16:25:07 ID:???

とりあえずフォントサイズはemで指定しない方がいいってワケだな。

マージンやパディングまでは知らんがｗｗ

617 ：Name_Not_Found：2005/11/29(火) 17:38:57 ID:Lb7qRFP5

line-heightは単位無し、
font-sizeは％、
その他はem。
これ、基本だよ。
px固定は論外（画像を除く）。

618 ：Name_Not_Found：2005/11/29(火) 17:41:28 ID:???

なんで

619 ：Name_Not_Found：2005/11/29(火) 17:50:47 ID:???

大人の事情です

620 ：Name_Not_Found：2005/11/29(火) 18:20:54 ID:???

>>618
チンコの皮が剥ける頃に分かるよ。

621 ：Name_Not_Found：2005/11/29(火) 18:23:39 ID:???

>>618　アクセシビリティーって知ってる？
　横幅800固定やめろ。ブラウザ最大化するのｳｻﾞｲ。
　http://makimo.to/2ch/pc8_hp/1031/1031302476.html

622 ：Name_Not_Found：2005/11/29(火) 18:26:14 ID:???

>>621
どこの誤爆だ。

623 ：Name_Not_Found：2005/11/29(火) 18:33:59 ID:???

フォントサイズについて考えよう
http://www.geocities.co.jp/AnimeComic/5498/misc/hp-1042293757.html

line-heightでの単位指定
http://d.hatena.ne.jp/mozuyama/20040223/p4

624 ：Name_Not_Found：2005/11/29(火) 23:39:49 ID:ENW8sOVi

質問です。

ＣＳＳで作成されているサイトで

＜例＞ＷＥＢサイト
__________________________
| ____________Ａ__________|
| | |　　　　　　　　　 |　
| | Ｂ| Ｃ |
| | | |
|__|___|___________________|

このようなサイトで（ブログ似形式のサイト）

Ａ：タイトル
Ｂ：メニュー
Ｃ：文章

Ｂのメニューをクリックすると、ＣにＢのメニューの内容を
表示させたいのですが（フレームのような感じに）
どうしたら、よいのでしょうか？

何か参考になるサイトでも良いので
もしよければ、教えていただきたいのですが・・

625 ：Name_Not_Found：2005/11/29(火) 23:42:21 ID:???

>>624
>>6

626 ：Name_Not_Found：2005/11/29(火) 23:48:51 ID:???

>>625

このページ参考にするよろし

ttp://www.cssplay.co.uk/menu/background2.html#

627 ：Name_Not_Found：2005/11/30(水) 00:17:44 ID:???

「css 擬似フレーム」でぐぐれ

628 ：Name_Not_Found：2005/11/30(水) 00:21:22 ID:???

擬似フレームなんてまともに使えないから。

IE, Firefox のそれぞれの最新版で、
下記の3つの条件を満たす擬似フレームは
現段階ではないのだから。
・フレーム形式に表示
・ホイールでのスクロールが可能
・スクロールバーでのスクロールが可能

629 ：Name_Not_Found：2005/11/30(水) 00:46:55 ID:???

だから疑似フレームって言うんです＞＜

630 ：Name_Not_Found：2005/11/30(水) 00:52:25 ID:???

>>625-628

レス、サンクスです。
勉強してみまふ

631 ：yoshihiko：2005/11/30(水) 14:35:44 ID:???

http://yoshihiko.s164.xrea.com/
見出しにスタイルシートを使っているのですが、IEとFirefoxで見ると文字を囲む線の幅が異なっています。

今現在のスタイルの設定として
h2 {

padding: 0.3em;
margin: 0;
border-style: solid;
border-width: thin 1em;
border-color: #666666;
background-color: #fff;
color: #000000;
font-size: 18px;
font-weight: bold;
clear: both;
}
にしていますが、どのようにすればよいでしょうか？

632 ：Name_Not_Found：2005/11/30(水) 14:48:24 ID:???

>>631
bodeｒ-widhtをpxで指定したら同じにならない？

633 ：yoshihiko：2005/11/30(水) 15:21:33 ID:???

>> 632

ありがとうございます。早速指定をpxにして直しましたら指定どおりに表示されました

634 ：Name_Not_Found：2005/11/30(水) 15:46:44 ID:???

>>633
いや、前のでも「君の指定通り」ではあったんだよ・・・

635 ：Name_Not_Found：2005/11/30(水) 16:36:39 ID:???

>>628
ん？当方のWinXP+IE or Fxは三つとも満たすんだが。
どっちが変なんだろう。

636 ：Name_Not_Found：2005/11/30(水) 16:41:42 ID:???

>>635
それはすげぇ

637 ：Name_Not_Found：2005/11/30(水) 17:28:18 ID:???

635じゃないんだが、628の「スクロールバーでのスクロール」の意味がわからない。

638 ：Name_Not_Found：2005/11/30(水) 17:31:11 ID:???

>>637
それは大変だ。知恵遅れだよ。

639 ：Name_Not_Found：2005/11/30(水) 17:51:30 ID:???

スクロールバーでスクロールできないってどんなんなの？

640 ：Name_Not_Found：2005/11/30(水) 18:00:49 ID:???

スクロールできないスクロールバーだよ

641 ：Name_Not_Found：2005/11/30(水) 18:03:30 ID:???

('・c_･` )ｲﾐﾈ

642 ：Name_Not_Found：2005/11/30(水) 18:16:14 ID:???

鼻がしー

643 ：564：2005/12/01(木) 07:38:09 ID:???

|　| |
|　| |
|　| |
|　| |
|　|

|　| |
|　| |
|　| |
　 | |
　 | |

メニューが長い場合に
ネットスケープ等で背景が表示されなくなるんだけど
どうやって回避するの

自己解決した無能なおまえらに聞くだけ
時間の無駄だったよ
おまえらも勉強
してこれぐらい答えれるようになれよ
低脳住民
ども

644 ：Name_Not_Found：2005/12/01(木) 10:49:10 ID:???

そうですね。すいません。すいません。
神様と呼んでもいいですか？

645 ：Name_Not_Found：2005/12/01(木) 11:31:02 ID:???

縦書きでもないのに変なところで改行を入れる人だなあ

646 ：Name_Not_Found：2005/12/01(木) 12:23:35 ID:???

上の方で、line-height は単位無しがイイって書いてあるけど、
CSS Validator にかけたらｺﾞﾙｧされた。

仕様的にはアウトだけど、
http://d.hatena.ne.jp/mozuyama/20040223/p4
こういう事情があるから単位は付けるなってこと？

647 ：Name_Not_Found：2005/12/01(木) 12:28:49 ID:???

>>646
>>>263

648 ：646：2005/12/01(木) 12:32:23 ID:???

>>647
見逃してた。正直ｽﾏﾝｶｯﾀ。

649 ：Name_Not_Found：2005/12/01(木) 13:54:11 ID:???

タグの順序をいれかえたいんですが
スタイルシートでそういう事は可能でしょうか

<div id="a">
きょうはなんのひ
</div>

<div id="b">
ふっふー
</div>

を、

+---------------------+
| ふっふー |
+- - - - - - - - - - -+
| きょうはなんのひ |
+---------------------+

こんな感じで表示したいのですが。

650 ：Name_Not_Found：2005/12/01(木) 14:02:43 ID:???

>>649
表示の順序とタグの順序の違いをまず勉強しないと辛いっぽ・・・
表示ならできるから、テンプレの基本をまず勉強しておいで。

651 ：Name_Not_Found：2005/12/01(木) 14:10:43 ID:???

>>650
えっと、表現が悪くてすみません。

タグの順序をいれかえずに表示の順序をいれかえたいです。

652 ：Name_Not_Found：2005/12/01(木) 14:19:37 ID:???

>>651
float:bottom

653 ：Name_Not_Found：2005/12/01(木) 14:34:01 ID:???

ちょｗｗｗ待ｗｗｗｗｗ

騙されないように、651は基礎を勉強してきたほうがいいと思うぞ。

654 ：651：2005/12/01(木) 14:59:25 ID:???

655 ：Name_Not_Found：2005/12/01(木) 15:02:12 ID:???

すぐに贋者って分かる煽りは止めとけよ

656 ：Name_Not_Found：2005/12/01(木) 15:08:23 ID:???

<div style="width:800px;">AAA...</div>
<div style="float:left; width:150px;">BBB...</div>
<div style="float:left; width:650px;">CCC...</div>
<div style="clear:left; width:800px;">DDD...</div>
↑こういう指定をして（実際は.cssファイルは別ですが）

AAAAAAAAA
BB CCCCCC
BB CCCCCC
BB CCCCCC
DDDDDDDDD

こんな感じのレイアウトを作ったはいいんですが、
ブラウザの幅を800以下（BとCの横幅の合計以下）にすると

AAAAAAAAA
BB
BB
BB
CCCCCC
CCCCCC
CCCCCC
DDDDDDDDD

こうなってしまいます。ブラウザの幅に関係なく、
BとCの位置関係はそのままで横スクロールバーを出すだけに
留めたいのですが、tableタグを使わずにできるでしょうか？

657 ：Name_Not_Found：2005/12/01(木) 15:13:29 ID:???

>>656
コンテナブロックを作ってそれにwidth指定、
或いはfloatでなくposition:absoluteで指定。

658 ：Name_Not_Found：2005/12/01(木) 15:14:45 ID:???

普段はこうなのですが。
http://www.imgup.org/file/iup126926.jpg
画面をスクロールするとこんな風になっちゃいます。
http://www.imgup.org/file/iup126927.jpg

どのような原因が考えられるでしょうか？

659 ：Name_Not_Found：2005/12/01(木) 15:14:52 ID:???

660 ：Name_Not_Found：2005/12/01(木) 15:16:15 ID:???

shobon.net

661 ：Name_Not_Found：2005/12/01(木) 15:16:48 ID:???

>>658
shobon.net
shobon.net
shobon.net

662 ：Name_Not_Found：2005/12/01(木) 15:17:41 ID:???

釣りっぽいが一応突っ込んどいた。

663 ：Name_Not_Found：2005/12/01(木) 15:19:15 ID:???

>>658
IE互換タブブラウザをやめてFirefoxにする。
そこらへんはCSSと関係ない描画能力の問題に入るだろ。

664 ：Name_Not_Found：2005/12/01(木) 15:19:59 ID:???

やっぱブラウザに依存する問題だったんですかね。

665 ：Name_Not_Found：2005/12/01(木) 16:05:19 ID:???

IEのレンダリング能力だけは何とかしてほしいな、あれ。
スクロールすると見える文字とか。

666 ：Name_Not_Found：2005/12/01(木) 16:10:59 ID:???

「だけ」か？
ホントに「だけ」でいいのか？

667 ：Name_Not_Found：2005/12/01(木) 16:19:33 ID:???

shobon.netさんはプニルつかってたんですね！

668 ：Name_Not_Found：2005/12/01(木) 16:54:45 ID:???

>>651-652
えぇと position: fixed を使った方法はすぐに思い付いたんですが
ブラウザ間の互換性の確保が上手くいきませんでした

基礎と言われましても、一応、一通りプロパティは覚えていますし
どう組み合わせていいか思い付きません

CSS、段組で検索しても横方向の段組方法しか書いておらず
上下を入れ替えるような方法がわかりません

669 ：Name_Not_Found：2005/12/01(木) 17:03:33 ID:???

>>668
なんでfixedにするんだ・・・

670 ：Name_Not_Found：2005/12/01(木) 17:21:30 ID:???

>>668
いくつか方法はあるが、これでいいか？↓

*{margin:0;padding:0;}
.c{margin-top:1em;}
#b{position:absolute;top:0;}

<div class="c">
<div id="a">
きょうはなんのひ
</div>
<div id="b">
ふっふー
</div>
</div>

671 ：Name_Not_Found：2005/12/01(木) 19:28:40 ID:???

煽りが大好きな厨房みたいな香具師がいるけど………

楽しいか？

672 ：Name_Not_Found：2005/12/01(木) 19:31:15 ID:???

>>671
shobon.net

673 ：Name_Not_Found：2005/12/01(木) 19:44:15 ID:???

syobon.txt

674 ：Name_Not_Found：2005/12/01(木) 20:21:05 ID:???

jobon.css

675 ：Name_Not_Found：2005/12/01(木) 21:56:54 ID:S4sdwjOt

widthで「残り全ての幅」を指定する値は無いのでしょうか？

676 ：Name_Not_Found：2005/12/01(木) 22:00:50 ID:???

ループ↓

677 ：Name_Not_Found：2005/12/01(木) 22:02:48 ID:???

ソープ↓

678 ：Name_Not_Found：2005/12/01(木) 22:14:25 ID:???

ロープ↓

679 ：Name_Not_Found：2005/12/01(木) 22:34:50 ID:???

>>675
ボックス二つで、固定幅の残りの幅、ということならautoでいい。
ボックス一つの100%-○px、ということだったらできない。

680 ：680 ◆vdXpX0wu.2 ：2005/12/01(木) 23:26:11 ID:???

■■□□□□　　　　□…#header（width:550px⇒リキッド）
■■◎◎◎◎　　　　■…#menu（画像を使用しているため、width:200px固定のまま）
■■◎◎◎◎　　　　◎…#main（width:550px⇒リキッド）
■■◎◎◎◎　　　　回…#footer（width:750px⇒リキッド）
回回回回回回

今まで全体のwidthを750pxで固定していたのですが、この度思いきってリキッドレイアウトに変えようと思っています。

今まで#headerのwidthが550pxと決まっていたのでfloatを使って簡単にレイアウトできました。
しかし今回の試みにおいて、#headerのwidthを固定すると当然ながらリキッドレイアウトになりませんし、
widthを指定しなければfloatが効きません。これをうまく解消する方法を教えてください。
ちなみに以前のレイアウトは大雑把に書くと下記の通りです。

◆HTML◆
<div id="container">
　　<div id="header"></div>
　　<div id="menu"></div>
　　<div id="main"></div>
　　<div id="footer"></div>
</div>

◆CSS◆
#container {width:750px;}
#header {width:550px; float:right;}
#menu {width:200px; float:left;}
#main {width:550px; float:left;}
#footer {clear:both;}

よろしくお願いします。

681 ：Name_Not_Found：2005/12/01(木) 23:27:51 ID:???

682 ：Name_Not_Found：2005/12/01(木) 23:36:24 ID:???

>>680
リキッドなら全体のコンテナいらんだろ。
ヘッダとメイン囲うコンテナにすればイインデナイノ？

683 ：Name_Not_Found：2005/12/01(木) 23:40:01 ID:???

>>680
#container {} /*←リキッド*/
#header {width:auto; float:right;} /*←リキッド*/
#menu {width:200px; float:left;} /*←固定*/
#main {width:auto; float:left; clear:right;} /*←リキッド*/

↑これでいい？
ただIEだとclearの処理がおかしいんで
headerの内容量によっては#mainにmargin-topが必要かも。

684 ：683：2005/12/01(木) 23:40:59 ID:???

あ、headerをfloatじゃなくてposition:abosluteで処理すればもっと綺麗かも。

685 ：680 ◆vdXpX0wu.2 ：2005/12/01(木) 23:41:47 ID:???

>>682
全体のコンテナはセンタリング用に使っています。

＞ヘッダとメイン囲うコンテナにすればイインデナイノ？
必然的に#menuも入るのですが…
widthはどこにどのように指定すればウマくfloatできるのでしょうか。

686 ：Name_Not_Found：2005/12/01(木) 23:43:01 ID:???

・・・・・・ん？
センタリング用のdivで、そもそも幅固定にならないか？

687 ：680 ◆vdXpX0wu.2 ：2005/12/01(木) 23:46:06 ID:???

>>686
90%とかで指定するならユーザーのブラウザ表示枠に変動するからリキッドということになりますよね。

>>683
ありがとうございます。試してみます。

688 ：Name_Not_Found：2005/12/01(木) 23:53:57 ID:???

>>685
692じゃないけど、たぶん682の言いたいのは
headerとmenuを入れ替えれば楽だよ、ということだとオモ。

689 ：688：2005/12/01(木) 23:55:17 ID:???

・・・・・色々と番号を間違えているorz

690 ：680 ◆vdXpX0wu.2 ：2005/12/02(金) 00:01:31 ID:???

>>683
ダメでした。#headerの文字数が少ないせいか
こんなふうになってしまいました…orz

■■◎◎□□　　　　□…#header（width:550px⇒リキッド）
■■◎◎　　　　　　　■…#menu（画像を使用しているため、width:200px固定のまま）
■■◎◎　　　　　　　◎…#main（width:550px⇒リキッド）
■■◎◎　　　　　　　回…#footer（width:750px⇒リキッド）
回回回回回回

>>688
HTMLのほうはユーザビリティ上、CSSオフの事も考えて順番は変えたくないんです。
divの追加とかならなんとか対応できるのですが…

691 ：Name_Not_Found：2005/12/02(金) 00:19:01 ID:???

>>690
#container {width:90%;} /*←リキッド*/
#header {width:auto; float:right;} /*←リキッド*/
#menu {width:200px; float:left;} /*←固定*/
#main {clear:right;} /*←リキッド*/
#footer {clear:both;}

692 ：680 ◆vdXpX0wu.2 ：2005/12/02(金) 00:25:59 ID:???

>>691
できました。ありがとうございました。

693 ：Name_Not_Found：2005/12/02(金) 15:57:58 ID:???

GJ！

694 ：Name_Not_Found：2005/12/03(土) 14:06:04 ID:???

いつのまにかFirefox1.5がリリースされてた、キャホーイ！

695 ：Name_Not_Found：2005/12/03(土) 14:25:53 ID:???

遅いお

696 ：Name_Not_Found：2005/12/03(土) 16:44:09 ID:???

FFなんていらない

697 ：Name_Not_Found：2005/12/03(土) 16:57:04 ID:???

IEなんていらない。

698 ：Name_Not_Found：2005/12/03(土) 17:00:51 ID:???

お前らなんていらない

699 ：Name_Not_Found：2005/12/03(土) 17:21:58 ID:???

>>697
世界の基準はIE

700 ：Name_Not_Found：2005/12/03(土) 17:27:47 ID:???

もうシェア下がってきてるがな。
少なくともCSS使いでIEを喜んでる奴はいない。

701 ：Name_Not_Found：2005/12/03(土) 17:37:50 ID:???

>>700
ﾈｰ
IEのバグのために苦労してるよ。
だからと言って、布教するのはﾃﾗｳｻﾞｽｗｗ

702 ：Name_Not_Found：2005/12/03(土) 18:00:11 ID:???

せめてお奨めブラウザとしてGetFirefoxバナーをトップに貼っておく

703 ：Name_Not_Found：2005/12/03(土) 18:15:42 ID:???

>>702
それでもIEからFirefoxに乗り変える奴って、新しいものに興味を
持った香具師が多いよな。

でも自分は拡張性があるのと、タブ使えるのと、mozillaが好きだったからだ。

704 ：Name_Not_Found：2005/12/03(土) 18:59:51 ID:???

だよな。
俺が乗り換えた理由は、自分は拡張性があるのと、タブ使えるのと、mozillaが好きだったからかな。

705 ：Name_Not_Found：2005/12/03(土) 19:17:37 ID:???

元々色んなブラウザで確認してたから、
N6/7の重さには辟易したけど、
FirefoxとOperaは軽くて使い勝手がよかったから確認以上に普通に使うようになったな。
Mozillaは自分の環境だとちと重い。

706 ：Name_Not_Found：2005/12/03(土) 19:25:10 ID:???

起動が早ければ文句ないな

707 ：Name_Not_Found：2005/12/03(土) 19:26:54 ID:???

Mozillaはその起動も重い。

708 ：Name_Not_Found：2005/12/03(土) 19:28:04 ID:???

Firefoxが軽いだなんて嘘だ！

709 ：Name_Not_Found：2005/12/03(土) 19:29:11 ID:???

環境によってはOperaも重いらしいな、何が影響してるんだか

710 ：Name_Not_Found：2005/12/03(土) 19:29:51 ID:???

サファリでも食ってろデブ

711 ：Name_Not_Found：2005/12/03(土) 19:30:21 ID:???

>>708
いやウチだとやっぱりFirefoxが一番早い。
IEよりも起動表示が早い。
これって特殊なのか？

712 ：Name_Not_Found：2005/12/03(土) 19:38:48 ID:???

>>708
俺の環境では今までOperaが一番だったが、
Firefox 1.5 にしたら信じられないほど早くなっていて、
Operaを通り越した速さになっていた。

713 ：Name_Not_Found：2005/12/03(土) 19:41:30 ID:???

モジラ系は嫌い。
だってツールバーやメインボタンの配置を好きなように変えられないもの…

714 ：Name_Not_Found：2005/12/03(土) 19:53:01 ID:???

>>713
Firefoxなら変更できますが。
拡張使えば縦置きにしたりOfficeみたいに自由な場所に置いたりもできる。

715 ：713：2005/12/03(土) 19:59:34 ID:???

>>714
スレ違い氏ね

716 ：Name_Not_Found：2005/12/03(土) 20:08:17 ID:???

習得が容易だからバカも沸きやすい

717 ：Name_Not_Found：2005/12/03(土) 20:12:23 ID:???

>>715
自分がスレ違いを言い出したんだろうが・・・アホォだな。

718 ：Name_Not_Found：2005/12/03(土) 21:22:58 ID:???

ここは釣り堀ですか

719 ：Name_Not_Found：2005/12/03(土) 21:29:52 ID:???

715が顔を真っ赤にして釣れたと申されてます。

720 ：Name_Not_Found：2005/12/04(日) 02:35:31 ID:???

MacIEでmin-width再現するのは、やっぱりJavaScriptとかで疑似再現するしかないですかね？

721 ：Name_Not_Found：2005/12/04(日) 02:45:56 ID:???

>>720
ttp://www.lucky-bag.com/archives/2005/05/ie_minwidth.html
MacIEは知らんけど。

722 ：Name_Not_Found：2005/12/04(日) 03:08:47 ID:6C4da1i4

font: 1.3em italic Arial, Helvetica, sans-serif;

こうしても、文字がイタリック表示になりません。
font-style: italic; ならイタリックで表示されます。

一括指定は出来ない仕様なのでしょうか？

723 ：Name_Not_Found：2005/12/04(日) 03:17:18 ID:???

>>722
fontプロパティ一括指定は順序が厳密に決まってて、それを外れたらout。
ttp://hp.vector.co.jp/authors/VA022006/css/fonts.html#font

724 ：Name_Not_Found：2005/12/04(日) 03:41:52 ID:6C4da1i4

>>723
ありがﾄﾝ

725 ：Name_Not_Found：2005/12/04(日) 04:03:19 ID:???

>>720
ありがとう。
しかし、それは前に試したことあるんです。やってみた物のどうも挙動が怪しい・・・。
やり方がイケナイのかなぁ。

726 ：Name_Not_Found：2005/12/04(日) 11:56:35 ID:???

>>725
ttp://snippet.admi.co.jp/archives/67/
こっちは？

727 ：Name_Not_Found：2005/12/04(日) 15:11:47 ID:???

>>726
ありがとうございます。
なんか上手く行きそうです。

728 ：Name_Not_Found：2005/12/04(日) 23:08:57 ID:???

既出な質問かもしれませんが、

文字サイズを指定する際は
・px
・em
・％
・キーワード
のどれで指定するのが一般的なのでしょうか？

時と場合によると返されそうなのですが、
自分的には文字の大きさを変えたくないときはpxくらいしか
思いつきません。

729 ：Name_Not_Found：2005/12/04(日) 23:14:32 ID:???

>>728
漏れは % で指定しているし、
それが最もブラウザの実装を考えると良い方法だと思う。

IEはデフォルトで「ＭＳＰゴシック」Noはずなのに、
それを再指定しないと文字サイズを相対指定で変えたときにフォントが著しく汚くなるよね。

そういうときはこれを指定よろ。

body {
font-family: "ＭＳＰゴシック", "Osaka", sans-serif;
}

このバグは原因不明。

730 ：Name_Not_Found：2005/12/04(日) 23:27:12 ID:???

>>728
本来はどれでもいい。
が、%が>>729の理由で多いかな。

つーか目的が「文字の大きさを変えたくない」んだとしたら
ハッキリ言ってすべての文字を画像化するしかない。
ブラウザによっては手間が掛かるからフォントサイズ固定するなというだけで、
文字の大きさなんてちょっと馴れた人なら自分好みの大きさにしちゃってるから、
どれだけ大きさを変えても被って見えなくなるようなことのない
デザインを最初から目指したほうがいいよ。

731 ：Name_Not_Found：2005/12/05(月) 00:46:10 ID:???

俺みたいな玄人になると、おめおめと質問したくてもできなくなった。
そんな俺はがむばって一人で解決しようと”調べる”という努力をした。

そうしたらどうだろう、今までの自分が嘘のように変わり始めたのだ。
”調べる”という行為そのものに快感を覚えはじめたではないか。

楽しい、理解が深まる、奥が深い、そう、そして俺はついに出目徳の域に到達したのであった。
その後、上野のカモを洗いざらいぶちのめしたのは言うまでもない。

732 ：Name_Not_Found：2005/12/05(月) 00:48:33 ID:???

今日も上野のカモは元気です。

733 ：Name_Not_Found：2005/12/05(月) 01:08:49 ID:???

がんばって調べて一人で解決するのはいいことだけどさ
長いこと勘違いしたままになっちゃうこともあるから気を付けないと

734 ：Name_Not_Found：2005/12/05(月) 01:15:15 ID:???

あー・・・・あったな長い勘違い。
formの直下にずーーーーーっとinputやselectを直接置いてたよorz

735 ：Name_Not_Found：2005/12/05(月) 01:47:51 ID:???

>>728
%はもはや時代遅れの状態だよ
個人て作ってる分には良いんだろうけど
XHTMLにするつもりなら
キーワードがおすすめ。

736 ：728：2005/12/05(月) 02:07:38 ID:???

>>735
> XHTMLにするつもりなら
> キーワードがおすすめ。
それの明確な理由よろしく。
W3Cの仕様書は全文読んだが理由が分からん。

実装の問題ならキーワードでの指定はブラウザごとに著しく大きさの違いがあるし。

737 ：Name_Not_Found：2005/12/05(月) 03:08:28 ID:???

>>736
＞実装の問題ならキーワードでの指定はブラウザごとに著しく大きさの違いがあるし。

XHTMLなら
ほとんど違いないよ。

本当にWebやる気あるの？

738 ：Name_Not_Found：2005/12/05(月) 03:12:50 ID:???

「Webやる」について詳しく。

739 ：Name_Not_Found：2005/12/05(月) 03:55:56 ID:???

>>729
Osakaは""でかこまなくていいお

740 ：Name_Not_Found：2005/12/05(月) 04:15:01 ID:k09nRMEh

特定のブラウザだけに+αでCSSを適用させる方法は無いのでしょうか？
出来れば一つの.cssファイルで事済ませられると良いのですが
方法があれば教えてください、お願いします。

741 ：Name_Not_Found：2005/12/05(月) 04:21:16 ID:???

>>739
別に囲んでもいいだろ！ほっとけヴォケ

742 ：Name_Not_Found：2005/12/05(月) 04:34:39 ID:???

>>739
おそらくキーワードと区別を明確に付ける目的があるのだろう。
>>741
だが、興奮しすぎではないか。

743 ：Name_Not_Found：2005/12/05(月) 04:36:18 ID:???

>>740
CSS　ハックで検索すればいろいろ出てくる

注意：Googleで一番上に出てくるのは分かりづらい。
とりあえず、CSS本買えば一通り書いてあるよ。

744 ：728：2005/12/05(月) 08:12:35 ID:???

>>729、>>730
大変参考になりました。ありがとうございます。

745 ：Name_Not_Found：2005/12/05(月) 12:26:51 ID:???

>>740
他のブラウザと同じCSSファイルで済ませたいなら、743の言うとおりCSSハック。
だけどそれってバグを利用した裏技みたいなものなので、
JSやCGIを使ってCSSファイルを振り分けてやるのが普通かな。

746 ：Name_Not_Found：2005/12/05(月) 14:07:56 ID:???

IEだけならこれ使えるぞ
http://msdn.microsoft.com/library/default.asp?url=/workshop/author/dhtml/overview/ccomment_ovw.asp

とりあえずMozillaとOperaで見れるページを作って
IE用に別のファイルを用意するといいかも

747 ：Name_Not_Found：2005/12/05(月) 14:22:26 ID:???

コンディショナルコメントほどスマートじゃないものもないとオモ・・・
変更点が出たときにHTMLまで修正せなアカンてどうよ。

748 ：Name_Not_Found：2005/12/05(月) 14:59:16 ID:???

>>747
？？？



みたいに使うんよ。

749 ：Name_Not_Found：2005/12/05(月) 15:03:18 ID:???

>>745
あのさー。ここスタイルシート質問スレッドなんだけど。
CSSを振り分けるのもCSSで出来るでしょうに。
JSつかって複雑にしたり、CGIつかって重くしなきゃいけないんだよ、馬鹿かよ。

750 ：Name_Not_Found：2005/12/05(月) 15:15:12 ID:???

>>749
どうやるの？

751 ：Name_Not_Found：2005/12/05(月) 15:21:21 ID:???

749は知らないと思うよ
馬鹿だと思うし。

752 ：Name_Not_Found：2005/12/05(月) 15:39:45 ID:???

>>748
だからコンディショナルコメントの書式自体その他が変更になったらどーすんのっつってんの。
M$はそのくらい昔から平気でしてきたんんだぞ。
VBなんてもはや別物。

753 ：Name_Not_Found：2005/12/05(月) 15:41:41 ID:???

>>750
これ見て理解できないようなら、CSSやめちまえ馬鹿やろう！！

ttp://www.dithered.com/css_filters/css_only/index.php

754 ：Name_Not_Found：2005/12/05(月) 15:45:04 ID:???

>>749
>>749

755 ：Name_Not_Found：2005/12/05(月) 15:54:42 ID:???

>>753
その情報もう古くて使い物にならないよ。

756 ：Name_Not_Found：2005/12/05(月) 15:56:50 ID:???

>>755
しんちゃんですか？

757 ：Name_Not_Found：2005/12/05(月) 16:00:30 ID:???

おしーりふーりふーり

758 ：Name_Not_Found：2005/12/05(月) 16:19:14 ID:VWJm+EFU

>>753
そういう小手先のテクニックは、実に美しくない。

759 ：Name_Not_Found：2005/12/05(月) 16:20:03 ID:???

>>753
そっちのがよっぽどめんどくさいことになりそうな気がするんだが

760 ：Name_Not_Found：2005/12/05(月) 16:36:23 ID:???

もういいよ、CSS1のみで。

761 ：Name_Not_Found：2005/12/05(月) 16:37:29 ID:???

アホが多いな、それとも一人のアホが自演してるのか

762 ：Name_Not_Found：2005/12/05(月) 16:39:03 ID:???

>>752
将来コメントの書式一つ書き換えるのと（別にIE7で使えなくなるなんて話は聞いたことも無いが）、
cｓｓのファイルぐちゃぐちゃになるのとどっちが良いの？

まぁ、好きにしなよ。

763 ：Name_Not_Found：2005/12/05(月) 16:40:42 ID:???

>>762
横からだが、普通にCSSがぐちゃぐちゃになる方が良いよ

764 ：Name_Not_Found：2005/12/05(月) 16:41:39 ID:???

>>762
別にConditional使わなくてもぐちゃぐちゃにはならんだろ。
ハックだって使いようによっちゃぐちゃぐちゃにはならんし、要は書き方次第。
まーCGIで振り分けが一番いいとは思うけど。

765 ：Name_Not_Found：2005/12/05(月) 16:42:13 ID:???

HTMLとCSS、どっちがグチャグチャになるほうがイイかと言えばCSSのほうだな

766 ：Name_Not_Found：2005/12/05(月) 16:49:03 ID:???

>>764
今時CGIなんか使ったら、スペック良い鯖なら良いけどさくらとかだと重くてしょうがねーだろ。
だったらJSで分けた方が1000000倍良い。

767 ：Name_Not_Found：2005/12/05(月) 16:58:44 ID:???

>>752
少なくともIE5～6には使えるわけだからいいじゃん
7以降で変更されたら7用に別の方法を考える必要はあると思うけど
ていうかさ、それ言うならどの方法も問題あるだろ

768 ：Name_Not_Found：2005/12/05(月) 17:00:51 ID:???

スクリプトはいちばんよろしくない方法だろうに…

769 ：Name_Not_Found：2005/12/05(月) 17:07:58 ID:???

>>752
変わんねえよ、基地外。

770 ：Name_Not_Found：2005/12/05(月) 17:22:26 ID:???

>>766
JS切ってる香具師はどーすんの

771 ：Name_Not_Found：2005/12/05(月) 17:24:25 ID:???

>>767
コンディショナルコメントはM$独自。
その他のスクリプトはM$独自でない。
どっちが変わる可能性が高いかというか変えてきたイヤな実績があるかと言えば歴然。

772 ：Name_Not_Found：2005/12/05(月) 17:28:49 ID:???

IEだけに対応させるんだからM$独自でいいんじゃないか
なんか勘違いしてない？

773 ：Name_Not_Found：2005/12/05(月) 17:29:38 ID:???

>>770
そうなるとやっぱCSSで振り分けるのが一番良いな。
ただ、今時JS切ってるやるどうしようなんて気違いじみた事を考える必要ないと思う。

774 ：Name_Not_Found：2005/12/05(月) 17:31:37 ID:???

>>772
ん？大本は740だしょ？どこにIEだけという記述が？

775 ：Name_Not_Found：2005/12/05(月) 17:35:43 ID:???

IEの挙動が他のブラウザとあまりにも違いすぎるから
IE用のCSSファイルを追加するんだよ

>>746が
> IEだけなら
って書いてるのに>>747とか>>752がわけわからんこと書くから変な流れになったんだろう

776 ：Name_Not_Found：2005/12/05(月) 17:46:14 ID:???

<!--[if lte IE 6]>

こうすればIE6以下にだけ適用されるんだから
もしも今後IEが仕様変更したとしても問題ないでしょ

777 ：Name_Not_Found：2005/12/05(月) 17:50:49 ID:???

>>773
JS切るのなんて普通だっての

778 ：Name_Not_Found：2005/12/05(月) 17:55:12 ID:???

>>775
それってそもそも>>746がおかしいんジャマイカ
>>740がIEに適用させたいかどうかなんてわかりゃしないんだから
どのUAかわからないんなら答えとしてはハックかJavaScriptかCGIか
ってのが当たり前の応答だとオモ

779 ：Name_Not_Found：2005/12/05(月) 17:56:58 ID:???

かくて740は置き去りにされたまま・・・
出てこられない状態にしてるような希ガス。

780 ：Name_Not_Found：2005/12/05(月) 18:05:51 ID:???

CSSハックはブラウザごとの挙動の違いをうまく利用してるだけ
Conditional Commentsだってその挙動の違いの一つ
話題が出てくるのは当然だろう

781 ：Name_Not_Found：2005/12/05(月) 18:06:50 ID:VWJm+EFU

UserAgent で SetEnvIf して mod_rewrite。これ。

782 ：Name_Not_Found：2005/12/05(月) 18:08:44 ID:???

mod_rewriteできる鯖ってこの頃増えてきてんな

783 ：Name_Not_Found：2005/12/05(月) 18:10:04 ID:???

>>780
そこでIE*だけ*のを出したからおかしい。
よって746がおかしい。
終了。

784 ：Name_Not_Found：2005/12/05(月) 18:11:30 ID:???

近年稀に見る良い流れです、もっとやりなさい

785 ：Name_Not_Found：2005/12/05(月) 18:12:00 ID:???

それはともかくとして、やっぱりConditional CommentsもCSSハックも美しくない…orz

786 ：Name_Not_Found：2005/12/05(月) 18:12:16 ID:???

とりあえずJavaScriptだけはあり得ないから
ブラウザごとの見栄えを気にするような細かいやつが
ScriptOFFにしてるに対してはどうでもいいなんておかしい

787 ：Name_Not_Found：2005/12/05(月) 18:14:50 ID:???

見栄えを気にするような香具師だから
JS切ってるような香具師はどうでもいいんじゃないか？
本当に古いUAなんてどうでもよくないと叫ぶ香具師は
CSSの使用もしてないような希ガス。

788 ：Name_Not_Found：2005/12/05(月) 18:15:49 ID:???

>>783
お前がおかしいんだよ
ブラウザごとに適用させる方法を考えてるんだから
IEだけに適用させる方法やMozillaだけに適用させる方法を挙げるのが普通だろうが

789 ：Name_Not_Found：2005/12/05(月) 18:16:12 ID:???

>>740は「一つの.cssファイルで」と言ってるんだから
CSSハック以外にはあり得ないと思われ

790 ：Name_Not_Found：2005/12/05(月) 18:17:50 ID:???

出来れば
ね

791 ：Name_Not_Found：2005/12/05(月) 18:18:26 ID:???

そこでFlashですよ。

プラグイン入れてない奴？知らんがな。

792 ：Name_Not_Found：2005/12/05(月) 18:18:51 ID:???

>>788
だったらいっしょにMozzilaだけに適用させる方法も上げてあげればよかったのに(´・ω・｀)
一方的なことばかり言って一方的に他人をおかしい呼ばわりか・・・やれやれ

793 ：Name_Not_Found：2005/12/05(月) 18:19:29 ID:???

Flash最強伝説

794 ：Name_Not_Found：2005/12/05(月) 18:20:02 ID:???

>>792
Mozzila

795 ：Name_Not_Found：2005/12/05(月) 18:20:21 ID:???

Mozilla

796 ：Name_Not_Found：2005/12/05(月) 18:22:01 ID:???

>>740はブラウザごとにCSSを変える方法が
CSS標準のやり方で存在するかって訊いたんじゃないの？

いまのところはCSS以外のところで振り分けるしかないんだから
ここに出てきた方法のどれかを使うしかないよ

797 ：Name_Not_Found：2005/12/05(月) 18:22:52 ID:???

Mozzilaはおかしいだろ
やれやれ

798 ：Name_Not_Found：2005/12/05(月) 18:24:08 ID:???

いや、確かに>>792はおかしい人だよ。

799 ：Name_Not_Found：2005/12/05(月) 18:25:16 ID:???

おかしい呼ばわりを先に始めたのは>>783だと思われ。

800 ：Name_Not_Found：2005/12/05(月) 18:25:39 ID:???

自演乙

801 ：Name_Not_Found：2005/12/05(月) 18:26:29 ID:???

>>783=>>788=>>792

802 ：Name_Not_Found：2005/12/05(月) 18:27:58 ID:???

>>783のレスが一方的じゃないというなら
なんだというんだ

803 ：Name_Not_Found：2005/12/05(月) 18:27:58 ID:???

>>796
素朴な疑問。
CSS標準って何？

804 ：Name_Not_Found：2005/12/05(月) 18:29:06 ID:???

>>798=>>799=>>802なのか？
あふれ出す顔真っ赤感が…

805 ：Name_Not_Found：2005/12/05(月) 18:30:04 ID:???

おめーらMozzilaをバカにすんなよ。

806 ：Name_Not_Found：2005/12/05(月) 18:30:31 ID:???

そうだそうだゴジラをバカにすんな

807 ：Name_Not_Found：2005/12/05(月) 18:31:35 ID:???

モッジラと読むのかしら？

808 ：Name_Not_Found：2005/12/05(月) 18:32:32 ID:???

もっじ～ら

809 ：Name_Not_Found：2005/12/05(月) 18:33:10 ID:???

モジィーラ。

810 ：Name_Not_Found：2005/12/05(月) 18:34:08 ID:???

贋ブランドみたいな響きだな

811 ：Name_Not_Found：2005/12/05(月) 18:35:01 ID:???

>>788
IEだけに適用させる方法やMozillaだけに適用させる方法を挙げるのは普通だけど、
じゃあコンディショナルコメントだけを出したおまいは普通じゃないことになるのか？

812 ：Name_Not_Found：2005/12/05(月) 18:35:39 ID:???

携帯のオペラで見るとどうなんの

813 ：Name_Not_Found：2005/12/05(月) 18:36:09 ID:???

なにをいっとるんだおまいさんは

814 ：Name_Not_Found：2005/12/05(月) 18:36:24 ID:???

携帯持ってなさす(´；ω；｀)

815 ：Name_Not_Found：2005/12/05(月) 18:38:12 ID:???

携帯で見るとどうなるかプレビューできるソフトがあればいいよね
誰か作ってないのかな

816 ：Name_Not_Found：2005/12/05(月) 18:39:23 ID:???

>>815
昔あったけど、URI失念したな・・・差がしてみる

817 ：Name_Not_Found：2005/12/05(月) 18:41:30 ID:???

ﾜｸﾜｸ…

818 ：Name_Not_Found：2005/12/05(月) 18:41:56 ID:???

ttp://www.forest.impress.co.jp/lib/home/ktai/ktaiapp/openwavesdk.html
OpenWave？

819 ：Name_Not_Found：2005/12/05(月) 18:47:02 ID:???

かっこいい

820 ：Name_Not_Found：2005/12/05(月) 18:50:03 ID:???

ああ、それそれ

821 ：Name_Not_Found：2005/12/05(月) 18:51:02 ID:???

ダウソしました
Oペラよりファイルサイズでけーね

822 ：Name_Not_Found：2005/12/05(月) 18:56:03 ID:???

>>818
ありがとう
プレビューだけのソフトではなくて
開発用のソフトなのか

823 ：Name_Not_Found：2005/12/05(月) 19:01:11 ID:???

CSS のカスなようなセレクタじゃなく、XPath を使いたい。

824 ：Name_Not_Found：2005/12/05(月) 19:28:43 ID:???

>>823
勝手に使えよ

825 ：Name_Not_Found：2005/12/05(月) 19:43:30 ID:???

つうか、Firefox1.5があんだーすこあはっくなどに突き当たるたびに
JSコンソールを借りてCSSエラー吐きまくってるのを見てもまだ
あんだーすこあはっくなどが除WinIEのCSSパースを著しく阻害していることに
気付かないっつうのも痛いわな。
素直にHTMLコメント形式を使えば何の問題もないんだが。

826 ：Name_Not_Found：2005/12/05(月) 19:57:53 ID:u8iSxh2S

<ul><li><a>背景画像</a></li><li>背景画像</li>・・・</ul>で、
縦組みのナビゲーション作っているのですが、
win IE6では、画像の上下に隙間ができてしまいます。
対策をご存じの方、ご教授お願いします。

・<a></a>内にはdisplay:noneで<span>の中にテキストを入れてます。
・<ul><li><a>すべてにサイズ指定をしています。
・<a>はdisplay:block
・全然すき間が埋まらないので、すべてのmargin、paddingは0px指定

827 ：Name_Not_Found：2005/12/05(月) 20:02:35 ID:???

<ul></ul>部分全部とcss貼った方が早いよ

828 ：Name_Not_Found：2005/12/05(月) 20:06:55 ID:???

>>826
img{vertical-align:botttom;}
を追加

829 ：Name_Not_Found：2005/12/05(月) 20:07:58 ID:???

>>825
MSの独自仕様を「素直に」と思えるのも痛いよ

830 ：Name_Not_Found：2005/12/05(月) 20:33:16 ID:???

>>825
製作者が1.5で確認して、なお無視したとわかるお前様はエスパーですね。

831 ：Name_Not_Found：2005/12/05(月) 20:46:47 ID:???

>>825
>>825
>>825

832 ：826：2005/12/05(月) 20:50:36 ID:u8iSxh2S

>>827 >>858ありがとうございます。

CSS----------------------------
#menu{
list-style:none;
margin:0px;
padding:0px;
width:100px;
height:100px;
}
#menu li{
margin:0px;
padding:0px;
width:100px;
height:20px;
}

#menu a{
display:block;
border-width:0px;
margin:0px;
padding:0px;
}
#menu a span{
display:none;
}
a.navi01{
width:100px;
height:20px;
background-image:url(●●●.gif);
}

833 ：826：2005/12/05(月) 20:51:23 ID:u8iSxh2S

（つづき）
HTML----------------------------

<ul id="menu">
<li>
<a class="navi01" href="●●"><span>メニュー名</span></a>
</li>
・
・
・
</ul>

こんな感じです。

834 ：Name_Not_Found：2005/12/05(月) 20:58:40 ID:???

で>>828は試したのか？

835 ：Name_Not_Found：2005/12/05(月) 21:01:23 ID:???

>>832
ああ、それか。それだったらIEのバグだ。
/*#menu a span{
display:none;
}*/
a.navi01{
width:100px;
height:20px;
background-image:url(dot.png);
text-indent:-9999px;
}
spanはいらない。で、text-indentを追加。

>>834
828だが、それじゃなかったみたい。しょぼん。

836 ：Name_Not_Found：2005/12/05(月) 21:13:33 ID:???

body の background で背景画像を指定し、スタイルシートの方で

.box {
margin-top: 20%;
border-style: dotted;
border: 1px;
border-color: black;
margin-right: 62%;
background-color: white;
filter: alpha(opacity=30);
}

とボックス要素を半透明化して、ページ背景画像を透けて見えるように
したく色々試していますが、上手く行きません。

本文中では、

<div class="box">
なんたらかんたら
</div>

という風にしています。
正しい記述法はあるでしょうか、ご教示下さい。 m(_ _)m
ちなみにIE6を使っています。

837 ：Name_Not_Found：2005/12/05(月) 21:56:39 ID:???

>>836
根本を覆すようで悪いが、
「正しい記述法」と言うなら、
そもそもその「フィルタ」ってやつはCSSじゃないんだよ…

838 ：Name_Not_Found：2005/12/05(月) 22:30:52 ID:???

>>836
boxのバックに「1ドットごとに透明・白ドットを繰り返して作った」GIFを敷く

839 ：838：2005/12/05(月) 22:34:36 ID:???

こんなの
http://upload.fam.cx/cgi-bin/img-box/uq351205223355.gif

840 ：Name_Not_Found：2005/12/05(月) 22:40:19 ID:???

半透明PNGを敷く
とも言えないIEの駄目ダメさ加減…orz

841 ：Name_Not_Found：2005/12/05(月) 22:46:26 ID:???

>>837
filterはIEの拡張規格なんですね。たしかに正確にはCSSじゃないですね。

>>838-840
ありがとうございます。一度試してみます。

842 ：Name_Not_Found：2005/12/05(月) 23:31:06 ID:???

>>839
原始的だなｗ
まだこの技法？使ってる人居るのか

843 ：Name_Not_Found：2005/12/05(月) 23:34:27 ID:???

MSはpngは使えなくても使えない事情があるんだよ
そんなことも知らないのかここの住民は。

844 ：Name_Not_Found：2005/12/05(月) 23:35:52 ID:???

>>843
MacIEでは何で使えるの？

845 ：Name_Not_Found：2005/12/05(月) 23:36:54 ID:???

>>844
MacIEとWinIEは開発チームが違うんだよ

846 ：Name_Not_Found：2005/12/05(月) 23:37:25 ID:???

>>845
＞MSはpngは使えなくても使えない事情
とは、カンケーネーし

847 ：Name_Not_Found：2005/12/05(月) 23:37:56 ID:???

>>843
>MSはpngは使えなくても使えない事情があるんだよ

あるあるwwwwww ねーよwww

848 ：Name_Not_Found：2005/12/06(火) 00:13:00 ID:???

「使えなくても使えない事情」てどういう意味？

849 ：Name_Not_Found：2005/12/06(火) 00:15:24 ID:???

>>848
シェアでトップ取っちゃったし
ブラウザ部門では赤字出てるし
もう開発したくない
って理由

850 ：Name_Not_Found：2005/12/06(火) 00:23:53 ID:X9eAfnny

たいへん困っています、賢者の方、お力を貸してください。
ブログでCSSでリンクに文字色の指定をしました。
ただ、タイトルの文字のみ文字色を変えたいのです。
しかし、ブログの場合、タイトル文字もリンクになっているため、
＜FONT＞をつけても指定した文字色になってしまいます。
こういう場合、どうすればタイトル文字のみ色を変えられるのでしょうか？
よろしくお願いいたします。

851 ：Name_Not_Found：2005/12/06(火) 00:43:56 ID:???

>>850
a タグにクラス名を付ける

a.title:link {
color:red;
}
a.title:hover {
color:blue;
}

852 ：Name_Not_Found：2005/12/06(火) 00:51:21 ID:???

タイトルって大体h1だろ？
h1 a {
color: nullpo;
}

853 ：Name_Not_Found：2005/12/06(火) 01:16:11 ID:???

疲れた…
絶対テーブルよりも効率悪いわ。難しいな。

854 ：Name_Not_Found：2005/12/06(火) 01:18:13 ID:???

>>853
アホが来た

855 ：Name_Not_Found：2005/12/06(火) 01:25:22 ID:???

>>850
あのさ、質問の前に、テンプレ見て基礎の基礎から勉強してきたほうがいいよ・・・
そうすればすぐ解決するから

856 ：826：2005/12/06(火) 01:36:38 ID:HRxXwFr/

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

857 ：Name_Not_Found：2005/12/06(火) 02:40:58 ID:???

>>825
あい。あれ痛々しいですが、アンダースコアに頼りきりです。
その場しのぎの代償ってやつがそのうちくるでしょう。

858 ：850：2005/12/06(火) 03:35:19 ID:X9eAfnny

自力で解決したよ、ばーかｗ
下手にでりゃ調子こきやがって雑魚どもがｗ

859 ：Name_Not_Found：2005/12/06(火) 03:53:55 ID:???

また偽者か
ってアレ？

860 ：Name_Not_Found：2005/12/06(火) 03:58:42 ID:???

>>858
3時間もかかったのか、、、

861 ：Name_Not_Found：2005/12/06(火) 03:59:55 ID:???

これは痛いな･･･

862 ：Name_Not_Found：2005/12/06(火) 04:08:03 ID:???

＞下手にでりゃ調子こき
これには俺も同意。
誰しも通る道なのに見下して叩くこんな感じ↓の人間にはなりたくないと思う

859 名前：Name_Not_Found[sage] 投稿日：2005/12/06(火) 03:53:55 ID:???
また偽者か
ってアレ？

860 名前：Name_Not_Found[sage] 投稿日：2005/12/06(火) 03:58:42 ID:???
>>858
3時間もかかったのか、、、

861 名前：Name_Not_Found[sage] 投稿日：2005/12/06(火) 03:59:55 ID:???
これは痛いな･･･

恥ずかしいよねこの人たち

863 ：850：2005/12/06(火) 04:23:13 ID:X9eAfnny

C　超アホどもが
S　すっかり調子づいている
S　スレッド

864 ：Name_Not_Found：2005/12/06(火) 04:34:00 ID:???

スレッドにSはいただけないな。

865 ：Name_Not_Found：2005/12/06(火) 04:34:50 ID:???

結局わからなかった腹いせにこんな所で憂さを晴らすなんて、
かわいそう…

866 ：850：2005/12/06(火) 04:40:11 ID:X9eAfnny

>>865　おまえは文字読めんのか。ついでに空気も読め。な？

867 ：Name_Not_Found：2005/12/06(火) 04:43:56 ID:???

全部ID出したり消したりの自演だろ

868 ：Name_Not_Found：2005/12/06(火) 07:06:06 ID:???

調子こきやがってって、>>851はこんなに親切に
即レスしてあげてるのに

これだからブログ世代は

869 ：Name_Not_Found：2005/12/06(火) 07:13:36 ID:???

久々にワロタｗ

870 ：Name_Not_Found：2005/12/06(火) 11:37:01 ID:qMvJMCJV

<table width="200">
<tr>
<td style="width:100px">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</td>
<td style="width:100px">aaaaaa aaaaaaa</td>
</tr>
</table>

こんなようにすると、一つ目のフィールド aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
が指定した100pxを無視して改行しないように広がって表示されてしまうのですが、
なぜでしょうか？

二つ目のフィールドは途中に空白があるため、そこで改行されて100pxにおさまるようです。

例）

+-------------------------------------------------+--------+
|aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa|aaaaaa |
| | aaaaaaa |
+-------------------------------------------------+--------+

871 ：Name_Not_Found：2005/12/06(火) 11:37:32 ID:qMvJMCJV

↑　

例がくずれてしまった、スマソ

872 ：Name_Not_Found：2005/12/06(火) 11:40:56 ID:ZwFN07ko

>>870
＞なぜでしょうか？

それはね、キミが無職ニートで彼女いない歴＝年齢の童貞ｸｽﾞだからだよ。これで満足したかな？

873 ：Name_Not_Found：2005/12/06(火) 11:43:43 ID:???

>>872
自己紹介乙であります。

874 ：Name_Not_Found：2005/12/06(火) 11:44:41 ID:???

>>870
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa が一つの単語と解釈されるため

日本語で書いてご覧。

875 ：Name_Not_Found：2005/12/06(火) 12:06:11 ID:???

>>870
英語文化で、一単語は改行してはならないという規則がある。
今のUAは幅を超える一単語はハイフンを入れて改行できるほど賢くないorする仕様を由とはしない。
よってスペースのない半角英数の並びは幅を超えても改行されない。

876 ：Name_Not_Found：2005/12/06(火) 17:00:21 ID:???

>>870
ちなみに解決方法は overflow プロパティを適切に指定することだ。

877 ：Name_Not_Found：2005/12/06(火) 17:57:22 ID:nBEtMO5Y

CSSのborderですと、どうしても角ばったデザインになってしまいます。
丸角にしたいのですが、CSS2にはそういうプロパティや値はないようです。

そこで、何とか丸角にする方法を思い付きました。
1.img要素を使うが、これは見栄えなのでよろしくない。
2.余分なDIVを使うが、これも見栄えのためのDIVであって、さらにDIV厨。

これ以外に何か良い方法はありませんか？
多分画像を何とかするしかなさそうです……

878 ：Name_Not_Found：2005/12/06(火) 18:04:12 ID:???

どういう用途なのか分からない、横も縦も固定じゃなくて
伸ばしたり縮んだりした方が良いの？

879 ：Name_Not_Found：2005/12/06(火) 18:08:21 ID:???

>877
http://pc8.2ch.net/test/read.cgi/hp/1129127660/455
http://pc8.2ch.net/test/read.cgi/hp/1129127660/461

880 ：Name_Not_Found：2005/12/06(火) 18:16:35 ID:???

>>877

つRICO
http://openrico.org/rico/demos.page?demo=rico_corner

881 ：Name_Not_Found：2005/12/06(火) 18:59:27 ID:???

>>880
>>877 - 2.余分なDIVを使うが、これも見栄えのためのDIVであって、さらにDIV厨。
参考: http://pc8.2ch.net/test/read.cgi/hp/1129127660/461

882 ：Name_Not_Found：2005/12/06(火) 19:15:17 ID:???

>>879
>>881
落ちてるってばよ

883 ：Name_Not_Found：2005/12/06(火) 19:40:09 ID:???

ttp://www.akatsukinishisu.net/wiki.cgi?Nifty_Corners%A4%CB%B4%D8%A4%B9%A4%EB%B5%C4%CF%C0

884 ：Name_Not_Found：2005/12/06(火) 20:06:19 ID:???

>>883 参考になる(1)

・DIV使ってソース汚れても作業した感が心地良いよ派
・元データが汚れなければサーバサイドやらJavaScriptでDIV吐いて無理くり丸めても気にならないよ派
・そういう問題じゃないよ派（なんか他にないんか派）

理想は一番下
なんか他にないんか

885 ：Name_Not_Found：2005/12/06(火) 20:20:35 ID:???

Flash

886 ：Name_Not_Found：2005/12/06(火) 20:37:05 ID:???

>>877
CSSで角張ったデザインにしかならないのは単にセンスがないだけ。
ttp://www.csszengarden.com/tr/japanese/
ttp://www.cssreboot.com/

887 ：879：2005/12/06(火) 21:10:25 ID:???

>>882
あ、オチてたのネ。スマソ。
# やぱり（人から頼まれたりしてどうしても角丸使わざるを得ないとしたら）
自分ならADPの方法選ぶかな。

888 ：Name_Not_Found：2005/12/06(火) 21:23:57 ID:nBEtMO5Y

>>879
モリタポ使って見れました。
ここですね…
http://adp.daa.jp/archives/000424.html

>>886
DIV厨

889 ：Name_Not_Found：2005/12/06(火) 21:32:24 ID:???

人に厨って言える立場かよ

890 ：Name_Not_Found：2005/12/06(火) 21:40:23 ID:???

丸角もセンス悪

891 ：Name_Not_Found：2005/12/06(火) 22:11:20 ID:nBEtMO5Y

>>889
厨とは言ってません。
私の言葉が足りなかっただけでした…すみません。

892 ：Name_Not_Found：2005/12/06(火) 22:13:33 ID:???

div厨ってZenの事か？ありゃ多くのデザインに対応するため
ありえないほどぶちこんでるだけだよ

893 ：Name_Not_Found：2005/12/06(火) 22:14:00 ID:???

足りてなかったんじゃなくて、一言多かったんだよね＾＾；

894 ：Name_Not_Found：2005/12/06(火) 22:21:30 ID:???

>>891
888 Name_Not_Found 2005/12/06(火) 21:23:57 nBEtMO5Y
>>879
モリタポ使って見れました。
ここですね…
http://adp.daa.jp/archives/000424.html

>>886
DIV厨
　　~~~~

895 ：Name_Not_Found：2005/12/06(火) 22:30:37 ID:nBEtMO5Y

禅庭の事です。ただ、あれは見栄えのために必要の無い
DIVを使っているのでした。
丸角もアレなんでやめときます。

896 ：Name_Not_Found：2005/12/06(火) 22:31:24 ID:???

>>888
そこ酷いね

リキッドじゃないよ

897 ：Name_Not_Found：2005/12/06(火) 22:37:22 ID:???

禅庭貶すような奴が

質問スレで丸角にしたいって、ここは笑うとこですね

898 ：Name_Not_Found：2005/12/06(火) 22:42:04 ID:nBEtMO5Y

>>897
どうもです。

899 ：Name_Not_Found：2005/12/06(火) 22:45:33 ID:???

ID:nBEtMO5Yから
間違った知識を植え込んでる解説サイトの臭いがする

900 ：nBEtMO5Y：2005/12/06(火) 22:48:08 ID:???

>>899
解説サイトなんか持ってませんよ。

901 ：Name_Not_Found：2005/12/06(火) 22:50:31 ID:???

フォントサイズの大～小の差を少なくするにはどうすればいいんですか＞＜
固定文字はしたくありません＞＜

って言ってた人の臭いを感じたお

902 ：Name_Not_Found：2005/12/06(火) 22:52:00 ID:???

禅庭のソースはアレだろ
参考にはならないな
デザインの参考にはなるけどね

903 ：nBEtMO5Y：2005/12/06(火) 22:52:08 ID:???

>>899
なんだか怖くなってきました。
間違った知識を植え込んでいるサイトってのはコレですか？

http://adp.daa.jp/archives/000424.html
よく分かりませんが…

904 ：Name_Not_Found：2005/12/06(火) 23:03:38 ID:???

>>902
あれは多人数に対応するためだからアレだけど、
別にValidでStrictなままあの程度のデザインはできるしなぁ

905 ：Name_Not_Found：2005/12/06(火) 23:10:39 ID:???

そんなことよりも誰かぼくの質問に答えてください。

906 ：Name_Not_Found：2005/12/06(火) 23:12:23 ID:???

>>905
ああ、>>1さんね。

907 ：Name_Not_Found：2005/12/06(火) 23:13:42 ID:???

CSSXSSやばくね？
ttp://d.hatena.ne.jp/antipop/20051205/1133785029

908 ：Name_Not_Found：2005/12/06(火) 23:15:19 ID:???

IE使ってないしなぁ

909 ：Name_Not_Found：2005/12/06(火) 23:23:43 ID:???

>>902 >>904
"あれ"やら"アレ"やら、一体何が言いたいのやら。
これだからブログ厨は困ったもんだ。話にならん。

910 ：Name_Not_Found：2005/12/06(火) 23:26:45 ID:???

>>903
"角丸"で画像使っているんだからブラウザの窓を画像の幅より狭くすれば横スクロール出て当たり前。
（ADP: Web Design アーカイブを通して読めば分る事だけど）
リキッドデザイン云々でADPにケチつけるのは見当違い。

911 ：Name_Not_Found：2005/12/06(火) 23:27:02 ID:???

日本人はあれやらそれやらで通じる曖昧な言語をずっと愛してきたというのに、
近頃の人間は情緒がありませんねぇ・・・

912 ：Name_Not_Found：2005/12/06(火) 23:28:10 ID:???

「あれとって」で通じるような彼女が欲しい。

913 ：Name_Not_Found：2005/12/06(火) 23:36:26 ID:???

ブログ厨だと決めつけて、一体何が言いたいのやら。
そもそもブログ厨って何だ？話にならん。

914 ：Name_Not_Found：2005/12/06(火) 23:40:43 ID:???

「あれ買って」で通じるような彼氏が欲しい。

915 ：Name_Not_Found：2005/12/06(火) 23:52:59 ID:???

「アレがないの・・・」で青くなった俺がいる・・・

916 ：Name_Not_Found：2005/12/06(火) 23:57:29 ID:???

>>915
それは自業自得ｗ

917 ：Name_Not_Found：2005/12/07(水) 00:02:19 ID:???

そろそろ真面目に尻について語り合いませんか

918 ：Name_Not_Found：2005/12/07(水) 00:04:45 ID:???

「そこは駄目…」

919 ：Name_Not_Found：2005/12/07(水) 00:06:50 ID:???

女友達が言った名言。
「胸はさわっちゃ駄目、ないから！
腹はさわっちゃ駄目、あるから！」
さて、尻はあるべきかないべきか？

920 ：Name_Not_Found：2005/12/07(水) 00:08:17 ID:???

貧乳っていいよ
上から覗くと乳首見える事がよくあるから

921 ：Name_Not_Found：2005/12/07(水) 00:09:15 ID:???

貧乳の干しぶどうなんて見たか無い

922 ：Name_Not_Found：2005/12/07(水) 00:12:03 ID:???

貧乳はいいな。
でかいおっぱいは怖いお＾＾；

923 ：Name_Not_Found：2005/12/07(水) 00:14:40 ID:???

貧乳がタレたときほど悲惨な状態の乳は無い。

924 ：Name_Not_Found：2005/12/07(水) 00:41:17 ID:6rgFXfmA

質問ですが、MAC OS9のIE５で以下のCSSを
適応させた場合上のaは反映されるのですが、
下のbがまったく反映されません。
WINxpの　IE　firefox opera
MAC OS9の　NN　mozilla
ではab両方反映されるのですが、MAC IEで反映されない
のはなぜですか？

.a {
border-style: solid;
border-width: 1px 1px 1px 1px;
border-color: #000000;
background-color: #999999;
color: #FFFFFF;
padding: 2px 0px 2px 0px;
width: 200px;
}

.b {
border-style: solid;
border-width: 2px 2px 2px 2px;
border-color: #000000;
background-color: #999999;
color: #FFFFFF;
padding: 2px 0px 2px 0px;
width: 200px;
}

925 ：Name_Not_Found：2005/12/07(水) 00:43:16 ID:???

<optgroup label="hogehoge">の label によって表示される文字を装飾するのはどうすれば良いでしょうか。
ご教示ください

926 ：Name_Not_Found：2005/12/07(水) 01:48:24 ID:???

毎度スレッドを重ねても既出の質問が繰り返されるｗ
どうしてこうも質問者は>>1が読めないのだろうｗ

ぁあーテンプレしかいじれねー人たちの悪あがきってほんと醜いよーｗ
一度勉強したら済む話じゃなーい？ｗ

927 ：Name_Not_Found：2005/12/07(水) 07:57:36 ID:???

これまた痛いのが沸いたな

928 ：Name_Not_Found：2005/12/07(水) 11:31:12 ID:???

華麗にスルー

そうだ昼飯はカレーにするー

929 ：Name_Not_Found：2005/12/07(水) 11:46:39 ID:???

>>924
.a {
border-style: solid;
border-width:1px 1px 1px 1px;
border-color: #000000;
background-color: #999999;
color: #FFFFFF;
padding: 2px 0px 2px 0px;
width: 200px;
}

.b {
border-style: solid;
border-width: 2px 2px 2px 2px;
border-color: #000000;
background-color: #999999;
color: #FFFFFF;
padding: 2px 0px 2px 0px;
width: 200px;
}

こっち使ってみて。
なんか謎の文字が入ってる。

930 ：Name_Not_Found：2005/12/07(水) 12:10:38 ID:???

>>925
そのoitgroupに装飾を付ける

931 ：Name_Not_Found：2005/12/07(水) 18:21:21 ID:???

>>919
大きい＾＾；

932 ：Name_Not_Found：2005/12/07(水) 19:08:49 ID:ylD7uPDN

質問ですが、インラインで
a:hover { color: #000000; }
を指定するにはどのように書いたらよいでしょうか？

933 ：Name_Not_Found：2005/12/07(水) 19:10:27 ID:???

>>932
<p style="a:hover{color:#000};">932はあふぉ</p>

934 ：Name_Not_Found：2005/12/07(水) 19:18:07 ID:???

>>932
えーと・・・そのまんまでいいんだが。
A要素ってインライン要素だよ？

935 ：932：2005/12/07(水) 19:38:08 ID:???

こんなんとか
<a href='./hoge'' style='a:hover{color: #00FF00;}'>hoge</a>
こんなんでも
<p style='a:hover{color: #00FF00;}'><a href='./hoge' >hoge</a></p>
変化無いんですけど。

936 ：Name_Not_Found：2005/12/07(水) 19:42:07 ID:???

'→"

937 ：Name_Not_Found：2005/12/07(水) 19:44:13 ID:???

インラインで何迷ってるのだ？
むしろブロック要素ってどうやるの？って質問かとｵﾓﾀ

938 ：Name_Not_Found：2005/12/07(水) 19:49:33 ID:???

>>935
セレクタの意味わかってるか？
a:hover{プロパティ:値}の場合、セレクタ:疑似クラス{プロパティ:値}。
a{プロパティ:値}の場合、セレクタ{プロパティ:値}。
セレクタ style="プロパティ:値"は、セレクタ＝要素に直接記入のため、{}内以外は省略される。
つまりa:hoverという要素は存在しないため、style「属性」による指定はできない。
外部スタイルシートかstyle「要素」でa:hoverを指定してやるしかない。

939 ：932：2005/12/07(水) 19:59:10 ID:???

>>938
理解できました。
設計を考え直します。
ありがとうございました。

940 ：Name_Not_Found：2005/12/07(水) 20:24:40 ID:???

>>939
これを機に、全部外部CSSにするといいよ。
全HTMLで共通にできるから、容量の削減にもなるし、
何よりリニューアルがとても楽、HTMLを変えずにCSSの変更だけで済む。

941 ：Name_Not_Found：2005/12/07(水) 20:29:49 ID:???

というか、style属性使わないで外部CSSを使えば。

942 ：Name_Not_Found：2005/12/07(水) 20:31:19 ID:???

>>941
おまえ・・・流れ全く読んでないだろ

943 ：Name_Not_Found：2005/12/07(水) 20:34:50 ID:???

>>942
テヘヘヘ（* ＞＜）

944 ：Name_Not_Found：2005/12/07(水) 20:34:54 ID:???

でもさーたまに、急いでる時とかちょっと試したい時に
後で直そうと思いつつ、style="color:#fff;"とか書き込んでそのままにした事ない？

945 ：Name_Not_Found：2005/12/07(水) 20:41:06 ID:???

テーブル使わないで下の枠組みを作りたいんですがどうすればいいのでしょうか。
floatやclearなど自分なりにいじってみましたがどうも上手くいきません。
ご教授ください。

┏━┳━━━━┳━┓
┃ 　┃ 　　　　　 ┃ 　┃
┣━┫　　　　　　┃ 　┃
┃ 　┃　　　　　　┃　 ┃
┗━┻━━━━┻━┛

946 ：Name_Not_Found：2005/12/07(水) 20:41:21 ID:???

ないないないないｗｗ

947 ：Name_Not_Found：2005/12/07(水) 20:42:11 ID:???

>>945
それ、ゼロからテンプレよこせって言ってるようなものじゃん。
自分でどこまでやってどう駄目だったかくらい出せや・・・

948 ：Name_Not_Found：2005/12/07(水) 20:46:21 ID:???

CSS

949 ：Name_Not_Found：2005/12/07(水) 20:52:17 ID:???

>>944
あるある

950 ：Name_Not_Found：2005/12/07(水) 21:05:00 ID:???

>>950
そろそろ次スレヨロ

951 ：Name_Not_Found：2005/12/07(水) 21:06:10 ID:???

>>950
まかせたぞ

952 ：Name_Not_Found：2005/12/07(水) 21:07:38 ID:???

>>947
スタイルシート部分は以下のようになってます。

.set1{border-color:#cccccc;border-style:solid;border-width:1px;
width:150;height:500;background-color:#000000;color:#ffffff;
margin:0 2.5;float:left;}

.main{border-color:#cccccc;border-style:solid;border-width:1px;
width:500;height:500;background-color:#000000;color:#ffffff;
margin:0 2.5;font-weight:bold;float:}

.set2{border-color:#cccccc;border-style:solid;border-width:1px;
width:150;height:500;background-color:#000000;font-weight:bold;
color:#ffffff;margin:0 2.5;float:left;}

953 ：Name_Not_Found：2005/12/07(水) 21:08:27 ID:???

>>947
body部分は以下のように・・・

<body>
<div align="center">
<div class="set1">左</div>
<div class="main">真ん中</div>
<div class="set2">右</div>
</div>
</body>
</html>

954 ：Name_Not_Found：2005/12/07(水) 21:09:04 ID:???

>>950
次ぎスレ立てたいなら最初からそういえば良いのに

955 ：Name_Not_Found：2005/12/07(水) 21:12:19 ID:???

>>953
mainのfloat:で終わってる部分が激しく謎だがｗｗｗ
左側、二つブロック必要なんじゃないの？このまま3ブロックで直しちゃってもいい？

956 ：Name_Not_Found：2005/12/07(水) 21:15:50 ID:???

>>955

＞mainのfloat:で終わってる部分が激しく謎だがｗｗｗ
ｱｳ! leftが抜けてましたすいません。

出来ましたら左側2つブロックを積み上げて以下のようにお願いします。
┏━┳━━━━┳━┓
┃ 　┃ 　　　　　 ┃ 　┃
┣━┫　　　　　　┃ 　┃
┃ 　┃　　　　　　┃　 ┃
┗━┻━━━━┻━┛

957 ：：2005/12/07(水) 21:16:06 ID:???

CSSの質問かどうかは微妙だが CSSの問題かもしれないので
<form>
<p>abc<button>def</button>ghi</p>
</form>
というHTMLをOpera 8.51 (Win) で見ると
abcとdefの間が改行されてしまう
borderを付けて確認してみるとどうやら<button>の前で<p>が
閉じているかのように扱われているらしい（後ろのghiは匿名ブロック扱い？）
＃p button にスタイルを指定しても効果ナシ

1行で表示させる（abc def ghiのようにする）ためには
p { display: inline; } とする必要があるみたいだがこれって Opera のバグ？

・button { display: inline;} や button:before { content: ''; } も効果ナシ
・p ではなく div だと改行されない

958 ：Name_Not_Found：2005/12/07(水) 21:17:18 ID:???

>>957
ろくに見てなくてスマンが、もし検証してもらいたいんだったらバグスレッドのほうがいいかも。

959 ：Name_Not_Found：2005/12/07(水) 21:26:40 ID:???

>>956
連投規制に引っ掛かって遅くなりんした…。
widthやheightは単位なし禁止なんでpxにしちゃったけどヨカ？

.set1{border-color:#cccccc;border-style:solid;border-width:1px;
width:150px;height:500px;background-color:#000000;color:#ffffff;
margin:0 2.5;float:left;}

.main{border-color:#cccccc;border-style:solid;border-width:1px;
width:500px;height:500px;background-color:#000000;color:#ffffff;
margin:0 2.5;font-weight:bold;float:left;}

.set2{border-color:#cccccc;border-style:solid;border-width:1px;
width:150px;height:500px;background-color:#000000;font-weight:bold;
color:#ffffff;margin:0 2.5;float:left;}

<div align="center">
<div class="set1">
<div>左1</div>
<div>左2</div>
</div>
<div class="main">真ん中</div>
<div class="set2">右</div>
</div>

960 ：Name_Not_Found：2005/12/07(水) 21:47:37 ID:???

>>959
ｳﾎ！素晴らしいです。
非常に勉強になりました。ありがとうござます。

961 ：Name_Not_Found：2005/12/07(水) 21:48:54 ID:???

margin:0 2.5;

って、なに？

962 ：Name_Not_Found：2005/12/07(水) 21:52:05 ID:???

ぐぐれカレー

963 ：Name_Not_Found：2005/12/07(水) 21:52:13 ID:??? BE:171317838-

上から右回りに、0 2 5の余白
上0右2下5　ね。

964 ：Name_Not_Found：2005/12/07(水) 21:52:17 ID:???

>>959
ビチぐそみたいなソースやな

.set1{border:1px solid #ccc;
width:150px;height:500px;background-color:#000;color:#fff;
margin:0 2.5;float:left;}

.main{border:1px solid #ccc;
width:500px;height:500px;background-color:#000;color:#fff;
margin:0 2.5;font-weight:bold;float:left;}

.set2{border:1px solid #ccc;
width:150px;height:500px;background-color:#000;font-weight:bold;
color:#fff;margin:0 2.5;float:left;}

ぐらいにダイエットしたれや。
だから東京もんはいかん。

965 ：961：2005/12/07(水) 21:53:39 ID:???

>>963
間にピリオドって入れないよね普通
それとも、入れるのが普通？？＞賢明な皆様

966 ：Name_Not_Found：2005/12/07(水) 22:01:33 ID:???

>>963
間違ったこと教えるなｗｗ
上下に0、左右に2.5だｗｗ

因みに値が三つの場合でも違うぞ、上、左右、下の順だ。

967 ：Name_Not_Found：2005/12/07(水) 22:09:04 ID:???

>>966
わあ、ピリオド見えなかったorz
すまん>>961

968 ：Name_Not_Found：2005/12/07(水) 22:10:56 ID:???

969 ：Name_Not_Found：2005/12/07(水) 22:12:25 ID:TICurCM0

divに背景画像を指定してそのの中にdivをクラス付けして、スペースを作った所
クラス付けした方のdivの中にも新たに背景画像を貼付けようとします。
これって、俺の使い方が間違ってるんすかね？
どうもうまくいかないっす

970 ：Name_Not_Found：2005/12/07(水) 22:13:05 ID:???

>>969
日本語がよくわからないから、とりあえずソース貼り付けてごらん

971 ：Name_Not_Found：2005/12/07(水) 22:15:32 ID:TICurCM0

div{background-color:white;/*中枠*/
padding-left:20px;/*内側余白幅*/
padding-top:20px;/*内側余白幅*/
padding-right:20px;/*内側余白幅*/
background-image:url(clover.gif);/*背景画像（現在はクローバー）*/
background-repeat:no-repeat;/*画像の繰り返しを禁止*/
background-position:right top;/*画像の表示位置を右上に設定*/
}

.txt {border-width:1px;/*チュートリアル内で主にテキストを囲む範囲*/
border-style:dashed;/*ボーダーのスタイル*/
border-color:#444444;/*ボーダーの色*/
padding-left:10px;/*テキスト内余白*/
padding-top:10px;/*テキスト内余白*/
padding-right:10px;/*テキスト内余白*/
padding-bottom:10px:/*テキスト内余白*/
}
すまない、余り口は達者じゃないんだ。これでわかるかどうか、、、お願いします

972 ：Name_Not_Found：2005/12/07(水) 22:16:42 ID:???

>>971
HTMLは？

973 ：Name_Not_Found：2005/12/07(水) 22:17:12 ID:TICurCM0

で、.txtがdivの中のdivってわけです

974 ：Name_Not_Found：2005/12/07(水) 22:20:25 ID:TICurCM0

<body>
<div>
なんやらかんやら
<div class=text>
なんやらかんやら
</div>
</div>

あまりにもソースが膨大なのでコピー出来ないのですが、要約するとこうなります

975 ：Name_Not_Found：2005/12/07(水) 22:21:45 ID:???

>>973
あー、わかった。
それは当たり前だよ、.txtは上のdivの装飾プラス.txtなんだもん。
上の階層のdivにもclassでも付けてやって、div{}を.クラス名{}にすれば
.txtだけがclass="txt"に反映されるよ。

976 ：Name_Not_Found：2005/12/07(水) 22:28:47 ID:TICurCM0

おお、解決した！
ありがとう！勉強になりました。
上の装飾プラス.txtになるとは知りませんでした。
サンクス！

977 ：Name_Not_Found：2005/12/07(水) 22:35:59 ID:???

>>976
うーん、もちっと基本勉強したほうがいいかも。
CSSは汎用装飾→特殊装飾の順にトップダウンしていく仕組みだから、
divで指定した場合、全部のdivにその装飾がいくワケね。これが汎用。
で、その中から特殊なclassなりidなりに、更に修飾を足す、または上書きする。

978 ：Name_Not_Found：2005/12/07(水) 22:41:36 ID:???

floatで枠組みするとalign=centerが無効にならね？

979 ：Name_Not_Found：2005/12/07(水) 22:46:31 ID:???

>>978
当たり前です・・・floatを何だと思ってるんだ

980 ：Name_Not_Found：2005/12/07(水) 22:46:31 ID:TICurCM0

>>977
そうだね、ありがとう。こんな簡単な事でつっかかる用じゃ勉強が足りない様です。
そんな俺が作ってるページはジャバスクリプトのチュートリアルページ。
出直して来いって自分で思ったよ。OTL

981 ：Name_Not_Found：2005/12/07(水) 22:48:19 ID:???

プログラマの才能とデザイナの才能は別物だし、
CSSは慣れるまで若干の癖があるし、いいんじゃね？
JavaScriptだろうがC++だろうが、PGのサイトってレガシーなの多いし、
たぶんそんなに気にしてる人は多くないｗｗｗ

orz

982 ：Name_Not_Found：2005/12/07(水) 22:51:51 ID:???

すいません。OTLとかorzて何ですか？

983 ：Name_Not_Found：2005/12/07(水) 22:53:42 ID:???

>>982
ttp://www.media-k.co.jp/jiten/wiki.cgi?%A1%E3%C6%C9%A4%DF%CA%FD%C9%D4%BE%DC%A1%E4#i2

984 ：Name_Not_Found：2005/12/07(水) 23:16:27 ID:???

>>983
載ってねえ！！

985 ：次スレのテンプレ：2005/12/07(水) 23:18:47 ID:???

CSSに関する質問はこちらへどうぞ。 ※　議論はよそで　※

■■■■■　質問のしかた　■■■■■

●基礎は解説サイト（→【解説など】>>3-4）で勉強してください。
●質問の前に【FAQ】（>>5-9）を参照して、既出の再掲を避けて下さい。
●【FAQ】でもわからなかった場合、過去ログを検索すると載ってるかも。
　WinIEの場合は、[Ctrl+F]で検索できます。
●ブラウザによって対応していないプロパティーやバグがありますので、
　解説サイト（→【関連リンク】）の対応表や「CSSバグリスト」に目を通しておきませう。
●土台のHTMLが間違ってるとCSS指定も意図通りに効きません。
　正当(valid)なHTMLを心がけて下さい。validator（>>2）でチェックできます。

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

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

【まとめサイト】　http://web2ch.s31.xrea.com/?CSS
【FAQ】　http://web2ch.s31.xrea.com/?CSSFAQ
【過去ログ】　http://web2ch.s31.xrea.com/?CSSLog
【関連リンク】　http://web2ch.s31.xrea.com/?CSSRelated
【前スレッド】　http://pc8.2ch.net/test/read.cgi/hp/1132042666/

関聯リンクは>>2-15 あたり
【関連スレ】【仕様書】【CSS検証】>>2
【解説など】>>3-4
【FAQ】>>5-9

2005 年　12　月現在、もはやこのスレッドはブログ厨のすくつとなりますた。泣。

986 ：Name_Not_Found：2005/12/07(水) 23:19:01 ID:???

>>984
ハァ？

987 ：Name_Not_Found：2005/12/07(水) 23:20:12 ID:???

>>985=909なので、985のテンプレは使わないように

988 ：Name_Not_Found：2005/12/07(水) 23:27:44 ID:???

ぁあーしこりてー！！

989 ：Name_Not_Found：2005/12/08(木) 00:56:55 ID:???

やめとけ、死人が出るぞ

990 ：Name_Not_Found：2005/12/08(木) 17:20:04 ID:???

次スレ立つまで保守

991 ：Name_Not_Found：2005/12/08(木) 20:03:59 ID:???

>>990が次スレ立てるまで保守

992 ：990：2005/12/08(木) 22:21:41 ID:???

>>991
http://pc8.2ch.net/test/read.cgi/hp/1134048018/
建てますた。

993 ：Name_Not_Found：2005/12/08(木) 22:43:12 ID:???

>>992
乙

994 ：Name_Not_Found：2005/12/08(木) 22:43:47 ID:???

梅るぉ(＾ω＾ )

995 ：Name_Not_Found：2005/12/08(木) 22:44:30 ID:???

VIP

996 ：Name_Not_Found：2005/12/08(木) 22:45:46 ID:???

i wanna VIP☆STAR

997 ：Name_Not_Found：2005/12/08(木) 22:46:29 ID:???

390 名前：ぱくぱく名無しさん [sage] 投稿日：2005/12/04(日) 01:24:05 ID:YfU3XsPy0
メレンゲをがっつり立てるのに、いい道具は何でしょう？
バーミックスじゃ無理っぽいです。。。

ほぼメレンゲ専用道具になっても構いません。
ふわふわのチーズスフレが作りたひ。

396 名前：ぱくぱく名無しさん [sage] 投稿日：2005/12/04(日) 11:29:25 ID:YfU3XsPy0
>>391
レス＆リンクサンクス。だがたけえ(笑)
独身30男の買うもんじゃないな。
やっぱ筋肉か。

「いい体してますね。何かスポーツでも？」
「ええ、メレンゲを少々。」
　　　　　　∧∧
　　　　　(,,ﾟДﾟ),
　　γ⌒´‐　－　⌒ヽ
　　〉ﾝ､_ ｀{ _＿ /｀( 　）
　　＼´∧ﾐｷ）彡ﾉ（ヽ）
　　　　＼ﾉ~ﾐ~~~~.|　　 ||
　　　　　ﾉ　ﾚ´ 　 |　（||||）

「　　　　（　ﾟДﾟ）ﾊｧ?　　　　」

998 ：Name_Not_Found：2005/12/08(木) 22:50:49 ID:???

他所のネタを持ってくるのはどうかと思うな。

999 ：Name_Not_Found：2005/12/08(木) 22:57:16 ID:???

⊂ニニ(^ω^ )ニニニニ⊃

1000 ：Name_Not_Found：2005/12/08(木) 22:57:43 ID:???

完

1001 ：１００１：Over 1000 Thread

このスレッドは１０００を超えました。
もう書けないので、新しいスレッドを立ててくださいです。。。