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

このエントリーをはてなブックマークに追加
919Name_Not_Found:04/12/28 21:54:16 ID:???
920Name_Not_Found:04/12/28 21:58:50 ID:P5+K66RS
>>917
こうですか!?
分かりません!

<div style="display:none">今日は<span style="float:right>いい天気でつね</span></div>
921Name_Not_Found:04/12/28 22:02:02 ID:???
XHTML 1.1 でマークアップしています。

定義リスト <dl> の各要素 <dt> <dd> を一行で表示できる方法はありますか?

 <dl>
  <dt>hogehoge</dt>
   <dd>fugafuga</dd>
  <dt>teketeke</dt>
   <dd>kutokuto</dd>

dt:after {content:":"} としているのですが、これを
 hogehoge: fugafuga
と表示させたいと思うのです。
<dt><dd>をインラインにすればよいのかなとも思ったんですが、なんか違うように感じました。

ご存知の方がいらっしゃいましたら、お願いいたします。
922Name_Not_Found:04/12/28 22:07:58 ID:???
>>921
>>7 Q8/A8
923Name_Not_Found:04/12/28 23:07:48 ID:???
>>922
やはり、それしかないようですね。

XML 宣言を付すと IE は互換モードで動いてしまうため、別の方法はないかと思案しておりました。
ありがとうございました。
924Name_Not_Found:04/12/28 23:38:50 ID:???
:afterとXML宣言のあるなしには何か関係があるのか?
WinIEだと:afterには未対応だし。
925Name_Not_Found:04/12/29 01:37:28 ID:???

次スレッド立てる人、これを>>8以下に忘れないでね。

Q10: リンクを新しいウィンドウで開かせるにはどうしたら?
A10: CSSではできません。target属性かJavaScript?でやって下さい。別窓が開くと迷惑に感じる人もありますからなるべくしない、がW3Cの方針です。

Q11: いままでHTMLでやってた××をCSSでやるにはどうすればいい?
A11: 下記をご覧あれ。テーブル・レイアウトは段組のFAQ(A3)を見なさい。
「いままでの HTML との対照」
 http://www.tg.rim.or.jp/~hexane/ach/fscs/fscsa1.htm
 http://www.tg.rim.or.jp/~hexane/ach/sfcs/sfcsa1.htm
 http://www.tg.rim.or.jp/~hexane/ach/tocs/tocsa1.htm
HTML でのレイアウト指定の、 CSS での指定との対応表
 http://deztec.jp/site/tips/page/p0037.html
926Name_Not_Found:04/12/29 01:39:44 ID:???
あと次スレッドのために>>9>>15>>18とを検討してほしい。
927Name_Not_Found:04/12/29 13:55:32 ID:aRc+lAZt
質問です。
現在 float を使って横二段のページを作っているのですが、
netscape の7.1で表示すると body が menu の下に来てしまい縦二段になってしまいます。
div.body の width を固定値に指定すればいいのですがブラウザに改行を任せたいと思っています。
識者の方、宜しくお願いします。

// test_style.css ----------------------------
div.menu {
float: left;
width: 250px;
}
div.body {
float: left;
}
// test.html ----------------------------
<html>
<head>
<link rel="stylesheet" href="./test_style.css" type="text/css">
<title>title</title>
</head>
<body>
<div class="menu">
メニュー
</div>
<div class="body">
猛烈に長い文章・・・・・・・・
</div>
</body>
</html>
928Name_Not_Found:04/12/29 13:57:36 ID:???
>>15は必須だろう。知らずに忘れたまま書き進める香具師が後を絶たない
929Name_Not_Found:04/12/29 14:08:11 ID:???
>>927 >任せたいと思っています

そう思っているブラウザが縦二段にしてるんだろ?
 素直にwidth指定しれ。

