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

/* CSS・スタイルシート質問スレッド【66th】at HP

/* CSS・スタイルシート質問スレッド【66th】 - 暇つぶし2ch357:Name_Not_Found
07/06/12 18:24:11
ボックスつくって、べた色塗ってその中に、テキストや画像を配置。
ボックスのＣＳＳで
filter : Alpha(opacity=60);
を使用。
テキスト、画像は透けさせたくないのだがボックス内容全てが透ける。
どしたらいいの？

358:Name_Not_Found
07/06/12 18:47:19
>>357
> filter : Alpha(opacity=60);
をかけてる中の要素は問答無用ですべて透過
つかｽﾚﾁｶﾞｲ

359:Name_Not_Found
07/06/12 18:48:52
レスサンクス。スレチガウ？

360:Name_Not_Found
07/06/12 19:44:56
ソース出すなら再現するソースを出してくれないとな。
何が問題なのかさっぱり分からない。

361:343
07/06/12 22:25:38
こんばんは。もう一度落ち着いて見直したところ、原因がわかりました。
外部スタイルシートを二つリンクしており、そのうちの一つで
p { font-size: 1em;}
となっていました。ずいぶん前に書いていたので忘れてました…。
さらにその設定があったとしても別のCLASS名で個別に文字サイズをしていすれば、
それを変更できるかと思っていた事によります。
外部ではなく直接<p style="font-size:3em;">と書いたものが有効なのは
反映の順位（？）によるものだったんですね。
こっちは反映するのにあっちは反映しないのは何故か悩みまくっていて…。

大変お騒がせしました。
CLASS名などをもう少し勉強します　orz

362:Name_Not_Found
07/06/12 23:17:09
ｷﾞｬﾌﾝ（＞＿＜）

363:Name_Not_Found
07/06/13 00:27:30 W7O3TiP5
<table>
<tr>
<td valign="top">★</td>
<td>テキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト
テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト
テキストテキストテキストテキストテキストテキストテキストテキスト</td>
</tr>
</table>

このようなタグをCSSで書きたいのですが、うまくいきません。

<div style="float:left; width:1em; height:3em;">★</div>テキストテキストテキストテキスト
テキストテキストテキストテキストテキストテキスト
テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト
テキストテキストテキストテキストテキストテキストテキストテキスト

このように強引に高さを指定して書くと、ページ幅を縮めたときに、任意の高さ（ここでは３行目）以降で回り込んでしまいます。
tableで書いたように、ずっと回り込ませないようにするにはどうすれば良いでしょうか？
ご教授お願いいたします。

364:Name_Not_Found
07/06/13 00:32:22
>>363
<dl>
<dt>★</dt>
<dd>テキスト～テキスト</dd>
</dl>

dt { float:left; width:1.5em; }
dd { margin-left:1.5em; }

365:363
07/06/13 00:42:41
>>364様
おおおお～！
ktkr!!!!
５時間掛かって分からなかったのが、瞬殺で解決しました！
やったー！
感謝の意を込めてお母さんと呼ばせてください！
ありがとうございました！

366:Name_Not_Found
07/06/13 00:43:28
>>364
なんで、それをCSSで書きたいんだろう。
テーブルレイアウトをやめてCSSで書くって事は、CSSでないと実現しにくい事だったり
メンテナンスのしやすさであったり、対応ブラウザを増やしたかったり、
何かしらの理由があるんだよね。

その二つの例を見る限り、変えたい理由がよくわからないな。

367:Name_Not_Found
07/06/13 01:14:35
>>364
emて

368:Name_Not_Found
07/06/13 01:17:08
こっちのほうがCOOLだぜ

<div style="float:left; width:1em;">★</div>
<p style="margin-left:1em;">
テキストテキストテキストテキストテキストテキストテキストテキスト
テキストテキストテキストテキストテキストテキストテキストテキスト
テキストテキストテキストテキストテキストテキストテキストテキスト
テキストテキストテキストテキストテキスト</p>

369:Name_Not_Found
07/06/13 01:40:53
お前らアフォか

これだろ普通

<p style="text-indent:-1em; padding-left:1em; margin:0;">
※テキストテキストテキストテキストテキストテキストテキストテキストテキスト
テキストテキストテキストテキストテキストテキストテキストテキストテキスト
テキストテキストテキストテキストテキストテキストテキストテキストテキスト
テキストテキスト</p>

370:Name_Not_Found
07/06/13 02:08:45
★を直接書くのは、いかがなものか。

.notes {padding-left: 1em; text-indent: -1em;}
.notes:before {content: "★";}
<p class="notes">テキスト！テキスト！テキスト！テキスト！</p>

まぁ、IEのことを考えると★は画像にして背景かな。

371:Name_Not_Found
07/06/13 02:15:38 MMOshpBu
凄いっ！凄いぞ>>364

372:Name_Not_Found
07/06/13 03:34:21
なにこの低ラベル

373:Name_Not_Found
07/06/13 10:13:54 og7W0+hf
お尋ねします。htmlは標準モード、ＩＥ6とFirefox1.5ですが
↓の指定だと、指定していないのにfont-weightがボールドになるんですが
h1{font-family: "Times New Roman", Times, serif;font-size:500%;}
一括指定だとノーマルのままです。
h1{font:500% "Times New Roman", Times, serif;}
何故なのか分かる方お願いします。

374:Name_Not_Found
07/06/13 10:44:39 D3KuO3kM
>>373
URLﾘﾝｸ(www.y-adagio.com)

375:373
07/06/13 11:11:14
>>374
一括指定は初期値をリセット（個別指定だと初期値を継承）するんですね。
どうもありがとうございました。

376:Name_Not_Found
07/06/14 03:06:15
<div style="width:600px;">
<div style="width:200px; FLOAT: left;">
<ul><li><a href=".html">aaa</a></li></ul>
<ul><li><a href=".html">aaa</a></li></ul>
<ul><li><a href=".html">aaa</a></li></ul>
</div>
<div style="width:200px; FLOAT: right;">
<ul><li><a href=".html">bbb</a></li></ul>
<ul><li><a href=".html">bbb</a></li></ul>
<ul><li><a href=".html">bbb</a></li></ul>
</div>
</div>

現在上のようなレイアウトなのですが、aリストとbリストでそれぞれにdivを使わずに、
一つのdivの中でaリストとbリストで2列にすることは可能でしょうか？

ulにfloatを指定したりして試行錯誤した結果、IEでは思い通りに表示されたものの、
firefox等ではレイアウトが崩れてしまいました。
何か良い方法は御座いませんでしょうか？宜しくお願い致します。

※実際には勿論外部スタイルシートを使っており、各リストも一つではありません。

377:Name_Not_Found
07/06/14 04:16:00
>>376
・・・・・・・・・・・・・CSSの前に
HTMLでリストの勉強をしてきてください・・・・・・・・・・・・

378:Name_Not_Found
07/06/14 10:00:32
どこでどう覚えると>376のようなソースになるんだろ ?

379:Name_Not_Found
07/06/14 10:15:57
<div style="width:600px;">
<ul style="width:200px; FLOAT: left;">
<li><a href=".html">aaa</a></li>
<li><a href=".html">aaa</a></li>
<li><a href=".html">aaa</a></li>
</ul>
<ul style="width:200px; FLOAT: right;">
<li><a href=".html">bbb</a></li>
<li><a href=".html">bbb</a></li>
</ul>
</div>

次の要素でfloat:clear

380:Name_Not_Found
07/06/14 10:17:54
×float:clear
○clear:both

381:Name_Not_Found
07/06/14 10:25:48
* {
margin: 0; padding: 0;
}
ul.column {
list-style: none; width: 400px;
}
ul.column li {
display: block; width: 200px; float: left;
}
ul.column li ul {
margin-left: 2em; list-style: disc;
}
ul.column li ul li {
display: list-item; float: none; width: auto;
}

<ul class="column">
<li>
<ul>
<li><a href=".html">aaa</a></li>
<li><a href=".html">aaa</a></li>
<li><a href=".html">aaa</a></li>
</ul>
</li>
<li>
<ul>
<li><a href=".html">bbb</a></li>
<li><a href=".html">bbb</a></li>
<li><a href=".html">bbb</a></li>
</ul>
</li>
</ul>

382:Name_Not_Found
07/06/14 10:30:42
幅足りないやん

383:Name_Not_Found
07/06/14 12:59:34
>>382
君、関西人じゃないでそ

384:Name_Not_Found
07/06/14 13:16:35
そうんなことないんやでぇ
バリバリの関西人なんやで

385:Name_Not_Found
07/06/14 13:25:14
日本中で関西弁使うのは大阪人だけだ

386:Name_Not_Found
07/06/14 13:52:43
olではできないかな？

1. aaa 　　 4. bbb 　　 7. ccc
2. aaa 　　 5. bbb 　　 8. ccc
3. aaa 　　 6. bbb 　　 9. ccc 　　こんな感じに。

387:Name_Not_Found
07/06/14 14:19:27
>>386
できない。
よくそういうのWikipediaで見かけるけどtableで組んでる

388:Name_Not_Found
07/06/14 18:41:27
>>386
非推奨のstart属性使えば？
XSLT使えば可能なんだろうけど、あまり詳しくないから他の人お願い。

389:Name_Not_Found
07/06/14 20:14:33
表は表で。

390:Name_Not_Found
07/06/14 22:44:23
そうだ表は表でいいんだぞ

391:Name_Not_Found
07/06/15 12:01:29
そうだそうだ

392:Name_Not_Found
07/06/15 12:34:46 yQ0YRAeI
>>385
それどんな思い込みやねんｗ

MdNのプロとして恥ずかしくないＣＳＳの大原則読んでるんやけど
難しすぎて気が狂いそうになる…
ここにいる人達はほとんどこれくらいのレベル？

393:Name_Not_Found
07/06/15 12:46:37
>>392
むしろMDNは間違いだらけなんでやめとけ・・・

394:Name_Not_Found
07/06/15 13:44:04 yQ0YRAeI
>>393
マジかよ…
なんか良い書籍あります？

395:Name_Not_Found
07/06/15 13:55:12
2ch系列のスレとか派生スレとか、結構勉強になると思う。
WEBにはわんさか良い情報があるぞ。

396:Name_Not_Found
07/06/15 13:58:16
>>394
どういうレベルのものを欲してるんだかわからないんだが
URLﾘﾝｸ(hp.vector.co.jp)
URLﾘﾝｸ(mynotes.jp)
書籍だと神崎たんが出してたような。

397:Name_Not_Found
07/06/15 14:45:11
>>392
ちょっと古いなw
あの本は俺も持ってるけど上辺のデザイン優先だからやめといたほうがいいぞ。
まあ専門が専門だから仕方ないかもしれないがな。
それにしてもあの程度で難しすぎるってw

Webで勉強したいなら神崎さんのところを紹介しておくのが無難か。
URLﾘﾝｸ(www.kanzaki.com)

書籍だと「Web標準の教科書」とか。ただ初心者には難しいかもしれないから
一通り学べる入門書を読んでからの方がいいかもしれん。

398:392
07/06/15 15:32:27
みなさんレスありがとうございます。
みなさん優しくてちょっと感動したｗ

うーん、一応パソコンスクール（笑）通ってＣＳＳの勉強してたんですけど
正直基本以下でした…
要素などはけっこう覚えたんですけど
ここでコレ使ったらもっとデザイン性がよくなるっていうアイディア
みたいなモノが全く出てこないんですよね…

だから作るサイトも質素で
初心者丸出しのサイトばっかしです…
もしかして向いてないのかな…ｗ
みなさんのを参考にもっと勉強します。

399:Name_Not_Found
07/06/15 15:58:07
要素があってデザインがあるんじゃなくて、
デザインがあってからそれをCSSで実現するのが基本。
そりゃ要素覚えてデザインがどうこうなる訳ないのは当たり前だｗ
根本的なところから勘違いしてるぞ。

400:Name_Not_Found
07/06/15 16:04:18
>>398
逆じゃね？
こんな表現がしたいけど、CSSではどうするのか。
で、調べないか？

401:Name_Not_Found
07/06/15 16:09:54
デザインなんてユーザースタイルシート使ってる人にとっては迷惑

402:392
07/06/15 17:24:15
そうなんですか、勉強になります。
いろんなサイト研究してデザインの視野を拡げたいと思います。
親切にありがとうございます。
初歩的な質問でスレ汚してしまってすいませんでしたｗ

403:Name_Not_Found
07/06/15 17:38:53
作りたいデザインが出てこないなら向いてないよ

404:Name_Not_Found
07/06/15 17:47:30
デザインの勉強をしたいのならそれこそMdNでも読んだ方がいいな。
同じシリーズに「プロとして恥ずかしくないWEBデザインの大原則」ってのがあるから、
それでも買って読めばいいと思われる。
ただしそれとは別にhtmlとCSSの正確な知識を勉強した方がいいのは勿論だけど。

405:392
07/06/15 18:00:02
レスどうもです。
「プロとして～」は読みました。
htmlとcssの基礎はもう余裕だと思ってたのでけっこう衝撃でした…ｗ
あの雑誌に載ってたサイトはどれもデザイン性高くて
凝ったサイトですよね。プロの方はあのようなサイト作ってるんやと
思ったらちょっと腰が引けました…
向いてない…キツイ言葉ですｗ

みなさんはＣＳＳの要素は全部頭に入ってるのですか？？
それともデザインを先に考えてから
要素を調べたりしますか？？

406:Name_Not_Found
07/06/15 18:04:26
もう十分だろ・・

407:392
07/06/15 18:30:14
>>406
そうくると思ってましたｗ
もう質問やめときます。失礼しました。

408:Name_Not_Found
07/06/15 18:43:08
>>407,>>392
じゃあ聞くな。性格悪っ。

409:Name_Not_Found
07/06/15 19:00:14
＞性格悪っ。
＞性格悪っ。
＞性格悪っ。

410:Name_Not_Found
07/06/15 19:34:25
>>405
俺の個人的な話だけど大体の要素は頭に入ってるけど、
ごくたまにしか使わないようなものはそのつど調べたりもしてる。
まあこんな要素がある程度ならほぼ全部頭に入ってるけど。
初心者の家は一覧表とにらめっこしながらつくってもいいと思うぞ。
あと、上達する秘訣は試行錯誤と他のサイトからいい意味で盗む事だ。
がんばれ。

411:Name_Not_Found
07/06/15 20:42:12
そしてパクリサイトとして紹介されるんですね！

412:Name_Not_Found
07/06/15 20:50:32
何がパクリになるのかよくワカラン

413:Name_Not_Found
07/06/15 22:34:27
「ＣＳＳの要素」って言ってる時点で何か違う

414:Name_Not_Found
07/06/15 23:32:07
Element of CSS

415:Name_Not_Found
07/06/15 23:32:08
上昇志向があるのは（･∀･）ｲｲことだうんうん

416:Name_Not_Found
07/06/16 14:35:24 8SAzpGQX
htmlに
A→B→C→D→Eの順で記述しています

URLﾘﾝｸ(www.uploda.org)
このように並べたいのですが、Dの部分どのようにすればいいのでしょうか？

417:Name_Not_Found
07/06/16 14:43:17
グロ貼んなボケ

418:Name_Not_Found
07/06/16 14:53:44
b ,c {float:left;}
d {position:absolute;top:0;left:Aの幅;}

419:Name_Not_Found
07/06/16 15:05:56
>>418
できました！
ありがとうございました
>>417
画像での説明すみませんでした

420:Name_Not_Found
07/06/16 15:44:24
>>418
それはないわ

421:Name_Not_Found
07/06/16 17:26:36
absolute指定はあんまりオススメできないような…

422:Name_Not_Found
07/06/16 17:51:44
まあ、どうせIEでしか見てないんだし、意味もわからずfloatなんだから。

423:Name_Not_Found
07/06/16 18:14:07
float 使うなら、width も一緒に指定してね

424:Name_Not_Found
07/06/16 20:05:53
最近、回答するほうのレペルが低くすぎやしねぇかぁ ?

425:Name_Not_Found
07/06/16 20:19:10
テンプレも読んでいないバカ質問者に真面目な回答しても質問者は理解出来ない
その場しのぎの回答を期待してる奴に基礎を勉強しろと言っても疲れるだけ

426:Name_Not_Found
07/06/16 22:15:43
h2:first-letter {
color: red;
}
これで
IEだと一文字目が赤くならないのですが、なぜでしょうか？

427:Name_Not_Found
07/06/16 22:18:54
>>426です、じこかいけつしました

428:Name_Not_Found
07/06/16 22:29:05
>>426
3分で解決することをいちいち聞いたのか?お前は

429:Name_Not_Found
07/06/17 01:50:30 nKAkvcd5
<div style="background-color:#999;">
　<div style="height:100px;">ヘッダー</div>
　<div style="height:500px;">内容</div>
</div>

この時、背景色がブラウザの下部分まで続かずに、heightの600pxの所で切れるんですけど
ブラウザの下方まで背景色を続かせる方法はないでしょうか？
heightを伸ばす手も有るけどそれだとスクロールバーが出てしまうので・・・

430:Name_Not_Found
07/06/17 01:54:11
100%を使え。
但し親要素との関係に気を付けて調べろよ。

431:Name_Not_Found
07/06/17 02:47:39 nKAkvcd5
>>430
ありがとうございます！親要素を100%にすればよかったんですね

432:Name_Not_Found
07/06/17 14:27:33
CSS:
ul{list-style-type:none; width:250px; border:solid #f00 1px;}
li{font-size:80%; width:100px; float:left; margin:3px;}
li.last{float:none;}

HTML:
<ul>
<li>リスト</li><li>リスト</li><li>リスト</li><li>リスト</li>
<li class="last">リスト</li>
</ul>
<p>下の段</p>

リストを二～三列ずつ並べたくて、liにfloatを使ったのですが、
下の段の要素が回り込まないように最後のliにfloat解除の指定をすると、
そのli要素のスタイルが変になってしまいます。
特に、Firefoxで見ると、ulの幅を超えて右側に置かれてしまいます。

事情により（二段カラムに内包されているので）下の段にclear:leftを使うことができない、
という前提で、うまく複数の列になるリストを作るにはどうしたらよいでしょうか？

433:Name_Not_Found
07/06/17 14:47:02
ulをclearすりゃいいんじゃね

434:Name_Not_Found
07/06/17 15:47:03 Jr8XQJ1Z
IE6のスタイルシートの事で質問させてださい

yahoo検索のページだけ文字のサイズが変ってしまうのです
例えば
URLﾘﾝｸ(search.yahoo.co.jp)
こういうyahoo検索アドレスのページだけサイズを変えるというCSSの記述を教えてくれませんでしょうか？

現在

#yschweb .ttl,
#yschweb .yschabstr
{
font-size: small !important;
}

この記述をしてるのですが本文のみで、それ以外のフォントサイズは元のままになっています
ページ全てのフォントサイズを変える記述をよろしくお願いします

435:Name_Not_Found
07/06/17 18:02:31
ユーザースタイルシートでってこと？
こういうのは他サイトとかぶらない名前のidかclassが振られていないとどうしようもないから、
オミトロン等と併用するのがいいんだけど。
でもまあ、こんな感じか
div#ygunav, div#ygma, div#yschinfo, div#yschres, div#yschpg, div#yschssbxl, div#yschft {
font-size: small!important;
}

436:434
07/06/17 19:16:35
>>435
おお！　全て元に戻りました！
どうもありがとうございました！

437:Name_Not_Found
07/06/18 00:21:48 Enb8uXUL
フォントサイズを10ptで太字にしたいのですが
<P STYLE="font-weight: bold font-size: 10pt;">って書くと太字になりません。
bold以降を消すと太字になるんですがどうすれば良いのでしょうか？

438:Name_Not_Found
07/06/18 00:24:59
1. CSSを基礎から勉強しなおす
2. CSS Validatorを使う

439:Name_Not_Found
07/06/18 00:51:18
<style type="text/css">

</style>

<span class="style1">10ptだっちゃ</span>

これでいいじゃん

440:Name_Not_Found
07/06/18 01:03:58
アホだ

441:Name_Not_Found
07/06/18 01:26:29
>>440
なにがどう駄目なのかを提示しない奴ほど、
仕事が出来ない
って言うか、誰からも必要とされてない

442:Name_Not_Found
07/06/18 01:55:57
>>441
いやいくらなんでも>>439はアホだ

443:Name_Not_Found
07/06/18 02:00:08
<P STYLE="font-weight: bold font-size: 10pt;">って書くと太字になりません。
<P STYLE="font-weight: bold【】font-size: 10pt;">って書くと太字になりません。

444:Name_Not_Found
07/06/18 02:04:59
<P STYLE="font-weight: bold font-size: 10pt;">って書くと太字になりません。</p>

<P STYLE="font-weight: bold; font-size: 10pt;">って書くと太字になります。</p>

445:Name_Not_Found
07/06/18 02:17:45
>>442
初心者だからか、何故駄目なのか分からん
教えてください

446:Name_Not_Found
07/06/18 02:31:17
>>445
釣られてみますが、
>>444を見てもわかりませんか？もっと地道に勉強してから回答して下さい。

447:Name_Not_Found
07/06/18 02:51:26
>>446
いやいや
;の区切りは分かるよ
>>439の何が駄目なのかが分からん
何度も10ptで太字にするなら、>>439の方がいいと思うんだけど

448:Name_Not_Found
07/06/18 02:53:42
ﾀﾞﾒﾀﾞｺﾘｬ

449:Name_Not_Found
07/06/18 03:29:37
いやだから、なにがどう駄目なんよ？
>>441じゃないが、それを指摘してよ

450:Name_Not_Found
07/06/18 03:56:21
　必　死　だ　な

451:Name_Not_Found
07/06/18 04:13:20
だって質問スレでしょ？
教えてくださいよ

452:Name_Not_Found
07/06/18 04:27:49
>>447
無駄に煽ってる人とは別人だけど、こんなところでしょう。

・>>437の誤りを放置して、何故か全く違う回答。
・例とは言えstyle1ってどうなんだ。
・そもそも>>437はpのスタイルを指定しているのに何でspanなのか。

＞何度も10ptで太字にするなら、>>439の方がいいと思うんだけど
見た目をクラス化するのは、あまり良くない。
HTML的に駄目なのは勿論のこと、
見た目を変えたい時にHTMLを片っ端から直さなければならないんじゃ、
CSSを分離する意味があまりない。
多分、>>439も見た目を割り振るって考え方からspanにしたんだろうけど。

453:Name_Not_Found
07/06/18 05:54:11
つか10pxは10ptじゃない

454:Name_Not_Found
07/06/18 06:00:06
styleにっているのけ？
javascript非対応の携帯ではコメント扱いにして表示されないようにするけど、
head部分でしかもstyleだからな。
そんな事したことないけどなんか意味があるん？

455:Name_Not_Found
07/06/18 06:15:53
>>454
＞javascript非対応の携帯
なんの話しをしてるんだ？
javascriptのなにが関係あるんだ？

456:Name_Not_Found
07/06/18 06:46:44
この事いってるのかはわからんが、script部分がそのまま表示されるUAがあった気がする

457:Name_Not_Found
07/06/18 07:03:45
>>437

ｂ　ｏ　ｌ　ｄ　；　ｆ　ｏ　ｎ　ｔ　－　ｓ　ｉ　ｚ　ｅ　：
　　　　　　　↑
　　　　　抜けてるよ

458:Name_Not_Found
07/06/18 08:09:08
>>454
古いブラウザ対策。HTML限定。

>>457
笑えもしない。

459:Name_Not_Found
07/06/18 08:09:30
なんだ？このバカどもは？！

460:Name_Not_Found
07/06/18 09:33:02
424 Name_Not_Found [sage] Date:2007/06/16(土) 20:05:53 　ID:??? Be:
　　最近、回答するほうのレペルが低くすぎやしねぇかぁ ?

461:Name_Not_Found
07/06/18 13:26:26
スレが間違ってますよ。
ｽﾚﾘﾝｸ(hp板)へ行ってください。

462:Name_Not_Found
07/06/18 18:24:21 nwo4CyFR

<script type="text/javascript"></script>

このフラッシュ消したいんですがユーザースタイルシートで何とかなりませんか？

463:Name_Not_Found
07/06/18 18:51:43
>>462
#flvplayer_container {display:none;}

464:Name_Not_Found
07/06/18 18:56:56
はぁぁああああ？？？？！！！！？？？？？

465:462
07/06/18 18:58:06 nwo4CyFR
>>463
すみません、他のフラッシュも全部消えてしまいました。
>>462の部分のフラッシュだけ消すという事はできませんでしょうか？

466:Name_Not_Found
07/06/18 18:58:29
ひぃぃいいいい？？？？！！！！？？？？？

467:Name_Not_Found
07/06/18 19:08:56
ﾜﾛｽ

468:Name_Not_Found
07/06/18 19:10:29
間違いなくサイトがvalidでないと考えられる。

469:Name_Not_Found
07/06/18 19:10:32
そういうのはオミトロンでやった方が楽

470:Name_Not_Found
07/06/18 19:14:31
そういうのはお富さんに頼んだ方が楽

471:462
07/06/18 19:19:42 nwo4CyFR
>>468
validという形式でないと無理なんですか？

>>469
オミトロンを使うと激重になってしまうんです

472:Name_Not_Found
07/06/18 19:31:27
PC板じゃねーぞ。

473:Name_Not_Found
07/06/18 20:17:54
そういうのはオロナミンＣを飲む

474:Name_Not_Found
07/06/18 21:10:36
#473 {display:none;}

475:Name_Not_Found
07/06/18 21:18:59
>>474
死ねよ

476:Name_Not_Found
07/06/18 21:20:17
なにこの流れ

477:Name_Not_Found
07/06/18 21:21:00
>>474
どうなるの？

478:Name_Not_Found
07/06/18 21:21:36
#475 {position:absolute;left:9999;top:9999;}

479:Name_Not_Found
07/06/18 21:43:39
隠しテキストはスパムです

480:Name_Not_Found
07/06/18 21:44:49
>>478
ほらやっぱり低レベル。
どうしようもないね。

481:Name_Not_Found
07/06/18 22:00:40
ID名の先頭に数字使っちゃだめ

482:Name_Not_Found
07/06/18 22:12:24
そういう問題なのか

483:Name_Not_Found
07/06/18 22:16:18
html {maziresu:kakoii;}

484:Name_Not_Found
07/06/18 23:43:43
そもそもオミトロンで弄って重くなるわけねぇｗ

485:Name_Not_Found
07/06/19 10:45:22
>>432ですが、どなたか見ていただけないでしょうか。
<li class="last">リスト</li>が、フロートを解除するだけなのになぜそのような配置になるのかが
わからないのです。

>>433の方法は結局h3にclearを指定するのと同じで、使えない解法です。
どなたかよろしくお願いします。

486:Name_Not_Found
07/06/19 10:59:12
>フロートを解除するだけ
フロートの解除を間違って覚えてる。
URLﾘﾝｸ(hp.vector.co.jp)

487:Name_Not_Found
07/06/19 11:03:59
>>485
ulでlastとはこれいかにｗ

488:Name_Not_Found
07/06/19 11:32:51
>>486
そこのサイトキモいから貼らないでくれ

489:Name_Not_Found
07/06/19 11:41:30
ヤダ

490:Name_Not_Found
07/06/19 15:28:30
アキコ

491:Name_Not_Found
07/06/19 16:09:38
>>488
自國の傳統・文化・歴史を貶めて嘸愉しからう。
無智でゐれば勉強しないで濟んで嘸幸せだらう。
眞鍋かをりの名をみるたび蔑んでゐれば好いさ。

492:Name_Not_Found
07/06/19 17:25:14
>>491
きめぇ

493:Name_Not_Found
07/06/19 19:42:32
また現れたのかこいつ

494:Name_Not_Found
07/06/19 19:49:44
>>485
h3という話題はいったいどこから出てきたんだ？

495:Name_Not_Found
07/06/20 00:21:02
MacIE5でCSSレイアウトしてる初心者です。
納期にあまり時間がないのである程度一気にいじって確認を繰り返してたら
いきなりレイアウトが崩れてしまいますた。
2カラムのレイアウトで最初は綺麗に表示されてたんだけど
いきなり左右に800pxくらいの空白ができてしまった（センター寄せっぽく等幅に）
本体のレイアウト自体は崩れて無くて、左右のスペースだけが空いてる状態。
Win火狐では普通に見えてます。
どなたかこの症状に心当たりある方いれば助言頂きたいです。
部分削除で確認していった結果、メインのカラム組みに原因があるっぽいんですが、そこは弄った覚えないし…。
他の部分は貼付けるには長過ぎる…。

496:Name_Not_Found
07/06/20 00:23:48
しかしほんとお絵描き配信増えたよねぇ
絵描くの好きば自分にはうれしい限り

497:Name_Not_Found
07/06/20 00:24:32
激しく誤爆

498:Name_Not_Found
07/06/20 00:32:34
>>495
まずバグ辞典を調べてあたりをつけたら。
MacIE5なんか絶滅寸前だし、それをメインに組むのはどうかと思うが。

499:495
07/06/20 01:04:24
>>498
レスども。
仕事場の端末がMacなんでふ。もとはデザイナーなので。
一応仕事で作るショップサイトなので、MacIEくらいは対応しておいた方がよかろうと思ってMacでやってます。流石にMacNC4.X系は見殺しですがw
でも確かにMacも限界。フリーズが日常動作って…。
ともかくバグ辞典みてみます。

500:Name_Not_Found
07/06/20 01:30:19
＞ショップサイトなので、MacIEくらいは対応しておいた方がよかろうと思って
それならSafari対応しろ

501:Name_Not_Found
07/06/20 02:45:45
<div style="background-color:#EFEFEF;">
あああああ
<div style="float:right; margin-top:-1.2em;">いいいいい</div>
</div>

この強引なダメダメなソースをスマートに書きたいのですが
どうすればいいでしょうか？
先輩方、ご教授のほど、よろしくお願いします

502:Name_Not_Found
07/06/20 02:51:39
>>501
取り合えずテンプレで基礎を学ぼう。

503:Name_Not_Found
07/06/20 13:12:48
>>501
何がしたいのかわからない

504:Name_Not_Found
07/06/20 14:28:34
WinXP SP2にIE7日本語版のスタンドアローンにて

html
<body>
<p><a href="#">link</a></p>
</body>

css
* {
margin: 0;
padding: 0;
}
p {
margin-bottom: 1em;
}
a:hover {
position: relative;
top: 1px;
left: 1px;
}

リンク部分に触れると横スクロールが出る。
全称セレクタの指定を消すと出なかった。
これバグですか？原因と回避法解る方いますか？

505:Name_Not_Found
07/06/20 14:47:32
>>504
以下を指定する理由をお答えください

a:hover {
position: relative;
top: 1px;
left: 1px;
}

506:Name_Not_Found
07/06/20 15:05:03
onmouseでボタンがピコって沈んだように見せてんだろ

507:Name_Not_Found
07/06/20 17:19:35
>>504
そっちと同じ環境だけどこっちでは再現しないな

508:Name_Not_Found
07/06/20 18:14:12
印刷時の画像と背景画像の違いについてお伺いしたいのですが
同じ画像でimgタグで指定、背景画像として指定、という風にした場合
SafariやOperaなどでは印刷プレビューで確認すると
両者のサイズは変わらないのですが
FirefoxやNNでは両者のサイズは同じものの、背景画像はブラウザでの
表示と同じ拡大率（？）のままなので、文字などが拡大されて見えます
これを避ける手段などはあるのでしょうか？



<IMG SRC = "haikei.jpg" width="100" height="100">
<DIV></DIV>

509:Name_Not_Found
07/06/20 18:33:23
<div id="a">
<div id="b"></div><div id="c"></div>

510:Name_Not_Found
07/06/20 18:34:58
上ミスりました、すみません；

<div id="body">
<div id="a">
　<div id="b"></div><div id="c"></div>
</div>
<div id="d">
</div>
</div>

#body{

511:Name_Not_Found
07/06/20 18:55:55
>>508
widthとheightに単位がないけど・・・

Firefoxってプリンタがインストールされてないとプレビューさえできないんだな。
確認できなかったよ。

512:Name_Not_Found
07/06/20 19:11:40
pをいくつかフロートさせてその中にdl入れて表を作ろうと思ってるんだけど
pの中にdlってどう思いますか？

513:Name_Not_Found
07/06/20 19:18:34
へたな釣りだと思う

514:Name_Not_Found
07/06/20 19:24:49
>>512
へたくそな釣りだな

515:Name_Not_Found
07/06/20 19:50:55
またPの話か

516:Name_Not_Found
07/06/20 19:52:40
釣りがへたなんだよ

517:512
07/06/20 20:40:11
釣りじゃないですよ＾＾

518:Name_Not_Found
07/06/20 20:41:32
>>517
釣りなのはIPでばれてる

519:Name_Not_Found
07/06/20 20:48:45
h1 {border-top:1px #000 solid;}
<h1>hoge</h1>
横スクロールバーが出た時に、画面を移動させるとボーダーが切れてしまうんですが、ボーダーを切れないようにする方法を教えてください。

520:Name_Not_Found
07/06/20 21:01:45
>>508
質問の意味がまったくわからん。
フォントサイズの固定を完全にしたいという意味だったら無理。

521:Name_Not_Found
07/06/20 21:03:48
>>519
横スクロールバーを出さない。ex.リキッドレイアウト

522:Name_Not_Found
07/06/20 22:52:48
>>520
すみません、わかりやすく例えようとしてわかりにくくなったようですね…
html
<h2>○○○○</h2>
css
h2{
text-indent:-1000px;
width:200px;
height:50px;
background-image:url("images/subtitle.gif");
background-repeat:no-repeat;
}
こんな感じで見出しを画像で作って背景画像扱いで表示させた時に
ブラウザの表示では問題ないけど印刷しようとするとFirefoxやNNでは
普通にimgタグで表示させた画像に比べると、相対的に拡大されて見える
現象についてです（大きさそのものは指定通りで中身が拡大した感じ）
SafariやOperaではそういう現象は起きなかったのでなにか策があれば…
と思い伺いました

523:Name_Not_Found
07/06/20 23:00:57
>>522
印刷プレビューだけじゃなくて実際にプリントしてみた？

524:522
07/06/20 23:15:37
>>523
あ、してませんね…ちょっとやってみます
プレビューって当てにならないんですか？

525:522
07/06/20 23:18:24
ダメでした…プレビューの通りに印刷されました＿|￣|〇

526:Name_Not_Found
07/06/21 07:56:08
>>522
URLﾘﾝｸ(bugzilla.mozilla.org)

527:522
07/06/21 15:53:33
>>526
英文なんでちゃんと理解できているのか不安もありますが
Comment #35にあるように、FirefoxやNetscapeのもつバグだ
ということですよね？
じゃあプリント用CSSで背景画像を不可視にしてテキストを戻す
などして対処するしかなさそうですね…

見つけていただきありがとうございました

528:Name_Not_Found
07/06/21 23:16:55 38v+wTQ9
画像をサムネイルみたいに並べたときに、枠線にはぴったりくっ付けて
画像と画像の間だけ隙間をあけたいと思います。
下のは赤い線の枠の中に100x100pxの画像を10pxの間隔をあけて横4×縦2枚
並べる時の例ですがもっといい方法があれば教えてください。

.box1 {
width: 430px;
height: 210px;
overflow: hidden;
border: 2px solid red;}
.box2 {width: 440px;}
.box3 {
float: left;
width: 100px;
height: 100px;
margin-right: 10px;
margin-bottom: 10px;}

<div class="box1">
<div class="box2">
<div class="box3"><img src="画像1.jpg" width=100 height=100></div>
（中略）
<div class="box3"><img src="画像8.jpg" width=100 height=100></div>
</div>
</div>

529:Name_Not_Found
07/06/21 23:22:28
>>528
HTMLの勉強からしてきてください。
ものを並べる何を使うんだゴルァ

530:Name_Not_Found
07/06/21 23:24:45
えーとえーと、、テーブル！

531:Name_Not_Found
07/06/22 01:19:38
>>528
スレ違いです。超初心者スレに行ってください。

532:528
07/06/22 01:31:41 2gtM0wxR
こんな感じでよろしいでしょうか？

* {border:0;padding:0;}
table {border-collapse:collapse;}
img {
margin-right:10px;
margin-bottom:10px;}
.box {
width:430px;
height:210px;
overflow: hidden;
border: 2px solid red;
}

<div class="box">
<table><tr>
<td><img src="画像1.jpg" width=100 height=100></td>
(中略)
<td><img src="画像8.jpg" width=100 height=100></td>
</tr></table>
</div>

533:Name_Not_Found
07/06/22 01:36:59
（´・ω・｀）・・・

534:Name_Not_Found
07/06/22 07:24:09
いわゆる「div厨」くらいは大目に見てやってもいいんじゃねーの？
さすがに>>532はないけど

535:528
07/06/22 08:19:58 2gtM0wxR
画像を一番上からどんどん追加することを考えると、画像のところの
スタイルを揃えるようにしたほうが楽チンかと思ったんだよ。
左端画像にmargin-left:0; 右端画像にmargin-right:0;を
指定すると画像追加時にそこも全部いじらないといけないから。

536:Name_Not_Found
07/06/22 09:15:31
テーブルはネタだって気付いてくれよ・・・

537:Name_Not_Found
07/06/22 09:21:38
むしろ気付けないくらいだからHTMLの勉強から・・・

538:Name_Not_Found
07/06/22 12:15:15 oZ+HH8IF
要素の中身に入ってるテキストによってマッチするか
どうか決めるというセレクタを書く方法はありますか？
例えば、<h1>....abc....</h1>にはマッチするけど、
<h1>......</h1>にはマッチしないという感じです。
訳あってh1の属性の方はいじれないんです。

539:Name_Not_Found
07/06/22 12:54:02
JavaScript

540:Name_Not_Found
07/06/22 13:19:01
>>538
手動でやれば？

541:Name_Not_Found
07/06/22 18:55:40
div{
padding:20px;
overflow:auto;
position:absolute;
border-style:solid;
border-width:thin;
border-color:#000000
}

.menu{
width:852px;
height:200px
}

#position1{top:150px; left:10%; right:10%; }

これで、
<div class="menu" id="position1">
としても、左は10%になるのですが、右が10%になりません。
widthを852にしているからかと思い、
変えてみてもウインドウサイズを変えると隠れてしまいます。

あと、marginとpositionはどう関連しますか。
marginの基準はどこにあるのでしょうか。

542:Name_Not_Found
07/06/22 19:16:41
>>541

543:Name_Not_Found
07/06/22 19:18:23
>>542
いじわる！

544:５４１
07/06/22 19:34:42
.menu{
width:80%;
height:200px
}

#position1{top:150px; left:10% }

としたらなんとかできました。
できれば正当法で覚えたいんですが、
これでも問題ないでしょうか。

545:Name_Not_Found
07/06/22 19:39:28
頭にシャープつけるクセは問題

546:Name_Not_Found
07/06/22 19:40:53
>>541
IE6ではleftを指定しているとrightを無視するというバグがある。
両方指定しないように作るしかないな。

547:Name_Not_Found
07/06/22 19:45:45
>>544
問題ないと思ってることが問題。
基礎をすっ飛ばし小手先のテクばかり追った成れの果て。

548:５４１
07/06/22 19:51:48
>>547
ですよね・・・
そうならないようにと思って作ってるのですが、
どうしても結果だけを見てしまい、小手先だけになってしまいます。

549:Name_Not_Found
07/06/22 22:06:01
>>541
URLﾘﾝｸ(www.tagindex.com)
マルチな。どうせならもっとわかりにくくやれよ。
向こうの別スレじゃあ仕事だとか堂々と言っちゃうし。

おそらくこの人に基礎とか言っても無駄。

550:549
07/06/22 22:07:02
まちがえた、>>528ね

551:５４１
07/06/22 22:23:31
バレたかｗ
どんだけ見てんだよチンカスどもｗ

552:Name_Not_Found
07/06/22 22:34:39
>>551
ネタならもうちょつとレスを嫁や

553:Name_Not_Found
07/06/22 23:10:20
あんなサイト参考にしてる時点で駄目だろ。

554:Name_Not_Found
07/06/22 23:35:38
どこの誤爆？

555:528
07/06/23 01:52:13 bkGCoGEs
>>536
ネタだったのかorz

>>549-550
俺ではないぞ。つうか>>549のとはdivの中にimg入れたってのが同じだけで
質問の本質は全然違うじゃん。

556:Name_Not_Found
07/06/23 05:00:07 coDsIfka
buttonタグに以下のクラスを書いてbuttonの背景画像が表示されるようにしました。
IE6やFirefoxやSafariでは問題ないのですが、IE7だと画像が表示されません。
IE7も考慮しなくてはいけないのですが、こういう場合どうしたらいいでしょうか？

.btnImage{
width: 150px;
background-image: url(.button_back.jpg);
text-align: center;
height: 30px;
background-repeat: no-repeat;
}

557:さめは
07/06/23 05:47:32 iTgC3/XD

けど無料スペースって広告ウザいよね
そんなあなたに無広告スペース
無料レンタルサイト
sameha
宜しく！
URLﾘﾝｸ(sameha.net)

558:Name_Not_Found
07/06/23 08:25:54
.button_back.jpg
↑これの先頭のゴミ

559:Name_Not_Found
07/06/23 10:14:51
iモードのブラウザに外部cssは使えるのでしょうか？
教えてくだされ。

560:Name_Not_Found
07/06/23 12:01:12
自分で試せよスレ違い

561:Name_Not_Found
07/06/23 13:39:00 kuCelCql
>>560
氏ねよカスブタ

562:Name_Not_Found
07/06/23 14:08:05
>>561 お前が氏ね。ネットで検索もしないクズゴミが。
URLﾘﾝｸ(www.google.co.jp)

563:Name_Not_Found
07/06/23 14:25:10
おぉサンクス
優しい奴だなｗ

564:Name_Not_Found
07/06/23 15:25:59
回答者の質低下は目に余る
スレチに親切ぶっても無意味
2人で超初心者スレがお似合い

565:Name_Not_Found
07/06/23 16:01:29 go7XBsOj
Gilder Levin Methodを使ったcssのテキスト非表示＆ロールオーバーできる画像の方法をネットで見て知ったのですが
この表示された画像自体をマージンor余白で位置調整する事はできないのでしょうか？
下の<div id="move">のように全体をdivでくくってそれにマージンor余白指定すれば動かせましたが
今作っているhtmlでやろうとすると結構な数のdivタグ作る事にもなるので・・・

<div id="move"><a href="./" id="method">テスト<span></span></a></div>
a#method,a#method span{
display:block;
background:#FFFFFF url(botton1.gif) no-repeat 0px 0px;
width: 176px;
height: 40px;}
a#method{
position:relative;
/* \*/
overflow: hidden;
line-height:40px;
/* */
text-align:center;
/* \*//*/
font-size:10px;
/* */ }
a#method span{
position:absolute;
top:0;
left:0;
z-index:1;
cursor: pointer;}
a:hover#method,a:hover#method span{
background-position: 0 -40px;}

