CSS初心者スレッド＝7th＝

1 ：Name_Not_Found：2009/08/29(土) 15:30:27 ID:???

CSS初心者の方のための質問スレッドです。
具体的な記述方法がわからない方、基礎知識がない方はこちらでどうぞ。

※気のいい人だけが答えてくれますので、解答はまったり待ちましょう。

《関連スレ》
Webサイト制作初心者用質問スレ Part 212
http://pc11.2ch.net/test/read.cgi/hp/1249471196/

《前スレ》
CSS初心者スレッド＝6th＝
http://pc11.2ch.net/test/read.cgi/hp/1234355194/

《過去スレ》
CSS初心者スレッド＝5th＝
http://pc11.2ch.net/test/read.cgi/hp/1228900036/
CSS初心者スレッド＝４ｔｈ＝
http://pc11.2ch.net/test/read.cgi/hp/1218200382/
CSS初心者スレッド＝3rd＝
http://pc11.2ch.net/test/read.cgi/hp/1212198165/
CSS初心者スレッド＝2nd＝
http://pc11.2ch.net/test/read.cgi/hp/1207202319/
CSS初心者スレッド＝1st＝
http://pc11.2ch.net/test/read.cgi/hp/1193327030/

357 ：Name_Not_Found：2009/11/11(水) 00:51:56 ID:???

<div>てすとてすと<br />てすとてすと<br /></div>
とあるあるときにdivのwidt、heightそれぞれ指定しなくても
テキストのある範囲に幅に合わせてくれますが
これは仕様なのでしょうか、それともブラウザに依存しているのでしょうか

358 ：Name_Not_Found：2009/11/12(木) 15:56:01 ID:/pfdOLPA

<div style="margin:5px;">a</div>
<div style="margin:5px;">b</div>

このように書くと、

┌─┐
│ a│
└─┘
┌─┐
│ b│
└─┘
のようにdiv要素が並びますが、aとbの間の隙間が5pxになります。
marginはどちらも5pxにしているので、aの底辺の5pxとbの上辺の5pxが合計されて
10pxの隙間が出来る気がするのですが、なぜ5pxなのでしょうか。

359 ：Name_Not_Found：2009/11/12(木) 19:11:10 ID:???

上下の隣接するmarginは相殺が発生するのがCSSの仕様
解説サイトを探して調べてみてください

360 ：Name_Not_Found：2009/11/12(木) 21:26:46 ID:/pfdOLPA

相殺するんですか
初めて知りました
ありがとうございます

361 ：Name_Not_Found：2009/11/13(金) 13:23:23 ID:nN++1svv

liタグを使って
・あああああああ
ああああ
といった表示をしたいのですが
・あああああああ
ああああ
となってしまいます

何かやり方ありませんか？

362 ：Name_Not_Found：2009/11/13(金) 14:33:07 ID:oox5/boO

何がだめなのか。

363 ：Name_Not_Found：2009/11/13(金) 16:07:20 ID:???

>>361
前者と後者の違いがまったくわからないんだが、

list-style-position−スタイルシートリファレンス
ttp://www.htmq.com/style/list-style-position.shtml

こういうことなのではないかとエスパー回答してみる

364 ：Name_Not_Found：2009/11/13(金) 17:43:38 ID:6Eu/tgl7

画像検索apiを使って
ttp://sokkuri.net/alike/%E9%97%98%E7%89%99/%E9%9A%86%E3%81%AE%E9%B6%B4
上記のサイトのように画像一覧を表示させる方法を教えてください。
初めての質問なので板違いだったらすみません。
よろしくお願いします。

365 ：Name_Not_Found：2009/11/13(金) 18:36:31 ID:???

>>363
おお、エスパー回答の通りです
ありがとうございました

366 ：Name_Not_Found：2009/11/13(金) 21:18:47 ID:5nWc7khW

ゾンビから逃げて最終的にはヘリで逃走するミッション鯖を探してるのですがわかりません。
どなたかIPを教えて頂けたらうれしいです。

367 ：Name_Not_Found：2009/11/14(土) 01:57:09 ID:???

>>366
192.168.0.1だよ。

368 ：Name_Not_Found：2009/11/14(土) 03:16:03 ID:98Z1MpYI

>>367 本当にありがとうございます