#オマイの書いてる「改行」は意味が違うから注意な。
930Name_Not_Found:04/12/29 14:19:29 ID:???
あぁ、折り返しのことか
931Name_Not_Found:04/12/29 17:28:43 ID:???
>>897
公開自体あきらめろ
932Name_Not_Found:04/12/29 17:36:42 ID:???
>>931
既出だけどCGIから読み出せば大丈夫
933Name_Not_Found:04/12/29 19:11:31 ID:???
>>927
div.body の float を消して
margin-left: 255px; を入れるってのは駄目なの?
934Name_Not_Found:04/12/29 22:24:51 ID:???
>>927
floatをやめてpositonを使えば良いのでは?
935Name_Not_Found:04/12/29 22:33:30 ID:???
>>927
MacIEでも大丈夫かどうか自信がないけど一応。
div.menu {
width: 250px;
position: absolute;
left: 0;
top: 10px;
}
div.body {
position: absolute;
top: 10px;
left: 250px;
}
936Name_Not_Found:04/12/29 23:10:37 ID:???
class名がbodyって時点で釣りでは
937Name_Not_Found:04/12/29 23:59:38 ID:HX6T3Lmz
CSSでレイアウトやると、スクロールバーのスクロールがガクガクになるのって俺だけ?
スクロールの滑りが滑らかな感じがしない…。
俺のローカル内だけならいいがどうなんだろう。
938Name_Not_Found:04/12/30 00:07:13 ID:???
>>937
俺も背景固定するとカクカクなるよ。低スペックマシンだから
939Name_Not_Found:04/12/30 02:18:28 ID:???
このスレって人間的に終わってる人ばっか。
仕事しろ、学校行け
940Name_Not_Found:04/12/30 02:25:05 ID:???
君がね
941Name_Not_Found:04/12/30 02:25:33 ID:???
俺がね
942Name_Not_Found:04/12/30 06:14:00 ID:???
>>939
 休みだい!!
943Name_Not_Found:04/12/30 10:32:21 ID:???
>>925
>>926
テンプレとして付け加えて欲しいと思っているんだがみんなどうだろう?
944Name_Not_Found:04/12/30 10:53:21 ID:???
>>925はもともとFAQに入ってたんだが? 
http://web2ch.s31.xrea.com:8080/?CSSFAQ
このスレッドでは>>1が間違って落としてしまっただけ。
945Name_Not_Found:04/12/30 12:23:56 ID:???
>>939
↑世間のほとんどが休みだということに気づいていない典型的なニート
946Name_Not_Found:04/12/30 13:46:03 ID:???
>>939
↑晒しageでございます。
CSSとは関係ない無内容なカキコとなってしまい恐縮ではござい
ますが、ご理解のほどをお願いいたします。
947Name_Not_Found:04/12/30 16:51:50 ID:???
>937
作成者側
・ページの情報量を減らす
・marginやらなんやらで位置を不用意に動かすのは避ける
・なるべくスクロールしなくても見れるようにレイアウトしなおす

閲覧者側
(・スムーズスクロール機能を使ってるなら解除するように訴えかける)

これで少しは緩和されるはず
948Name_Not_Found:04/12/30 19:17:45 ID:ofp3py3n
デザインのテンプレートサイトを教えてください
http://wdt.pekori.jp/template/
ここはもう見させてもらったので他にもあったらお願いします
949Name_Not_Found:04/12/30 21:36:38 ID:???
>948
http://www.google.co.jp/
キーワードによって色々なサイトが見れるぞ。
950Name_Not_Found:04/12/30 21:52:55 ID:ofp3py3n
先ほどは申し訳ございませんでした。
こちらのサイトのテンプレを使いたいのですが、海外のためコトバがわかりません。
翻訳サイトを通してみましたがいまいちピンと来ない部分があります。
なんとかしていただけると幸いです。
http://www.shoshinsha.com/hp/template/
951Name_Not_Found:04/12/30 22:03:21 ID:???
(゚Д゚)y─┛~~
952Name_Not_Found:04/12/30 22:03:44 ID:???
953Name_Not_Found:04/12/30 22:08:34 ID:ofp3py3n
>>952
英語わからないわけで。
父さん・・・2chの人は扱いが難しいです