566:Name_Not_Found
07/06/23 16:05:38
久しぶりにやらせじゃないツンデレを見たよ

567:Name_Not_Found
07/06/23 16:10:10
>>565
余計なspanならいいのかよ・・・

568:Name_Not_Found
07/06/23 16:21:39
>>567
空spanは気にしないという方向で・・・
以前はテキストインデントで文字を飛ばす方法をやっていましたが
非推奨だしやめろとの声で調べてこの方法を知ったのですが・・・

569:Name_Not_Found
07/06/23 16:45:11
＞非推奨

570:Name_Not_Found
07/06/23 16:55:06
空SPANはもっと非推奨だっての

571:Name_Not_Found
07/06/23 17:05:22
色々調べた結果今一番標準的なのがGilder Levin Methodとあったのですが、違うのでしょうか
どなたかこのリンク文字非表示＆画像ボタンの方法で得策があれば教えて下さい・・・

572:Name_Not_Found
07/06/23 18:12:31
SEO厨はスレ違い

573:Name_Not_Found
07/06/24 04:33:32
text-indentって非推奨だったのか

574:Name_Not_Found
07/06/24 04:45:04 ZQtLo5L7
>>573
誰がそんなことを言ったのですか｡

575:Name_Not_Found
07/06/24 04:58:37
>>574
>>568