369 ：Name_Not_Found：2009/11/14(土) 18:09:51 ID:AGVd2sio

なんかＯｐｅｒａでやると変になる

370 ：Name_Not_Found：2009/11/14(土) 19:11:08 ID:???

<div>
　<div style="float:left;">ああ</div>
</div>
<div>いい</div>

だと "ああ" と "いい" の間で改行されないの？

371 ：Name_Not_Found：2009/11/14(土) 19:21:00 ID:UVdwJxnN

質問です。

<h1 id="x"><a href 〜>あいう</a></h1>の文字カラーの指定を
「a」の指定よりも「h1」の指定を優先させるためには、
どうすれば良いのでしょうか

372 ：Name_Not_Found：2009/11/14(土) 20:03:51 ID:98Z1MpYI

>>367 鯖がありません…

373 ：Name_Not_Found：2009/11/14(土) 21:17:12 ID:???

>>372
じゃあ 127.0.0.1 で。

374 ：Name_Not_Found：2009/11/14(土) 21:20:18 ID:???

くだらね死ねよ

375 ：Name_Not_Found：2009/11/14(土) 22:35:28 ID:???

いまだにディブ房なんているのかｗ

376 ：Name_Not_Found：2009/11/14(土) 22:37:23 ID:???

div=「」
何の意味もない
CSSのCはカズケーディング
少しは本買って勉強しろ
いじってればどうにかなるなんてレベルはもう卒業してね

377 ：Name_Not_Found：2009/11/14(土) 22:59:29 ID:JMG8jQQR

<span class="entry"></span>で囲った文字列が大量にあるのですが、
これらにmarginをつけることは出来ないでしょうか。
inline要素はmarginなど指定できなかったと思いますが、
何かいい方法はないでしょうか。
外部ファイルからCSSを読んでいるので、
.entry {
****
}
の部分を1箇所直せば全てに適用できます。
ご回答お待ちしております。

378 ：Name_Not_Found：2009/11/14(土) 23:31:59 ID:???

カズケーディングｗｗｗｗｗ
少しは本買って勉強したら？

379 ：Name_Not_Found：2009/11/15(日) 01:08:00 ID:???

これは恥ずかしい。

380 ：Name_Not_Found：2009/11/15(日) 01:38:34 ID:???

>>377
左右の margin ならそのままで。
上下の margin なら

display: inline-block;

でいけんじゃ？

381 ：Name_Not_Found：2009/11/15(日) 02:46:00 ID:+d3O3rv1

ゾンビできました。
しかし試合してる最中いきなり切断されます。
何故でしょうか

382 ：Name_Not_Found：2009/11/15(日) 12:53:01 ID:???

>>370
エスパー回答
clearしたら

>>371
#x a { color: ... }

で十分

>>377
> inline要素はmarginなど指定できなかったと思いますが、

本当にそうか？試してみた？

>>381
いい加減板違いは帰れ

383 ：Name_Not_Found：2009/11/15(日) 14:18:50 ID:???

CSSとhtmlは分ryアウトラインを先に作ry
愛正解みたいなのにしたいならご自由に

384 ：Name_Not_Found：2009/11/15(日) 14:34:05 ID:YS4RzEXO

>>382
横は出来ましたが立てのmarginはだめでした

385 ：Name_Not_Found：2009/11/15(日) 14:44:59 ID:???

>>384
line-heightじゃ駄目なの

386 ：光：2009/11/15(日) 19:47:30 ID:h37y1MK9

すみません
どうか>>347にお答えいただけませんか？

387 ：Name_Not_Found：2009/11/15(日) 23:59:05 ID:YS4RzEXO

>>385
ああ、その手がありましたか!!
複数行になっている部分の行間がちょっと気になりますが、とりあえず出来ました。
ありがとうございます。

388 ：Name_Not_Found：2009/11/16(月) 01:28:56 ID:???

ケータイCSSはものすごい制限あるよ

389 ：光：2009/11/16(月) 07:31:01 ID:???

PCでもブラウザ依存なのでしょうか？
対象法はJavaScriptくらいですか？

390 ：Name_Not_Found：2009/11/16(月) 22:36:05 ID:yyQ+6g7M

…
<div>○</div>
…