いやすいません、扱いなんていってしまって。
マジで950のサイトの使い方教えてください!
お願いします。
954Name_Not_Found:04/12/30 22:33:53 ID:ofp3py3n
もういい。ぷんぷん!
955Name_Not_Found:04/12/30 23:18:03 ID:ofp3py3n
フハハハハハ!全ては成功した!
956Name_Not_Found:04/12/30 23:21:26 ID:???
>>953-955 = ID:ofp3py3n
スレ違い
957Name_Not_Found:04/12/31 00:19:18 ID:???
>947
> ・ページの情報量を減らす
> ・marginやらなんやらで位置を不用意に動かすのは避ける
> ・なるべくスクロールしなくても見れるようにレイアウトしなおす
イタタ

ガクガクするのは背景固定か、テーブルなどに小さな画像を背景としてる場合だよ。
958Name_Not_Found:04/12/31 00:50:35 ID:???
>957
君の世界は狭いということは分かったから、送信キー押す前に自分の書き込みをしっかり見つめてくれ。頼む
959Name_Not_Found:04/12/31 01:00:31 ID:???
人に物を頼む態度じゃねーな。
960Name_Not_Found:04/12/31 01:06:52 ID:???
>>958
いやいや、誰の世界が広くて誰の世界が狭かろうが、
> ・ページの情報量を減らす
> ・marginやらなんやらで位置を不用意に動かすのは避ける
> ・なるべくスクロールしなくても見れるようにレイアウトしなおす
これはないだろこれは。
961Name_Not_Found:04/12/31 01:12:53 ID:???
〜してくれ。頼む。
こういう書き方する奴なんか自分の世界入っててちょっとキモイ。
〜である事を願う・・・。
こんな書き方する奴と同じ臭い。
962Name_Not_Found:04/12/31 01:32:11 ID:???
たとえばどんなページがガクガクスクロールになる?
DOMでゴニョゴニョしまくりイベント拾いまくりなページなら別だが、
CSSレイアウトだからってのとは違うような気もするけど。
963Name_Not_Found:04/12/31 01:47:01 ID:???
マイナス値をふんだんに使った縦長のページをIEで見ると崩れるよ。Operaなら崩れない
964937:04/12/31 01:49:19 ID:???
>>957
画像使ってない。
margin指定なら結構やっているが。
それと>>947
サンクス。修正し直してみる。
965Name_Not_Found:04/12/31 01:52:05 ID:???
たしかにmarginで無意味に位置していすると、遅い時は遅いな。しかしそれはスペックの問題だと思っていた…
966Name_Not_Found:04/12/31 02:02:16 ID:???
いやマシンスペックの問題でしょ
967Name_Not_Found:04/12/31 03:16:38 ID:???
次スレッド立てる人、FAQの10・11を>>8以下に忘れないでね。
http://web2ch.s31.xrea.com:8080/?CSSFAQ

Q10: リンクを新しいウィンドウで開かせるにはどうしたら?
A10: CSSではできません。target属性かJavaScript?でやって下さい。別窓が開くと迷惑に感じる人もありますからなるべくしない、がW3Cの方針です。

Q11: いままでHTMLでやってた××をCSSでやるにはどうすればいい?
A11: 下記をご覧あれ。テーブル・レイアウトは段組のFAQ(A3)を見なさい。
「いままでの HTML との対照」
 http://www.tg.rim.or.jp/~hexane/ach/fscs/fscsa1.htm
 http://www.tg.rim.or.jp/~hexane/ach/sfcs/sfcsa1.htm
 http://www.tg.rim.or.jp/~hexane/ach/tocs/tocsa1.htm
HTML でのレイアウト指定の、 CSS での指定との対応表
 http://deztec.jp/site/tips/page/p0037.html


あと、次スレッドのために>>9>>15>>18とを検討してほしい。
968Name_Not_Found
議論する時間も少なそうなんでとりあえず全部テンプレにいれとけ。
んでアンチが出たら次々あたりスレで取っ払う。JavaScriptスレのとほほのように