576:Name_Not_Found
07/06/24 05:37:43 ZQtLo5L7
>>575
ありがとうございます｡
よく読めば､ >>573は､
｢text-indent (で文字を飛ばす方法) って非推奨だったのか｣
と補って解釈すべきだと分かりますね｡

text-indentで文字を飛ばすテクニック (いわゆるオフ･レフト) も､要は使いようです｡
正しい使い方と間違った使い方が次の文書によくまとまっていますので､参考にするといいと思います｡
URLﾘﾝｸ(www.marguerite.jp)
URLﾘﾝｸ(www.marguerite.jp)

577:Name_Not_Found
07/06/24 06:16:46
>正しい使い方と間違った使い方
実際には「現実に即した使い方」と「理想の使い方」だから・・・

578:Name_Not_Found
07/06/24 17:18:18 N4r2slpV
「２つのブロック要素があって一方のブロック要素内の見出し要素（背景に画像を指定）の手前にもう一方のブロック要素（内の画像）を重ねたい」
のですが、上手く行きません。
両方のブロックにz-indexで前後をつけるなどして
Firefox、safariなどでは簡単にできるのですが、IE7だとどうしても見出し要素の下に隠れてしまいます。
どなたかご存知の方教えてください。お願い致します。

579:Name_Not_Found
07/06/24 19:44:48
>>578
質問者ならソース出せ