○の部分に、無料レンタルサービスの「RSSフィード取得ツール」を埋め込んでいます。
時々このサービスのサーバーが重くなって表示されなくなります（ずっとロードの状態になる）。
すると、この<div>○</div>以降に書いてあるものもすべて表示がされなくなってしまいます。
そこで、<div>○</div>の部分は最後にロードするようにしたいのですが、このようなことは可能でしょうか。

391 ：Name_Not_Found：2009/11/16(月) 23:25:02 ID:???

HTML 内で一番下に書けばいいんじゃね。

392 ：Name_Not_Found：2009/11/17(火) 17:40:58 ID:ROGjbCwz

>>391
そうすると表示位置も下になってしまいます

393 ：Name_Not_Found：2009/11/17(火) 18:00:20 ID:???

そもそも何でCSSの質問スレで聞くの

394 ：Name_Not_Found：2009/11/18(水) 18:33:45 ID:???

画像をテーブルの下敷きにしようとして以下のようにしました。
chromeでは見えないのですが、ie6、狐3.5.5で見るとhoge1とhoge2の間に
テーブルの枠らしき線が水平方向に入ってしまいます。
線を消す方法を教えてくらさい！

<table styel="background-image: url(hoge.jpg);border-color:transparent;border-collapse:collapse;">
<tr><td>hoge1</td></tr>
<tr><td>hoge2</td></tr>
</table>

395 ：Name_Not_Found：2009/11/21(土) 10:33:48 ID:???

>>392
ヒント position

396 ：Name_Not_Found：2009/11/21(土) 10:37:46 ID:tbYtZSx+

w3cのcss3に関する記述のトップページってどこにありますか？
以前見てたのですが久しぶりにアクセスしたらデザインが変わっててわからなくなりました

397 ：Name_Not_Found：2009/11/21(土) 11:02:10 ID:tbYtZSx+

すいません見つかりました

398 ：Name_Not_Found：2009/11/21(土) 11:23:12 ID:90JTidUS

CSS3の大部分はワーキングドラフトなのに早漏のようにCSS3講座を開講してるサイトってなんなんですか？

399 ：Name_Not_Found：2009/11/21(土) 15:09:39 ID:???

サイトでうだうだ言われるということは、
先行実装しているブラウザはどうなるわけ

400 ：Name_Not_Found：2009/11/22(日) 21:32:58 ID:???

li img:before{
content:attr(alt);
disply:block;
color:red;
}
としても firefox で表示されないのは　何で？

401 ：Name_Not_Found：2009/11/23(月) 13:27:28 ID:???

印刷時に文章をLaTeXのように2カラムにする方法を探しています。
印刷環境によって、改ページする位置は変わるので、
コンテンツ側に、改ページタグを付けたくはありません。

402 ：Name_Not_Found：2009/11/23(月) 16:12:17 ID:???

-moz-column-count:2; column-count:2;

403 ：Name_Not_Found：2009/11/23(月) 18:35:33 ID:???

ttp://fukia.6.ql.bz/
このサイトを作っているのですが、IE6で確認すると、ナビゲーションボタンの周りに隙間が出来てしまいます。
どうしたら修正できるかどなたか教えていただけませんか？

404 ：Name_Not_Found：2009/11/23(月) 23:14:12 ID:???

エレガント（笑）じゃないが良ければ。
上書きしないで、追加で入れてくれ。

* html body #navi li{
float: left;
width: 160px;
height: 55px;
margin: 0px 0px 0px 0px;
padding:0px;
line-height:0;
position:relative;
top:-3px;
}

* html body #shadow{
background:url(images/img_shadow.jpg) no-repeat;
width:800px;
clear:both;
height:12px;
position:relative;
top:-3px;
}

* html body #middle{
width:800px;
background-image:url(images/img_middle.jpg);
background-repeat:repeat-y;
float:left;
height:auto;
position:relative;
top:-9px;
}

405 ：Name_Not_Found：2009/11/24(火) 13:48:19 ID:???

>>403
http://pc11.2ch.net/test/read.cgi/hp/1257361206/200

406 ：403：2009/11/24(火) 19:05:40 ID:vECGgEQG

>>405
ありがとうございます。全部見て試したんですが、知識不足なためか思った通りになりませんでした；

>>404
わざわざ書いてくださりありがとうございます。ばっちり決まりました！