580:Name_Not_Found
07/06/24 20:10:19
初心者が使いたがる要素、position、overflow、z-index。
cssは魔法の杖だとでも思ってるからタチ悪い。

581:Name_Not_Found
07/06/24 20:29:14
ここの回答者達もタチ悪いよ。

582:Name_Not_Found
07/06/24 20:34:36
当然でしょ。

583:Name_Not_Found
07/06/24 21:37:09
レベル低いしな。

584:Name_Not_Found
07/06/24 21:41:33
自分でちょっとしごいてから使うといいよ

585:Name_Not_Found
07/06/24 21:51:48
CSS使うなら、IEだけでチェックするのはやめて欲しい
ってなサイトがアホみたいにある

IE依存なとこはさっさと潰れて欲しいな

586:Name_Not_Found
07/06/24 22:34:18
IE7がIE6までの描画を一切排除して標準準拠しててくれたら楽しかったのに

587:Name_Not_Found
07/06/25 06:01:19 4K1UFAXi
URLﾘﾝｸ(yahoo.co.jp)みたいにブラウザで文字の大きさを変更すると
テーブルみたいなものもいっしょに大きくなるんですけど、
IE・Firefox・Operaともに同じ結果でした。
自分で書いてみたんですけどうまくできません。
どこをなおしたらよろしいのでしょうか

.body {
width:600px;　/*ここを80％とかにしてもできませんでした*/
margin-left:auto;
margin-right:auto;
border:1px #000000 solid;

}

588:Name_Not_Found
07/06/25 07:26:31
何が同じ結果だったのか、何ができなかったのかが分からない。

589:Name_Not_Found
07/06/25 08:11:16
>>587
お手本があるならソース見れ

590:Name_Not_Found
07/06/25 08:29:22
見てもわからねえからきいてんだよｗ

591:Name_Not_Found
07/06/25 08:47:44
>>578
スレ違い。CSS関係ない。

592:Name_Not_Found
07/06/25 08:48:45
ごめん、>>578じゃなくて>>587。

593:Name_Not_Found
07/06/25 09:06:11
どこが関係ないのかわかっていってるの？

594:Name_Not_Found
07/06/25 09:38:36
最近、>>590みたいな逆ギレをよく見かけるな。
逆ギレすれば誰か教えてくれるってんで、味しめてんだろ。
見てわからない事を恥ずかしいと思わんか。地道に勉強するのが一番だ。

595:Name_Not_Found
07/06/25 09:48:08
>>592=>>594
CSSと関係ないところを説明ヨロ

596:Name_Not_Found
07/06/25 10:06:16
>>595
591は594じゃないよ。
それとスレ違いだから初心者スレのほうがいいと思うよ。

597:Name_Not_Found
07/06/25 10:23:42
CSSとかんけいあるだろ。
説明できないのか？

598:Name_Not_Found
07/06/25 11:22:18
関係あるならおまえが説明しろよボケ

599:Name_Not_Found
07/06/25 12:39:11
CSSで設定してあるんだから関係あんだろ！
クズ回答者はくるな！

600:Name_Not_Found
07/06/25 12:54:41
関係あると思うんなら答えろよクズｗｗｗ

601:Name_Not_Found
07/06/25 12:58:05
CSSに関係あるか否か以前の問題だろ
初心者は去れということだ

602:Name_Not_Found
07/06/25 13:16:08
いやCSSに関係あるなら初心者でもいいよ・・・

603:Name_Not_Found
07/06/25 14:04:18
むしろ誰もこたえられないのに俺は悲しい

604:Name_Not_Found
07/06/25 14:12:36
関係ないことに答えてたらスレ違い

605:Name_Not_Found
07/06/25 14:19:05
この時間はレベル低いから夜まで回答まってたほうがいいよ

606:Name_Not_Found
07/06/25 15:09:24
ワンモアセッ！

607:Name_Not_Found
07/06/25 15:10:31
高レベルの>>605が答えてくださるそうです。

608:Name_Not_Found
07/06/25 15:42:14
～～～～～～ここまで俺の自演～～～～～～～

>>587
font-size height width top lefの値をemで設定してやればいいと思う。

609:Name_Not_Found
07/06/25 15:46:33
(；ﾟдﾟ)・・・・・・・・・・・・・・・。

610:Name_Not_Found
07/06/25 18:11:57
高レベル者が来たぞ

611:Name_Not_Found
07/06/25 18:53:18
<li>の後の<dl>がIEだと改行されるんだけど、対処法ありますか

612:Name_Not_Found
07/06/25 18:56:18
liのあとにdlってどういうソースだよ

613:Name_Not_Found
07/06/25 18:58:22
dlで定義したものをリスト化って考えだけど、意味的におかしいですかね

614:Name_Not_Found
07/06/25 19:00:45
dlって「定義リスト」なので初めからリストですが何か。

615:Name_Not_Found
07/06/25 19:03:53
ていうかそれのどこがCSSなんだｙｐ

616:Name_Not_Found
07/06/25 19:06:30
こうも低レベルな質問が続くと生きる気力が失われていきます

617:Name_Not_Found
07/06/25 19:08:06
1. *******
2. *******
3. *******
・画像
説明文
・画像
説明文
4. ******

的なことを表現しとうと思ってました。

>>615
CSSで対処できるかなと思いまして。質問に至ったわけですが。

意味的におかしいみたいなので考えなおします

618:Name_Not_Found
07/06/25 19:45:43
>>617
いや、それならいいけど
>改行
あたりまえじゃん。その図でも改行入ってるけど
何がしたいんだ。

619:Name_Not_Found
07/06/25 20:02:38
>>617
論理構造でマークアップしようとしているあなたは方向として間違っていない。
仕様書を読めばすぐ解決するだろう。
CSSはバグだらけだから期待しない方がいい。

620:Name_Not_Found
07/06/25 20:02:55
3. ******　
の ******** が改行されて、

3.
********
となるんですよね。IEのみ

ソースで言うと、

<ol>
<li>text</li>
<li>text</li>
<li>text
<dl>
<dt>image</dt>
<dd>text</dd>
</dl>
</li>
<li>text</li>
</ol>

ol li dl dt dd にはmargin,padding ともに 0です。

URLﾘﾝｸ(pc3.2ch.net)
ここにそれらのことが書かれていたのですが、5年前の件ですので、
現在なら対処法が存在するかなと思いました。

621:Name_Not_Found
07/06/25 20:20:26
>>620
XP SP2 IE6で再現せず。
出るソース出してみ。

622:Name_Not_Found
07/06/25 20:42:22 Kd2jDRfO
閲覧者のユーザーCSSを無効にする方法教えてください

623:Name_Not_Found
07/06/25 20:44:20
すみません、ソース間違えてました。

<ol>
<li>text</li>
<li>text</li>
<li>
<dl>
<dt>image</dt>
<dd>text</dd>
</dl>
</li>
<li>text</li>
</ol>

dl前のliにはtextは記述しません。

Fx2 Opera9.02 NN7.1 Safari2.0.4 では改行されず、
IEのみ改行されました。

624:Name_Not_Found
07/06/25 20:51:01
>>622
この言葉を使うときがこようとは・・・
逝ってよし。

>>623
やっぱ再現しねーよ？

625:Name_Not_Found
07/06/25 20:53:00
>>623
すまん、したわ。
dl {display:inline;}

626:Name_Not_Found
07/06/25 21:01:43
>>625

無事同じ高さになりました。
お手数おかけしました。本当にありがとう。

627:Name_Not_Found
07/06/25 21:03:23
>>623
URLﾘﾝｸ(members.at.infoseek.co.jp)

628:Name_Not_Found
07/06/26 13:36:10
ﾜﾛｽ

629:Name_Not_Found
07/06/26 15:29:46
外部スタイルシートと直書きを併用するときは
head要素内に２つ分指定しないといけないのですか？

630:Name_Not_Found
07/06/26 15:57:47
>>629
併用ってか上書きするだけ

631:Name_Not_Found
07/06/26 18:34:14 6GOAbVKN
全体的な幅760pxにしてまして、ヘッダーのナビゲーション部分を
1つ95pxのボタンを計8つ横に並べています。
サイト上では
■■■■■■■■

っと表示されるのですが、印刷画面では
■■■■■■■■
■

というような表示になってしまいます。最後ボタンの幅を
94pxにすると1列に表示されます。

こういう現象は単に印刷設定（各環境）の問題でしょうか？
それともスタイルの設定が悪いのでしょうか？

632:Name_Not_Found
07/06/26 19:07:09
>>631
ソース

633:Name_Not_Found
07/06/26 23:55:09
CSSでfloatを使った段組みをする時に

|ヘッダー|
|ﾒﾆｭ|メイン|
|フッター|

というのはよくある配置の仕方だと思うんだけど

|ヘッダー　　　|
|ﾒﾆｭ|メイン　　|
|ｻﾌﾞ1|ｻﾌﾞ2|ｻﾌﾞ3|
|フッター　　　|

としたい場合どういう風にHTMLとCSS書くといいでしょうか？

634:Name_Not_Found
07/06/27 00:03:17
>>633
上のcssが書けるなら、当然下も書ける。
出来ないのは勉強してないから。
まさか代わりにソース書いてくれとでも？

635:Name_Not_Found
07/06/27 00:26:43
>>637
いや書けることは書けるんだけど

<div id="上の段">
<div id="メニュ">
<br />
</div>
<div id="メイン">
<br />
</div>
</div>

<div id="下の段">
<div id="サブ1">
<br />
</div>
<div id="サブ2">
<br />
</div>
<div id="サブ3">
<br />
</div>
</div>

こんな感じで組んでいった時にclear: both;の入れ方とかどうしたらいいのか・・・

636:Name_Not_Found
07/06/27 00:32:46
そんなんでわかるわけないだろ。
clearしたい所に入れりゃいいだけ。

637:Name_Not_Found
07/06/27 00:34:09
＞<br />
(　ﾟдﾟ)

638:Name_Not_Found
07/06/27 03:02:07
基礎からやり直してこいや

639:Name_Not_Found
07/06/27 08:10:27
<div id="all">
<div class="box">
ごにょごにょ</div>
<div class="box">
ごにょごにょ</div>
　:
　:
<div class="box">
ごにょごにょ</div>
<div class="box">
ごにょごにょ</div>
</div>

.box {float;left;}
って感じので、プリントアウトしたときに数ページに渡るような場合
<div class="box">
ごにょごにょ</div>
が部分的にプリントアウトされなかったりってことがしょっちゅうなんだけど
何か対策ってある?

640:Name_Not_Found
07/06/27 11:31:43
pre {
white-space: -moz-pre-wrap; /* Mozilla */
white-space: -pre-wrap; /* Opera 4-6 */
white-space: -o-pre-wrap; /* Opera 7 */
white-space: pre-wrap; /* CSS3 */
word-wrap: break-word; /* IE 5.5+ */
}
人の文章を載せる時に、改行の部分や文章によっては横長になりそうなものを
こちらで<br>や<p>で改行するのが大変なので
preにしてかつ、上のように横スクロールバーが出ないように自動改行するようにしました。
これでほとんどのブラウザでは大丈夫なのですが
safariではそのまま改行されず横長になってしまいます。
どうすればsafariでも改行できるようになるでしょうか？

641:Name_Not_Found
07/06/27 11:34:48
すげー迷惑

642:Name_Not_Found
07/06/27 11:36:35
>>640
大変じゃねーよ。エディタの置き換え機能使えよ。
\n→</p>\n<p>で簡単だろうが。

643:Name_Not_Found
07/06/27 11:59:24
>>642
どうも。
エディッタは以前使っていましたが、HTMLのソース内でやっているので
文章とは関係のない所で<p>等が入ってしまって
他に何か方法がないかと思ってpreを使ってみました。
で、ここのスレはCSSに関する質問スレなので聞いてみたわけです。

644:Name_Not_Found
07/06/27 12:23:14
>>643
おまえに必要なのはソフトの知識のほうだ。
選択範囲り変換もできないような素人はPC初心者板行け。

645:Name_Not_Found
07/06/27 15:30:22 e66Zv11f
INPUT要素
<input type="text" value="TEST">
のテキスト縦位置を指定（上揃え、中央、下揃え）する事は可能でしょうか？

646:Name_Not_Found
07/06/27 16:48:01
意味わからん

647:Name_Not_Found
07/06/27 17:23:27
>white-space: -moz-pre-wrap; /* Mozilla */
>white-space: -pre-wrap; /* Opera 4-6 */
>white-space: -o-pre-wrap; /* Opera 7 */
>white-space: pre-wrap; /* CSS3 */
>word-wrap: break-word; /* IE 5.5+ */

640 のこれって何？ white-spaceにそんな値あるの？
おねがい、だれかおしえて。

648:Name_Not_Found
07/06/27 17:27:31
ググレカス

649:Name_Not_Found
07/06/27 17:31:47
いや、ぐぐってわかんなかったから聞いてる。
どういうキーワードでぐぐったらいいか教えてくれ。

650:Name_Not_Found
07/06/27 17:36:54
>>649
white-space: -moz-pre-wrap; の検索結果約 17,100,000 件中 1 - 10 件目 (0.28 秒)
PC初心者スレへ

651:Name_Not_Found
07/06/27 17:49:45
>>650
それじゃどうやっても-moz-pre-wrapの情報には
たどりつけないぞ！

652:Name_Not_Found
07/06/27 18:04:39
>>650
ぐぐりかた自分で調べた。>>651のいう通りそれじゃ駄目だ。

653:Name_Not_Found
07/06/27 18:05:35
moz-pre-wrap の検索結果約 999 件中 1 - 100 件目

ぐっと減るな

654:Name_Not_Found
07/06/27 18:09:27
結局、これでぐぐった
white-space "moz-pre-wrap"

お騒がせ。スマソ

655:Name_Not_Found
07/06/27 19:28:42
>>645
普通その部分のテキストってフォームにぴったりくっついてるから
上下も何もないんだが・・・
例えば下に置きたいんならpadding-topだけ設定、とかそういうのじゃ駄目なのか？

656:Name_Not_Found
07/06/27 20:10:31
>>655
やっぱり無理ですか。
フォントの種類や大きさも変わる場合があるので、フォントの大きさに合わせてpadding-topの
サイズを変えるのは面倒だと思いまして。

やりたい事は、

・position:absoluteなSPAN上に置いたINPUT要素の位置、大きさをマウス操作で変更。
・そのINPUT属性の縦位置を変更

だったんですが、見た目だけそう見えればいいので、

・position:absoluteなtableに、入力要素を示す背景色をつける
・tdタグ内にINPUTタグを用意し、背景色を透明にする（height属性は指定しない）
・文字の縦位置を変えるときは、tdタグのvertical-align属性を変更する

で逃げれそうです。
有難うございました。

657:Name_Not_Found
07/06/27 20:54:25
タグタグ大変だな。

658:Name_Not_Found
07/06/27 20:54:48
>>655
人の話全然聞いてないだろ・・・

659:Name_Not_Found
07/06/27 20:56:07
まちがえた、>>656宛だ・・・
たぶんやりたいことはできるが質問の仕方が果てしなく駄目。

660:Name_Not_Found
07/06/27 22:20:31
>>659
いや申し訳ない。。。おっしゃる通り

661:Name_Not_Found
07/06/28 03:11:13
>>488
サトイモにみえた
そんだｋ

662:Name_Not_Found
07/06/28 13:52:40
CSSでfloatで4段組みのマルチカラムにする時に
|１右端|２右中|３左中|４左端|　とするときに

そのまま
<div id="マルチ">
<div id="１左端">　略　</div>
<div id="２左中">　略　</div>
<div id="３右中">　略　</div>
<div id="４右端">　略　</div>
</div>
と、そのまま続けた方がいいのか

<div id="マルチ">
<div id="左マルチ">
<div id="１左端">　略　</div>
<div id="２右中">　略　</div>
</div>
<div id="右マルチ">
<div id="３左中">　略　</div>
<div id="４右端">　略　</div>
</div>
</div>
のように左と右でわけて、
そのなかでまた左と右にわけてマルチカラムにするののどちらがよいでしょうか？

663:Name_Not_Found
07/06/28 14:13:41
お好きにどうぞ

664:Name_Not_Found
07/06/28 16:18:59
なぜわける必要があるのだろう

665:Name_Not_Found
07/06/28 18:27:20
たぶん、CSSでレイアウトするときにどちらの方が
やりやすいかとか考えているんだと思うけど
HTMLは文書の構造のそって書くのが基本だから
構造上2つにわける必要がないのなら
わけない方がいい。

つまり、レイアウト優先でHTMLを書くのよくない
と言うこと。

まあ、程度問題だけどね。

666:Name_Not_Found
07/06/28 20:08:42
>>663-665
ありがとうございます。
分ける理由ですがCSSでfloatさせたときにブラウザの違いによる見え方が気になっています
複数の環境（とくに古いブラウザ）がないので

667:Name_Not_Found
07/06/28 20:16:40
>>666
言い訳にすんなよ、古いブラウザ入れりゃいいだろ。
URLﾘﾝｸ(browsers.evolt.org)

668:Name_Not_Found
07/06/28 21:13:23
>>667
ぶっw
そんなサイトあったのか

669:Name_Not_Found
07/06/28 21:28:57
古いブラウザにこだわってたら何もできないぜ

670:Name_Not_Found
07/06/28 21:56:22
問題は新しいくせに駄目なブラウザだ。
しかもシェアのデカい。

671:Name_Not_Found
07/06/28 22:12:41
もうIEネタはいいよ。

そんなことよりIE7は見た目と”使い勝手”が大きく変わっているから
ここを狙ってFirefoxなりOperaなりを使わさせるような
キャンペーンでもしない限り一生IEのネタが続くんだろうな

そんな俺はSafariにほんの少し期待していたりする

672:Name_Not_Found
07/06/28 22:49:54
>>671
日本語でおＫ

673:Name_Not_Found
07/06/29 01:08:06
おまいらフォントの設定どうしてる？
これ埋めて栗
{
color: #;
font-family: ;
font-size: ;
line-height: ;
letter-spacing: ;
}

674:Name_Not_Found
07/06/29 01:21:06
だが断る。

少なくともfont-sizeだけは消しとけ。

675:Name_Not_Found
07/06/29 03:45:49
欽ちゃんファミリーとかしかおもいつかなかった

676:Name_Not_Found
07/06/29 08:29:38
{
color: #333;
font-size: 78%;
line-height: 160%;
}

677:Name_Not_Found
07/06/29 09:37:38
>>676
>>676
>>676

678:Name_Not_Found
07/06/29 11:50:23 K9b43QKA
もし初歩的な知識だったらすみません。
３カラム形式のブログ（geeklog）のデザインテンプレートを修正しているのですが、
Netscape7.1だけ表示がおかしくなってしまいます。

具体的には左カラムの長さに合わせて、全体の長さが固定されてしまい、
中央カラム、右カラム部分はスクロールバーも出ず、中身が切られてしまいます。
IE、Opera、FireFoxなどでは全く問題ないので、ネスケ依存の何かでしょうか。

該当しそうなCSSのバグがあればヒントを教えてください。

679:Name_Not_Found
07/06/29 12:13:00
Netscapeは無視でよろしい。

680:Name_Not_Found
07/06/29 12:34:35
>>678
最後にフロート解除してないんじゃないのか

681:Name_Not_Found
07/06/29 17:33:02
リストマークを画像にしたくて、li属性にbackground-imageを以下の様に使っているのですが、

.li {
list-style-position: outside;
background-image: url(xxxx.gif);
background-repeat: no-repeat;
}

そうすると2行目が字下げされずに、リストマークの位置から始まってしまいます。
どの様に回避すればよろしいでしょうか。教えて下さい。

682:Name_Not_Found
07/06/29 17:36:11
>>681
・liの前のゴミ。
・background-imageではなくlist-image。

683:Name_Not_Found
07/06/29 17:48:31
>>681
別にbackgroundでも構わないけど、その場合画像分をpaddingしないとね。
それ以前にソース間違えてるし、list-style消してないしね。

684:Name_Not_Found
07/06/29 18:11:33
list-imageはブラウザ互換を取ろうとしたとき使い物にならんよね。

685:Name_Not_Found
07/06/29 18:39:47
そうなん？
list-style-image使いまくりなんだがマズいのか？

686:Name_Not_Found
07/06/29 19:05:32
>>685
気にするな、そんなことを気にしてる奴ほど
もっと気にしなきゃならないところを気にしてないから。
ていうかそんな古いブラウザにCSS読み込ませるほうがおかしい。

687:Name_Not_Found
07/06/29 19:35:01
>>685
俺はそんな事は気にしてないし、古いブラウザは捨ててるんだけど、
画像の大きさによっては、list-style-imageでは上手く行かない事もあるしね。

688:Name_Not_Found
07/06/29 19:54:20
>>687
つまりおまえのやりかたは
複数行に跨ったり文字の大きさを変えられたり
そういうのを全然想定してない限定的な使い方ってだけじゃないか。
使えねー。

689:Name_Not_Found
07/06/29 20:07:10
>>688
そんな事ないでしょ。想像力ないよね。
大体なんでそうlist-style-imageでなくてはいけないって姿勢なのよ。
どっちだっていいじゃない。

690:Name_Not_Found
07/06/29 20:12:28
リストが複数行に跨がるって、それリスト？

691:Name_Not_Found
07/06/29 20:44:15
>>690
>>690
>>690

692:Name_Not_Found
07/06/29 21:07:06
>>689
どっちだっていいよ。
ただどっちだってずれる可能性は同じなのに
自分の知識不足で片方を貶めるのは間違ってる。

693:Name_Not_Found
07/06/29 21:35:20
>>689
最初からそう言ってるよ。
backgroundはダメだと決めつけてる人に言ってよ。

694:Name_Not_Found
07/06/29 21:39:14
background使ってる人にはアメちゃんあげます

695:Name_Not_Found
07/06/29 21:52:34
>>693
おまえ本当に自分は棚上げだな。
発端は>>684でlist-imgを完全否定。
突っ掛かった>>688はbgじゃ限定的な使い方になるとだけ言ってて
>>684のbg>>>listの完全優位を否定してるだけじゃん。

696:Name_Not_Found
07/06/29 22:12:39
一時期MBNか何かにリストはずれるからbackgroundで
なんて記事が載ったのを鵜呑みにした奴がけっこう多いんだよ。
DTPと間違えてるったりゃありゃしない

697:Name_Not_Found
07/06/29 23:21:07
>>695
あのさあ、>>693は俺じゃないよ。何カリカリしてるんだよ皆さん。

698:Name_Not_Found
07/06/29 23:25:05
>>697
おまえじゃないんならおまえがカリカリしないでちゃんと流れ嫁よｗ

699:Name_Not_Found
07/06/29 23:34:27
なんだ、誰でもいいから叩きたいのね。どうぞご自由に。

700:Name_Not_Found
07/06/29 23:36:57
( ﾟдﾟ)流れ読めって叩きだったのか・・

701:Name_Not_Found
07/06/30 00:33:45
俺含めて餓鬼ばっかだな

702:Name_Not_Found
07/06/30 00:44:05
ガキなんて言って叩かないでください＞＜

703:678
07/06/30 09:07:39 SGaKxSbj
昨日、ブログの表示でNetscapeが切れるという書き込みをしたものです。
フロート解除も試してみたのですが、うまくいきませんでした。

geeklogのデフォルトのデザインテンプレートを使っても、表示の不具合が出てしまいます。
スクリーンショットをとってみました。

▼IEの場合 … 中央の中身の分、左右のバーも伸びてページスクロールが出る
URLﾘﾝｸ(www-2ch.net:8080)

▼Netscape7.1の場合 … 中央の長さが左バーと同じ長さで切れる。
左バーの中身を増やしたり減らしたりすると、その長さに応じて伸縮する。
URLﾘﾝｸ(www-2ch.net:8080)

表示がおかしいのはネスケだけで他は全く正常です。
geeklogのデフォルト自体が抱えている不具合なので、テンプレートが悪いのか
CSSが悪いのかサッパリわからなくなってしまいました。

▼geeklogのページ構成表
URLﾘﾝｸ(wiki.geeklog.jp)

ネスケを無視したいのですが、偉い人がネスケユーザーだったのでそうもいきません…orz
ネスケだけが表示が途切れるようなバグがありましたら教えてください。

704:Name_Not_Found
07/06/30 10:14:44
ソースも出さないでエスパー待ちしたいならご自由に

705:Name_Not_Found
07/06/30 15:52:50
>>703
＞geeklogのデフォルトのデザインテンプレートを使っても、表示の不具合が出てしまいます。
つまりgeeklogの問題なんだろ。制作者に聞け。
それよりブログはブログ板池。

706:Name_Not_Found
07/06/30 18:17:50
こんなスレッド立ててるんじゃ

「キモオタ」

とか

「肛門」

とか呼ばれるのも当然だね♪

707:Name_Not_Found
07/06/30 19:46:53
IE5系のサポートは打ち切るべきでしょうか？
あと、Windows2000SP4でデフォルト（というより導入出来る）のIEのバージョンはいくつでしょうか？

よろしくおねがいします。

708:Name_Not_Found
07/06/30 19:50:25
IE5のサポートをしてるのはMSであってあんたじゃない。
Win2000の最新IE6は多分6.0.2900.2180、これからもまだ上がると思うよ。

709:Name_Not_Found
07/06/30 20:00:26
2900.2180ってIE6SP2だよね。
SP2ってWin2kにインストールできたっけ？
URLﾘﾝｸ(support.microsoft.com)

710:Name_Not_Found
07/06/30 21:45:02
win2KSP4の俺が答えよう
6.0.2800.1160
SP1だ

711:Name_Not_Found
07/06/30 22:20:14
>>709
SP4でうぃんあぷでたまでしますた

712:Name_Not_Found
07/06/30 22:33:51
>>681
backgroundだと、paddingしても画像ごとpaddingされちゃいませんか？

>>696
小●空間とかその他テンプレートサイトにも良く同じことが書いてありますね。
liにbackground指定じゃなくて、li aに指定せよ、というのも見たことがあります。

713:Name_Not_Found
07/06/30 22:46:45
>>712
おまえはpadingの仕様を勘違いしている。

714:Name_Not_Found
07/06/30 22:47:53
>>712
li aじゃなくてliに普通にlist-imageでしなさいよ・・・・
ていうかあんたは基礎のは祖から勉強してきなさい・・・

715:Name_Not_Found
07/06/30 22:57:34
>>713
>>714
おまえらも勉強しろよ。
なんだこの微妙な釣りは。

716:Name_Not_Found
07/07/01 01:08:42
スゴいレベル低下現象が起きている
なぜだっ

717:Name_Not_Found
07/07/01 01:52:50
どこからか、お子様たちが大量に流れ込んでるんじゃないかな。
でも、夏休みとかじゃないよね？なぞだね。

718:Name_Not_Found
07/07/01 02:29:17
もうすぐ厨達の夏が来る。
その前哨戦だ。

719:Name_Not_Found
07/07/01 06:41:21
>>715のほうが釣りに見える件

720:Name_Not_Found
07/07/01 11:03:56
>>712
とりあえずこれでもどうぞ
URLﾘﾝｸ(zyco.abz.jp)

721:Name_Not_Found
07/07/01 16:05:07
外部CSSでフォントについても設定しているんですが、
ページの中にある一部の文字列だけCSSが効いていない状態で表示させるには、
何かよい方法はないのでしょうか。
Wikipediaですと<nowiki></nowiki>というタグがあったりしますが、
CSSでは何かそういったタグはないのでしょうか。
ご存知でしたら教えてください。
お願いします。

722:Name_Not_Found
07/07/01 16:30:47
字体設定されると迷惑

723:Name_Not_Found
07/07/01 19:36:37
>>721
cssを全く勉強してないんですね。

724:Name_Not_Found
07/07/01 21:12:49
>>723
いけませんか？

725:Name_Not_Found
07/07/01 21:22:34
いけません。テンプレ嫁。

726:Name_Not_Found
07/07/02 02:42:32
質問です。

input type="text"
input type="button"

にそれぞれ適用するスタイルを変えたいのですが、
InternetExplorer6にて、属性セレクタ的な事は不可能なのでしょうか？

input[type="button"] {
background-color: #ccc;
color:#f00;
}

input[type="text"]{
background-color: #000;
color:#fff;
}

こんなCSSを共通で設定して、一気に適用したいのです。
やっぱりclassで分類して設定するしかないですかね？

宜しくお願いします。

727:Name_Not_Found
07/07/02 03:25:47
IEはアホなので[type="button"]みたいなセレクタはもれなくスルーしてくれる。

728:Name_Not_Found
07/07/02 08:48:01
IEってのは俺みたいだな

729:Name_Not_Found
07/07/02 09:39:05
>>728
じゃあいますぐ芯で欲しい

730:Name_Not_Found
07/07/02 15:19:18
>>726
classでやりゃーええのんちゃう？

731:Name_Not_Found
07/07/02 16:45:17
list-imageとか属性セレクタとか
特定ブラウザ限定の機能使ってる香具師多いのな。
おまいらはどのブラウザに表示対応させてる？
漏れはWinのIEと火狐くらいは最低限…て感じだが。

732:Name_Not_Found
07/07/02 17:22:28
Win IE6.0
Firefox

733:Name_Not_Found
07/07/02 18:10:53
特定ブラウザ固有のは使わない

734:Name_Not_Found
07/07/02 18:17:05
＞list-imageとか属性セレクタとか
＞特定ブラウザ限定の機能使ってる香具師多いのな。
多くない。超初心者が大発生してるだけ。

735:Name_Not_Found
07/07/02 18:22:47
list-image って特定ブラウザ限定というほど限定されてる？

736:731
07/07/02 18:25:03
>>732
やっぱユーザの多いWinIEと厳密なCSSの火狐外せないよね。

>>733
漏れも仕事で商用サイト作る事おおいから、特定ブラウザ依存のCSSは避けてる。
だけどそれでもブラウザによってレイアウトががっつり崩れるのが泣ける。
どうみても初心者です。ほんt(ry

737:Name_Not_Found
07/07/02 18:48:39
>>735
web標準はそういう言い方じゃないね

738:Name_Not_Found
07/07/02 19:02:16
input:hoverのような擬似要素はIEだと機能しないのはなぜですか

739:731
07/07/02 19:23:22
>>734
初心者という括りなら、ここにもidを使うメリットが
今だ理解出来て無いほどの初心者が一人…w
まぁ古いブラウザや汎用性を切り捨てるのも効率を考えればアリなわけだし。

>>735
限定と言うには微妙かもしんないけど、旧式寝助使ってる人もちらほら居るし。
backgroundとpaddingでやるのも大して面倒ではないし、どっちみち位置の調整しなきゃいけない。
だったら汎用性高い方がいいんじゃね？って程度かな。
後々はそっちに移っていくんだろうけど。

740:Name_Not_Found
07/07/02 19:33:13
>>738
そういう仕様だから

741:Name_Not_Found
07/07/02 19:46:50
>>739
ネスケはむしろ別ページ作るかCSS切ってやった方が親切

742:Name_Not_Found
07/07/02 20:00:01
ていうか崩れて読めないとかなるわけでもなく
リストが画像でなく丸点になるだけで何が問題なんだか。

743:Name_Not_Found
07/07/02 20:14:17
>>742
まったくそうなんだけど、ここはそういうスレなんだから…。

744:Name_Not_Found
07/07/02 20:20:24
いや、ここはそういうことを語り合うスレでも何でもなく
単に質問が来たら答えるスレだ

745:Name_Not_Found
07/07/02 20:30:26
正直経営者は古いブラウザのサポートを積極的に打ち切るべき

Win98meユーザーとかFirefoxもOperaも使えるのに
Mac使いならOSX使えるのに
面倒だからとか今のままで十分とか使い勝手がとか言う始末

いつまでも古い環境にしがみついてる頑固者に対応するだけ無駄無駄無駄むだぁあああ

746:Name_Not_Found
07/07/02 20:51:35
>>745
だから語り合うスレではないらしいぞ。

747:Name_Not_Found
07/07/02 20:59:08
>>745
それは是非IEユーザに言って消えてくれたまえ

748:Name_Not_Found
07/07/02 21:15:25
逆に言えば、IEさえ対応してればいいってことか？
text-overflowとか、ime-modeとか、text-justifyとか、scrollbarなんちゃらとか
実は結構使えるのもあったり

749:Name_Not_Found
07/07/02 21:46:02
属性セレクタの場合は、同じ事を実現する機能がIEには無いってのは致命的なんだよな。
classでやればいいじゃないかと言うが、既にあるサイトをメンテナンスする場合は、
何百とあるページ全てに手を入れなければならなくなる。

750:Name_Not_Found
07/07/02 21:57:03
>>748
すくろーるばーなんちゃらが最低な件。
それはさておきCSS3先行実装と色々とはき違えてるぞおまえ。

751:Name_Not_Found
07/07/02 22:12:20
CSS3だろうが何だろうが、今書けばどれもinvalidで同じことだ品

752:Name_Not_Found
07/07/02 22:16:50
>>751
うはっｗきたｗ

753:Name_Not_Found
07/07/03 00:03:03
>>751
全然そんなこと話してないからゲラウトヒア

754:Name_Not_Found
07/07/03 02:41:26
>>749
php

755:Name_Not_Found
07/07/03 03:42:17
PHPがどうかしたのか？

input type="hogehoge"に直接プロパティを与える方法の回答ではないな。

756:Name_Not_Found
07/07/03 19:15:06
phpで書き換えろってことじゃないの？
あるいは、ラップ

757:Name_Not_Found
07/07/03 21:25:37
どっちにしろ解決策ではないような気がするが

758:Name_Not_Found
07/07/04 00:02:27
ああ、なんだか馬鹿ばっか。

759:Name_Not_Found
07/07/04 00:31:26
#bottom {
　　　　　　　background-image: url(../imges/footer.png);
width: 286px;
clear: both;
margin-top: 0px;
margin-right: 0px;
margin-bottom: -116px;
margin-left: 514px;
padding: 0px;
height: 216px;
}

上記のようにCSSで背景画像を表示しているのですが、
IE（6～）だと問題ないのですが、Firefox(v.2)の場合
margin-bottom: -116px;
が反映されずに画像を下半分切ってくれません。
Firefoxだとマイナスは指定できないのですか？

760:Name_Not_Found
07/07/04 01:02:27
>>748
CSSの問題で、PHPで対応しろってのがおかしいだろう。
直接指定できるようになるわけでもないし、かといって
具体的にPHPでどうするのか一切触れないで煽るばかりだし。

761:Name_Not_Found
07/07/04 01:44:02
>>759
意味不明。マイナスマージンは画像を切るものじゃないんだが。
下マージンをマイナスにしたのなら、その下のブロックが正規に置かれる場所から
マイナスマージン分だけ上に迫り上がる感じになるんだぞ？
ちゃんとIEでもFxでもそういう動作になったが。

762:Name_Not_Found
07/07/04 01:46:19
>>759
最初にIEに合わせて作るから、マイナスmarginなんてワケ分からん事やりだすんだ。

763:Name_Not_Found
07/07/04 12:28:16
ていうかあのソースだとIEでもFxでも変わらない件

764:Name_Not_Found
07/07/04 21:40:43
いつも思うんだが、CSSに詳しくない人がやたら抽象的な回答をして混乱させてるように思うのは俺だけ？
知らないなら無理に答えなくていいのに。

765:Name_Not_Found
07/07/04 21:44:51
無駄レスしてるアンタが手本を示せよw

766:Name_Not_Found
07/07/04 21:46:57
>764
逆。知ってるから色んな状況を想定してしまって、具体的に答えられない。
だからといって、根掘り葉掘り状況を聞くのは面倒くさいから、
方向性や周辺の事しか示せなくなるわけよ。何がしたいの？って話。

767:Name_Not_Found
07/07/04 22:02:49
いいんだよ
どの質問スレでも答えてるやつは中級者が多い
出された問題を解いて正解した場合は感謝されるし
不正解でも匿名だから責任は問われない

そういうもんだと思って見てればいい

768:Name_Not_Found
07/07/05 03:09:35
IEに合わせるからこうなるんだとかPHPでやれとか回答になってないのは確かだな

769:Name_Not_Found
07/07/05 03:33:36
IEに合わせて作るなってのは基本

770:Name_Not_Found
07/07/05 21:00:40
最初にモジラ系に合わせて作れば
他ブラウザで見た時に崩れるって事がかなり減るもんな

771:Name_Not_Found
07/07/05 21:10:02
Safariの方がいいって噂を聞いたが、実際どうなんだ？
日本語表示や動作不安定といった要素は抜きにして

772:Name_Not_Found
07/07/05 21:25:52
何にしてもIEよりはマシだろうな

773:Name_Not_Found
07/07/05 23:08:18
IEはIEでしか使えないサービス以外は使わない

IEでしか使えないサービスって大抵使いがてが悪かったりする

774:Name_Not_Found
07/07/06 01:57:20
>>773
DMM

775:Name_Not_Found
07/07/06 19:06:26
段組のサムネールを左揃えにして画面の中央に表示したいのですが、どのようなCSSを書けばよいのでしょうか？

776:Name_Not_Found
07/07/06 20:30:57
つ【テンプレ】

777:Name_Not_Found
07/07/06 20:44:02
>>773
ノータッチ・デプロイメント、ClickOnce、ActiveX。
続けざまに開発させられたぜ。

778:Name_Not_Found
07/07/07 13:26:23
IMGタグに関しての質問です。

srcで指定した画像が表示できなかった場合に、赤色のバツマークが表示されますが、
そのバツマークに変わるものをこちらでデフォとして設定できる方法はないでしょうか？

スレ違いでしたらスイマセン。

779:Name_Not_Found
07/07/07 13:51:14
ない。

780:Name_Not_Found
07/07/07 13:53:19
それ以前に表示されないような事態を作るな

781:778
07/07/07 15:34:43
どうですか。。
予め、httpでgetをかけて見ておくぐらいしかなさそうですね。
どもでした。

782:Name_Not_Found
07/07/07 23:25:46
altを知らん奴が回答するなよ。

783:Name_Not_Found
07/07/08 00:15:01
>>782
×馬鹿

784:Name_Not_Found
07/07/08 09:29:20
IEで見たときだけ文字が少し大きいです。
これは私の環境の問題でしょうか？

785:Name_Not_Found
07/07/08 09:50:45
>>784
ブラウザのデフォルト文字サイズの違いじやねーの

786:Name_Not_Found
07/07/08 09:52:51
>>784
IEの互換モードの問題なら、フォントサイズは「small」とかではなく、
全部％で指定するようにすればいい。

787:Name_Not_Found
07/07/08 10:31:19
>>785-786
サンクス。

788:Name_Not_Found
07/07/08 13:29:29 cHtFZDDr
URLﾘﾝｸ(sakuratan.ddo.jp)

こんなかんじでWikiを真似してるんだけど画面を縮めたときに目次が
縦にのびちゃう・・・。CSSではマージンを設定しているけどこれが
駄目なの？
分かる方、お願いします。

789:Name_Not_Found
07/07/08 13:38:51
駄目とかではなくそうしてるんだから当然。

790:Name_Not_Found
07/07/08 13:46:30
>>788
width min-width whitespace とかを指定する。

791:Name_Not_Found
07/07/08 13:51:34 cHtFZDDr
289さん、290さんアドバイスありがとうございます。

min-widthですか、、、
やってみます

792:Name_Not_Found
07/07/08 13:58:32 cHtFZDDr
widthでいけました！
ありがとうございました＾＾；

793:Name_Not_Found
07/07/08 14:12:14
なんだこのアホな質問

794:Name_Not_Found
07/07/08 14:27:25 cHtFZDDr
URLﾘﾝｸ(sakuratan.ddo.jp)
私はまだ、習ったばかりでして・・・今もこうやってwikiを真似しながら
cssを勉強している次第です；

ここまでできたのですが、後一つだけわからないことがあります。
inputタグのボタンについてですが、文字を太字にするにはどうすれば
いいのでしょうか?

何度もすいません。

795:Name_Not_Found
07/07/08 14:34:20
>>794
プロパティ一個でできるだろうがよ！

796:Name_Not_Found
07/07/08 14:43:43 cHtFZDDr
inputのプロパティですか、、、?
調べてみます

797:Name_Not_Found
07/07/08 14:47:44 cHtFZDDr
あ、CSSの方にありました。
input, select, textarea　これですよね？

文字のサイズの変え方は説明されていましたが、太字については説明
されていませんでした・・・。
どなたかお願いします

798:Name_Not_Found
07/07/08 14:51:39
>>796-797
・・・・・・・・・・・・・・・・・・・
基礎の基礎から勉強して恋

799:Name_Not_Found
07/07/08 17:23:58
>>798以外の方、ヒントだけでもお願いします

800:Name_Not_Found
07/07/08 17:33:36
プロパティが何なのか調べてこい。

801:Name_Not_Found
07/07/08 19:39:46
>>800以外の方でお願いします

802:Name_Not_Found
07/07/08 19:44:49
だが断る。

803:Name_Not_Found
07/07/08 20:10:14
初心者を名乗っても何のメリットもありません。
テンプレを読み、基礎を勉強してから質問して下さい。

804:Name_Not_Found
07/07/08 21:24:07
最低限も理解してないでこんなとこ来るなマジで

805:Name_Not_Found
07/07/08 22:28:27
>>802-804以外の方お願い

806:Name_Not_Found
07/07/08 23:18:59 kAeje9ua
>>794
wikiのcssはこうなってるが、これでもできんってこと？
#searchGoButton {
padding-left: .5em;
padding-right: .5em;
font-weight: bold;
}

807:Name_Not_Found
07/07/08 23:32:34
↓例の画像

808:Name_Not_Found
07/07/08 23:57:22
童貞の方お願い

809:Name_Not_Found
07/07/09 06:51:12 1ZxWSj49
>806
799,801,805は私ではありません・・・。

font-weight: bold;ですか。こんなプロパティがあったんですねぇ。
どうも親切にありがとうございました。

810:Name_Not_Found
07/07/09 08:43:06
二度と来んな馬鹿

811:Name_Not_Found
07/07/09 15:10:02
@media all and (min-width : 0)

CSS3 だと @media でこんな指定が通るらしいのですが（>2の validator で通った）、
これについての文法が日本語訳で書かれている場所がありましたら教えてください。

812:Name_Not_Found
07/07/09 18:46:10
text-indent:-999pxを使わずにa:hoverでのリンクのロールオーバーなんだけど
下記でやるとIE6のみうまく動かない（a:hoverで背景が切り替わらない)んだよね
何か対処法無いか知恵を貸してくれないか

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html lang="ja"><head>
<META http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
<title>test</title>
<style type="text/css">
#navi {position:relative;height:50px;}
#navi li a {overflow:hidden;display:block;width:100px;height:50px;position:absolute;top:0;zoom:100%;}
#navi li a#a {left:0;}
#navi li a#b {left:100px;}
#navi li a#c {left:200px;}
#navi li a#d {left:300px;}
#navi li a span {position:absolute;top:0;left:0;width:100%;height:100%;display:block;}
#navi li a#a span {background:#ffa;}
#navi li a#b span {background:#faf;}
#navi li a#c span {background:#aff;}
#navi li a#d span {background:#aaa;}
#navi li a:hover span {background:#666 !important;}
</style></head>
<body>
<ul id="navi">
<li><a id="a" href="01.asp">aaaaaaaaaaaaaaaaaaaaaa<span></span></a></li>
<li><a id="b" href="02.asp">bbbbbbbbbbbbbbbbbbbbbb<span></span></a></li>
<li><a id="c" href="03.asp">cccccccccccccccccccccc<span></span></a></li>
<li><a id="d" href="04.asp">dddddddddddddddddddddd<span></span></a></li>
</ul>
</body></html>

813:Name_Not_Found
07/07/09 20:02:41
>>812
君がちゃんとcssを勉強した結果のソースとはとても思えない。
ヤル気があるならもう一度マトモなソース書いて貼ってくれよ。
コピって来たソースなら、元ソースのプロパティをちゃんと理解した上で改変すべき。

814:812
07/07/09 20:47:21
>>813
オリジナルですよ
どこがまともじゃない?
空spanは、ナンセンスかもしれんが、一応validなんだが

815:Name_Not_Found
07/07/09 21:04:10
>>812
原因は分からんが、
#navi li a:hover {background:#666} なり
#navi li a:hover {border-style:none} なり
適当なものをhoverに適用するとちゃんと認識する。

816:812
07/07/09 21:11:42
>>815
サンクス
そう、a:hoverに対しての指定ではいけるんだが、spanをはさむと駄目なんだ
IE6以外はいけるんでIE6固有の解釈によるんだろうけれど、あと一歩攻めきれない
ちなみに、onmouseしている状態でリロードすると、ちゃんと解釈されたりするんだけれど

817:Name_Not_Found
07/07/09 21:17:08
>>816
ん？こういうことだぞ？ hoverでの指定で背景色を指定してるわけではない。
#navi li a:hover {border-style:none}
#navi li a:hover span {background:#666 !important;}

818:812
07/07/09 21:20:35
>>817
ををををっ
感謝！
ありがとう、とりあえず希望の動作になったよ
使わせてもらいます
多謝

819:Name_Not_Found
07/07/09 23:48:51
>>813
ちゃんと勉強して理解して自分で綺麗なソース掛けるなら質問スレで質問なんてしないだろうが。

ここ最近、煽りたい盛りの厨房が台頭してきてるな。
夏休みか。

820:Name_Not_Found
07/07/10 08:59:52
質問者は馬鹿が前提
理屈は要らない
答えだけ欲しい

821:Name_Not_Found
07/07/10 11:11:53 /oBNWlWx
*{margin:0px;padding:0px;border:0px;}
#menu{float:left;}
#menu li{list-style-type:none;}
#menu a{display:block;width:170px;height:25px;border-bottom:#FFFFFF solid 1px;}
#submenu{width:629px;height:129px;float:left;background:#FFFFFF url(images/menuback.jpg) no-repeat top left;border-bottom:#FFFFFF solid 1px;}

<ul id="menu">
<li><a href="#"><img src="images/menuA.jpg" alt="A"></a></li>
<li><a href="#"><img src="images/menuB.jpg" alt="B"></a></li>
<li><a href="#"><img src="images/menuC.jpg" alt="C"></a></li>
<li><a href="#"><img src="images/menuD.jpg" alt="D"></a></li>
<li><a href="#"><img src="images/menuE.jpg" alt="E"></a></li>
</ul>
<div id="submenu">
<img src="images/menuF.gif" alt="F">
<img src="images/menuG.gif" alt="G">
</div>

munuAからEのリスト間がIE6だとなぜか大きく開いてしまうのですがなぜでしょうか。

次ページ