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

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

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

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

【前スレッド】http://pc11.2ch.net/test/read.cgi/hp/1185234189/
関聯リンクは>>2-10
【関連スレ】【仕様書】【CSS検証】>>2
【解説など】>>3-4
【FAQ】>>5-9

【関聯スレッド】
CSS/DHTMLバグ辞典スレッド【第５版】
　http://pc8.2ch.net/test/read.cgi/hp/1144494359/
代替スタイルシートに萌え〜
　http://pc8.2ch.net/test/read.cgi/hp/991400015/l50
独自拡張、草案段階のCSSについて語れ
　http://pc8.2ch.net/test/read.cgi/hp/1019912046/l50
* CSS[適用="2ch"]{ イケてるスタイルを："作れ"}
　http://pc8.2ch.net/test/read.cgi/hp/1038678267/l50
CSSでイケてるデザインサイト 39
　現在次スレ待ち

【仕様書】
CSS1の仕様書の原文(英語)
　http://www.w3.org/TR/REC-CSS1
CSS2の仕様書の原文(英語)
　http://www.w3.org/TR/REC-CSS2
CSS1の仕様書の邦訳（日本規格協会訳／個人訳）
　http://www.y-adagio.com/public/standards/css1/toc.htm
　http://www.swlab.it.okayama-u.ac.jp/man/rec-css1/rec-css1.html
CSS2の仕様書の邦訳（日本規格協会訳／個人訳）
　http://www.y-adagio.com/public/standards/tr_css2/toc.html
　http://www.swlab.it.okayama-u.ac.jp/man/rec-css2/cover.html
CSS2.0→2.1変更点
　http://www.d-toybox.com/spec/CSS2.1/appendixC/
CSS2.1（英語）
　http://www.w3.org/TR/CSS21/

【CSS検証】
W3C CSS 検証サービス
　http://jigsaw.w3.org/css-validator/

【解説など】
・ごく簡単なHTMLの説明
　http://www.kanzaki.com/docs/htminfo.html
・ZSPC - Style Sheets Reference
　http://www.zspc.com/stylesheets/
・ZSPC - CSS2対応状況ガイド
　http://www.zspc.com/documents/css2/
・CSS1テストスイート
　http://www.doraneko.org/css1test/
・ばけらの CSS リファレンス
　http://www.ne.jp/asahi/minazuki/bakera/html/css/reference
・K@tsukun's PAGE! > CSS Reference
　http://hp.vector.co.jp/authors/VA022006/css/index.html
・K@tsukun's PAGE! > 付録：CSS対応状況表
　http://hp.vector.co.jp/authors/VA022006/css/corrbrwser.html
・ブラウザのHTML4/CSS対応度テスト
　http://homepage1.nifty.com/emk/moz/browsertest.html
・CSSバグリスト＠CSSバグ辞典スレッド
　http://cssbug.at.infoseek.co.jp/index.html
・Web標準化Tips（特に「HTML/CSSのよくある誤解・ミス」）
　http://www.mozilla.gr.jp/standards/webtips/index.html

【解説など】
・ブラウザによる振り分け（JavaScriptを使用しない方法）
　http://east.portland.ne.jp/~sigekazu/css/boxm.htm#ua
・Web Site 作成支援 - What is CSS?
　http://www.nextindex.net/web/CSS/index.html
・Academic HTML::CSS2
　http://www.tg.rim.or.jp/~hexane/ach/
・『スタイルシートWebデザイン』ボランティアHTML化版。
　http://www.asahi-net.or.jp/~jy3k-sm/css1/2003maki/
・スタイルシート用語集
　http://www.mitsue.co.jp/case/design/c_index.html
・IE で min-width を指定する方
　http://www.lucky-bag.com/archives/2005/05/ie_minwidth.html
・CSSでイケてるデザインサイトリンク集
　http://ike.s33.xrea.com/
・（ ´∀｀）＜ CSS でイケてるデザインサイトリンク集2
　http://www.geocities.jp/cas_ike2/
・* CSS { イケてるスタイルを："作れ";} 発表所
　http://web.archive.org/web/20030415121122/http://strict.jp/~sappari/2ch/css.php

【FAQ】
Q1: IEでは大丈夫なのに、Netscape6 以降で見ると横スクロールバーが出たりするが？
A1: Windows版 Internet Explorerのボックス・モデルが間違った実装だからです。
「width と height の計算方法の実装の違いについて」参照。
　http://hp.vector.co.jp/authors/VA022006/css/visualren.html#ref-width-height
width（height）は、要素の内容領域の幅（高さ）を指定するプロパティですが、
WinIE等では、ボーダー領域 + パディング領域 + 内容領域 の寸法で計算されます。
Netscape 6以降やMacintosh版 Internet Explorer 5 の計算が正しい。
WinIEもver.6 からは標準準拠モードにすると仕様通りに計算してくれます。
　http://www.microsoft.com/japan/msdn/ie/ie60/cssenhancements.asp#cssenhancements_topic3
参考「IEとNNのBOXの計測方法の違いについて」
　http://www.fromdfj.net/html/border2.html

Q2: tableなどブロック要素をセンタリングするには？　text-align:center;を指定しても Netscape6(or7)ではなりません。IEでは中央寄せになるのに……
A2: IEの実装の誤りです。詳しくは下記（特に5.）をご覧ください。
1.'text-align'に関する考察
　http://anslasax.net/css-make/t-a/index.html
2.IE5.5とNetscape6のCSS - 中央寄せ
　http://tancro.stp-1.com/stylesheet/n6_center.html
3.Internet Explorer 6におけるCSSの拡張
　http://www.microsoft.com/japan/msdn/ie/ie60/cssenhancements.asp#cssenhancements_topic6
4.Tableのセンタリング
　http://members.jcom.home.ne.jp/jintrick/Personal/css_miss_table.html
5.ブロックレベル要素をセンタリングする方法
　http://www.mozilla.gr.jp/standards/webtips0004.html

【FAQ】
Q3: CSSで段組するには？
A3: 下記などを参照して下さい。
CSSを用いた段組の作成のコツ
　http://www.fromdfj.net/html/column.html
CSS段組レイアウトデザ委員会
　ttp://web.archive.org/web/20031005195659/http://www.skipup.com/~l-_-l/web/
スタイルシートでマルチカラムデザインの実現
　ttp://web.archive.org/web/20040603063133/http://shiten.s9.xrea.com/etc/stylesheet/multi_column.htm
スタイルシートでマルチカラム・デザインを実現する方法
　http://www.motchie.com/article/multicolumn.html
tableを使はない段組:CSSによるマルチカラムデザインについての考察
　http://members.jcom.home.ne.jp/pctips/www/faq/Dangumi.html
試驗場 - 段組(position版)
　http://members.jcom.home.ne.jp/pctips/www/test/positiondangumi.html
段組れいあうとてすと (floatによる段組の例)
　http://www.remus.dti.ne.jp/~a-satomi/nikki/tmp/dangumi.html
なかよしぱれっと（Netscape4でも崩れない段組みの実例）
　ttp://web.archive.org/web/20041001014138/http://homepage3.nifty.com/fores/
リストを用いたレイアウト
　http://css.maxdesign.com.au/index.htm

【FAQ】
Q4: なんかフロートの表示が崩れるみたいなんですけど？
A4: まずclear忘れがないかを確認してください。
floatさせる要素にはwidth指定が必須（img要素以外）。抜かすとMacIEやOperaでの表示は保証できません。WinIEは勝手に補ってくれるだけです。
　http://www.remus.dti.ne.jp/~a-satomi/nikki/tmp/floattest/float_not-specified-width.html
またfloat:left;で回り込むのはテキスト（imgを含む）だけです。ブロック自体を横並びにするには、後続要素にも“float:left;”なり“margin-left:（浮動要素のwidth）;”なりを指定する必要があります。WinIEの間違った実装で誤解が多いので注意。
　http://cssbug.at.infoseek.co.jp/detail/winie/b054.html
これに当て嵌まらなかったら「浮動要素の高さもheightに含めさせる方法」などを参考に。
　http://www.mozilla.gr.jp/standards/webtips0021.html#c1_2
　http://cssbug.at.infoseek.co.jp/detail/winie/b079.html
　http://cssbug.at.infoseek.co.jp/detail/winie/b053.html

Q5: CSSで擬似フレームってどうやるの？
A5: 次のページを参考にして下さい。
overflow プロパティは擬似フレームも作成できる
　http://web.archive.org/web/20040221221340/http://kobit.info/tips/overflow.html
　http://web.archive.org/web/20040215182735/http://kobit.info/files/frame.html
overflowを用いた擬似フレーム
　http://www.fromdfj.net/html/overflow.html
レイアウトサンプル 擬似フレーム
　http://www.rju666.com/web/layout/imitate_frames.html

Q6:画面中央に配置するにはどうすれば？
A6:左右（水平方向）のセンタリングはA2に既出。垂直には色々な方法があります。
　「スタイルシート 縦中央(垂直中央)」参照のこと。
　http://chaichan.hp.infoseek.co.jp/qa3500/qa3558.htm
vertical-alignはテキストのみが対象だからブロックレベル要素を配置できません。

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

【FAQ】
Q8.dt・ddを横並びにしたいのですが。（会話文など）
A8.floatとmargin-leftの応用で。下記サイトを参照のこと。
「<dl> の整形」
　http://www.remus.dti.ne.jp/~a-satomi/nikki/2001/12b.html#d18n03

Q9.リンクした画像の線が消えません。
A9.img要素ではなくa要素をセレクタにしてborder指定してませんか？
a:link img, a:visited img, a:hover img {border:none;}
NN4は http://cssbug.at.infoseek.co.jp/detail/nn4x/b022.html 参照。
text-decorationの場合、親要素に設定された下線を子要素で解除できないのが正しい仕様です。
cf. http://cssbug.at.infoseek.co.jp/detail/winie/b040.html

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

Q11. height:100%;としても高さが100%になりません。
A11. heightを%単位で指定するためには親要素の高さを明示的に指定する必要があります。下記サイトを参照のこと。
「height: n%;の正しい仕様」
　http://www.mozilla.gr.jp/standards/webtips/webtips0032.html

Q12: いままでHTMLでやってた××をCSSでやるにはどうすればいい？
A12: 下記をご覧あれ。テーブル・レイアウトは段組の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.sakura.ne.jp/x/01/tips/page/p0037.html

【参考】
　IEの position:absolute; のバグを利用した擬似フレーム

----------------------------------------------------------------

＊IEの position:absolute; のバグを利用した擬似フレーム

１．標準モードにする
２．body {height:100%; overflow:auto;}
３．fixしたいブロックを position: absolute; で指定

以下に示すようなハックを用いることにより、全ブラウザへの対応も可。

/* 全ブラウザに適用 */
#menu {position:fixed; display:block; top:100px; left:10px; width:130px; height:200px;}

/* IE6 のみ読み込む */
* html #menu {position:absolute; display:block; top:100px; left:10px; width:130px; height:200px;}

《実現例》
CSS frame emulation
http://www.stunicholls.myby.co.uk/menu/background2.html

乙

いちもつ

━━━━━━━━━━━━━━━━━━━━
　　.キッ！　 　／　＼　 　／ ＼　　ん！新スレキタ！
＿＿＿∧,､ ／　 （●） 　（●）　 ＼＿＿＿＿
￣￣￣`'`　|　　　　（__人__）　　　　|￣￣￣￣
━━━━━━━━━━━━━━━━━━━━

>>1乙

>>1さん乙です。
早速ですが質問があります。擬似フレームを組んで本文部分の所に画像のギャラリーを作りたくて、<li>に画像を使ってそれを、
#gallery { list-style-type: none; }　#gallery li { display: inline; float: left; }
で、横並びにして数段積んでいます。
□□□□□
□□□□□←こんな感じです。

そのようにした時、
h3 { margin-top: 15em; }で要素間を空けていたのですがそれが詰まってしまいました。

<h3>AAAAAAAAAA</h3>
<p>ああああああああ</P>
──この間を15em空けていた──
<h3>BBBBBBBBBB</h3>
<p>いいいいいいいい</p>

ところが、<li>に画像を入れて並べたら15emが保持できなくなってしまいました。
<h3>AAAAAAAAAA</h3>
<ul id="gallery">
<li><a href="../imeges/poto/11.jpg" title="画像1" ><img src="../imeges/thickbox/10.jpg" width="65" height="65" alt="画像1" /></a></li>
<li><a href="../imeges/poto/11.jpg" title="画像2" ><img src="../imeges/thickbox/10.jpg" width="65" height="65" alt="画像2" /></a></li>
（この後10数枚分続く）
</ul>
<h3>BBBBBBBBBB</h3>
<ul id="gallery">
<li><a href="../imeges/poto/11.jpg" title="画像1" ><img src="../imeges/thickbox/10.jpg" width="65" height="65" alt="画像21" /></a></li>
<li><a href="../imeges/poto/11.jpg" title="画像2" ><img src="../imeges/thickbox/10.jpg" width="65" height="65" alt="画像22" /></a></li>
（この後10数枚分続く）
</ul>
15emをしっかりと空けるにはどうすればいいでしょうか？よろしくお願いいたします。

関係ないが同じidをページ内に複数使うなボケ

ごめんなさい。classに変えておきます。初めて作っているので
頭の中が混乱しちゃって・・・。

<h3>AAAAAAAAAA</h3>
<ul class="gallery">
<li><a href="../imeges/poto/ 中略" /></a></li>
中略
</ul>
<br class="clearleft" />
<h3>BBBBBBBBBB</h3>
以下略

<br class="clearleft" />をXHTML側に入れて
.clearleft { clear: left; }　をCSSに入れて
自己解決できました。

>>14の画像の番号はテスト段階だったので同じ番号になっています。
大変お騒がせいたしました。>>15さんidの使い方のご指摘ありがとうございました。

http://adp.daa.jp/archives/000265.html
これの一番下のとこなんだけど、なんでborderを画像で代用するしかないって言ってるの？

<div id="box">
<div id="box2">
あああ
</div>
</div>

んで、
#box {
width:300px;
}

#box2 {
border:1px solid #000;
padding:1px;
}

って具合にborder使えるんじゃね？

>>10
DIV厨サヨウナラ

>>18
外側のボックスにボーダーをつけられないって話じゃね？

a, a:link {
border-bottom: 1px dashed;
}
a:hover {
border-bottom: 1px solid;
}
のようにa要素にボーダー指定してしまったら
img {
border: 0;
}
にしていても
画像にリンクをはった場合ボーダーがつくのは仕方ないことですか？
回避する方法があったら（画像にリンクをはる時のaにIDやclassをふる以外で）
教えてください。

http://www.tyranno.co.jp/

>>21
上二つにboder自分で設定してね？

>>21
・aはtext-decorationでやる
・aにIDやclassをふる

>>24
>>24
>>24

>>25
回答もせず無意味に煽ってどうするね

>>23
説明ベタですみません、テキストリンクにはボーダーをつけて画像リンクにはボーダーをつけたくなかったんです。
>>24
最初text-decorationを使ってみたりもしたんですが
text-decorationだと破線に出来ないのでboderを使ったんです…。

やっぱ無理ですよね。「imgを内包するaにスタイルを適用」みたいな指定が出来たらいいのに（´・ω・`）
あきらめるか背景画像で線を表示するとか？他の方法を考えてみます。

素直にclass割り振るのが一番簡単だと思うんだが

追記です
css3だとtext-decorationで破線やドット線を指定できるんですね
おとなしくclassふるかcss3の勧告とブラウザ実装を待ちます。

テキストが画像にリンクしてなくて画像が画像にリンクしているなら

a[href$=".jpg"] {
border: none;
}

とか・・・
限定的過ぎるし、IEじゃ動かないなｗ

絵に描いた餅

>>29
そのような限定的な場面の為のclassでもあるので、
素直に画像用のaタグにclass指定するのが早いと思うけど。

が、どうしてもclassを使わないというのなら、
1. テキストリンクは必ずbタグなどで囲む <a href="#"><b>link</b></a>
a b, a:link b { border-bottom: 1px dashed; }
a:hover b { border-bottom: 1px solid; }
いちいちタグを加えるのが面倒過ぎる。

2.透過画像には使えないが
img { margin-bottom: -5px; }
強引過ぎて、副作用も大きい。

>>29
class振りたくないけどどうしてもってことなら
jQueryとかのJavaScriptライブラリ使ってスタイルいじるっていうのも
方法のひとつとしてはあるけどね

<b></b>

>>27
imgはインラインなんだから上位に何かあるだろ。大抵はliだと思うが。
そっち使って何とかしろ。

おまいなぁ・・・　　　　ま、いいや

並んでいるli要素やtd要素に対し
交互にcssを適用させていきたいのですが
javascript等を使わないでcssだけで簡単にするには
どうすればいいですか
できれば交互にclassを振ったりせずに済ませたいのですが

li
li + li
li + li + li
li + li + li + ...
と延々と繰り返す以外で方法はないですか
li要素やtd要素が無限に増えても対応ができるような

できればIE6辺りからも対応させたいのですが

>>37
�_、それ以外ない。

何のためのclassだと思ってんだか

>>39
それが装飾用だったらclassを付けるのは邪道。
交互に意味があるんだったらclassでいいけど。

装飾用です・・・
無理に意味を持たせるとしたら
class="odd"とclass="even"でしょうか

というか+で延々と繰り返すしか方法はないんですね
どうもです

>>40
そんな事はstrictスレで言え。

>>42
>>39に言えよ。何のためか、と言えば属性の付与のためなんだから。

>>40
cssは見た目を整えるもの。
cssを使わなくてもhtmlで意味付けはなされているのだし、
classに意味なんて求めるのは一部の狂信者。

そもそも要望がclassを使わずに、だから。
まあ隣接セレクタ以外じゃ無理ということで答えは出てるんだけど

＞交互に意味があるんだったらclassでいいけど。
どっから意味なんて話に飛躍するんだよ。

>>43
ttp://www.w3.org/TR/html4/struct/global.html#h-7.5.2
その付与した属性はスタイルシートのセレクタとしても使われると明記されているが。

下記がfirefoxでは表示されるのにIEでは表示されません。ﾎﾞｽｹﾃ

<div id="leftmenu">
<ul>
<li><a href="#" id="home">Home</a></li>
<li><a href="#" id="leftmenu1">What's</a></li>
</ul>
</div>
-----------------------------------------
div#leftmenu {
width: 197px;
height: 450px;
background-color: #600000;
float: left;}

#leftmenu ul {margin: 0 0 0 3px; padding: 0;}
#leftmenu ul li {
display: block;
width: 190px;
height: 50px;
margin: 3px 0;}
#leftmenu ul li a{
display: block;
width: 190px;
height: 50px;
text-indent: -9999px;}
#leftmenu ul li a#home {background-image: url(./image/home.png);}
#leftmenu ul li a#leftmenu1{background-image: url(./image/menu1.png);}
#leftmenu ul li a#home:hover {background-image: url(./image/homehover.png);}
#leftmenu ul li a#leftmenu1:hover{background-image: url(./image/menu1hover.png);}

>>48
＞<a href="#" id="leftmenu1">

>>47
Firefox2.0/IE6.0/Opera9.23のいずれでも同じように表示され、
擬似クラスによる画像置換も問題無いけど?

>>48
表示されないって画像が？全然？

>>50
> <a href="#" id="leftmenu1">
ダミーで<a>のリンク先を書いていたので・・・
とりあえず「a.html」に変更してみましたが症状変わらずです。

>>51
<div id="leftmenu">〜</div>
の中身全体が表示されません・・・

安価ミスりました。>>50 は>>49の間違いです。

追記。

IEでページ全体のテキストををクリップボードにコピーしてペーストしてみると、
<div id="leftmenu">〜</div>の部分がコピーされておりませんでした。

fxで同じことをしてみると、<div>内のテキストはコピーされていましたが・・・

clear:bothを入れてもだめ？

取り急ぎご報告！！

解　決　し　ま　し　た　！！


理由は書くのも恥ずかしいミスでした。
検証してくださった皆様、レスしてくれた皆様。
ありがとうございました。ごめんなさいごめんなさいごめんなさい！

>>52
>>50が問題無いって検証してくれたろ。
>>48のソースにも特に変な所はない。
pngも普通の画像なんだろ？ F5したか？

俺急ぎすぎorz
>>55 はワタクシです・・・

理由がしりたい

恥を忍んで・・・

-----------
<div id="leftmenu">
（略）
</div>
-----------

視線を上に上げてみました。

-----------
<!-- menu -- >
<div id="leftmenu">
（略）
</div>
-----------

ん？
<!-- menu -- > ・・・？

原因はこのコメントでした。

-->

と閉じるべきところに、半角空白が入っておりまして。

-- >

と、なっておりました。

もう、回線切って首つって（ｒｙ

ｗ

>>59
FireFoxはそれでも表示されたの？

>>61
それが不思議なことにfxでは表示されてたんです・・・。

まぁHTMLだったら間違いじゃないからな

liにheight:30
を指定し、文字列の高さを中心に持ってこようと、
vertical-align:middle
を指定したんだけど、文字列の高さが中心に来ません。
vertical-alignはheight指定分の高さは補整してくれないのでしょうか？
それとも他に根本的な間違いがありますか？

>>64
heightに30なんて数値指定はないし、
heightはプロック要素に有効であり、vertical-alignはインライン要素に有効。
基本からやり直し。

IE6を見ながらCSSでキレイに作ったサイトありますが、完成後に
IE7、Firefox、operaなどで見たら酷くレイアウトが崩れています。


複数のブラウザに対応したCSSサイトを作るコツはありますか？
注意点をまとめたサイトなどはあれば教えてください。

>>66
Firefoxで確認しながらサイトを作り、
完成後にIE6に対応させる

あと細かい点だと
・IEでstandardモードになる文書型宣言をする
・floatはなるべく使わない

>>67
>floatはなるべく使わない

何を使うの？

> 何を使うの？
変な段組とかしようとしなければ必要ないでしょ

>>68
float無しで実現可能なデザインにすればいいだけじゃね？

完璧な技があるのかな〜とちょっと期待したんだ

>>44
CSSは見た目を整えるものだが
classは見た目のための属性じゃない罠

>>72
>>47

text-indent: -9999を平気で使っていたり、
妙な事を言い出す人間がいたり、何か安っぽいHOWTO本とかの影響?

> text-indent: -9999
それはcss側に記述する物であって
classの属性値はhtml側に記述する物だから

>>73
おまえ自分で全然違うことを言ってるのに気付いてないな。
恥ずかしい奴。

引き続き釣りスレをお楽しみください

>>74
<dl>
<dt>妙な発言</dt>
<dd>text-indent:-9999</dd>
<dd>>>72</dd>
</dl>
という事だろ。
text-indentに関しては、プログラム書いてる人間やFirefoxユーザーには違和感アリアリらしいが、
既にテンプレ入りしているような手法なので、何とも言えないな。

>>77がわからないFxユーザ

-9999は個人的には違和感あるけど
プログラム書いてるとかFirefox使ってるとかって
どう関係あるの？

>>65
pxが抜けてました。申し訳ないです。
インラインにはheight使えないんですね。
今使ってるIEでは反映されるからOKかと思ってました。　　
ありがとうございます。

>>78
ttp://www.mcdonalds.co.jp/
上部のナビゲーションメニューのリンクをクリックしてactiveにすると、
dashedなborderが画面外まで続くからでは。

>>79
画面上からは単に消えるだけだけど、内部的には-9999pxの位置に存在しているので、
そんなものの為に処理能力とメモリを使うのはアホらしくて気持ち悪いそうだ。
良く判らんが、牧場で柵の中にいる牛とは別に、
柵の外のえらく離れた場所の木に繋がれた牛の面倒も見なければならない的な感覚らしいが。

>>81
別にFxでだって消す方法はあるし
外まであったって何の不都合もないしなあ。

ていうか表立って動いてないものの処理を裏で処理するなんて
ソフト処理としては極々普通のことなんだが、特にGUIアプリの場合。

そういえば-999はおＫで-9999はんＧって人がいたな。
あれもメモリの関係なんだろうか。

すいません
RSSっていうのを入れて、大きさを変えたんだけど
http://pc11.2ch.net/test/read.cgi/affiliate/1190388848/46
↑のスレで言われたんだけど、CSSってどこに入れたら良いですか？
お願いします

大きさを、変えたいです
間違えました
おねがいします

>>82
そりゃ必要な処理なら問題無いけどね
例えるなら 3Dゲームで敵のAIコードがバックグラウンドで動くのは必要な処理だけど
他のオブジェクトに重なって見えない個所をレンダリングするのは無駄以外の何者でも無いのと同じ

とはいえPCのブラウジングなんてどうせCPUパワーもメモリも余っているんだから
そんなしょぼいNewbieコードに目くじら立てる必要も無さそうだけど

>>84
何を言いたいのかわからない・・・
どこに入れてもいいと思うよ。

>>86
CSSに限ってはカスケードなんだから必要ない処理を幾つもして上書きして見えなくなってるが、
すべて否定してるのかｗｗｗ

継承もうまくやらないと無駄な処理をしちゃうよ
http://developer.mozilla.org/ja/docs/Writing_Efficient_CSS

>>84
ありがとうございました
大きく出来ました

>>88
> ID 区分のルールにタグ名やクラスを指定しないこと！
複数ページでの同一IDについて全然考えてねえな・・・
> クラス区分のルールにタグ名を指定しないこと！
クラスを全て別々にするってクラスの意味も何もわかってないじゃん。

というかどれもこれも間違いまくりなんだが、釣りサイトか？それ・・・

>>90
>以下の文書では Mozilla の UI で使用する CSS ファイルの最適化についての規則を概説します。

>>87
そりゃCSSの記述の簡易さを実現する為には必要な処理。
それにカスケードの段階毎に一々重い処理をするような暇なブラウザも無いだろ。

>>90
>なおこの文書は Mozilla の UI で使用する CSS についての規則として書かれていますが

cssってコメントの入れ子は駄目なんですよね？
a {
color:red;
font-size:200%;/*めもめも*/
font-weight:bold;
}
などのコメントをつけていて
上記全てをコメントアウトしたい場合
/*
a {
color:red;
font-size:200%;/*めもめも*/
font-weight:bold;
}
*/
が駄目ってのが不便で
a {
color:red;
font-size:200%;//めもめも
font-weight:bold;
}
とかできませんか
または何かいい方法があれば教えてください

>>88
それ継承じゃなくてマッチング処理の奴じゃん

>>92
そんなんを「必要な処理」と言ってしまうなら
-9999だって必要な処理と言われてお終いだｗ
見掛けのためのものと、その見掛けのためのものの更に見掛けのためだなんて。

>>93
//はできない。
/*
a {
color:red;
font-size:200%;/*めもめも*/
/*font-weight:bold;
}
*/

ところで少し前からスレタイのコメント閉じてないけど
なんでこうなったの？気になる

スレタイだけじゃなくスレ本文もくだらない内容だからすべてコメントアウトですよ
って意味？

>>96
最初は閉じ忘れ
後はスレ立てて前スレのタイトルをコピってくる専ブラでそのまま立てちゃっただけだろう

>>95
どうもです
俺がやるとミスを誘発しそうです・・

>>95
だからデザイナー側で考えて出来る範囲で、
必要の無い無駄な処理をする事になるような記述はすべきでは無いと、そのプログラマには言われたよ。

まあでもレイアウトを<table>でするとか、文字をtext-indentで消すとかは、
個人の習慣というか記述スタイルの問題なので、
まあいいんでない？

以下のようなパンくずリストを作っているのですが、<li>が下につかなくて困っています。
vertical-align: bottom;をそれぞれに入れたり、全部に入れたりしましたが、
WinXPのFxでは無反応でした(他は未確認)。
一応、vertical-align: text-bottom;なども入れてみましたが、やはり(ry
二時間ほど構っていますが、解決できなくて涙目。

*{margin: 0px;padding: 0px;}

#navi{
margin-right: auto;
margin-bottom: 5px;
margin-left: auto;
width: 100%;
height: 60px;}
#navi ul{
margin-right: auto;
margin-bottom: 0px;
margin-left: 30px;
width: 100%;}
#navi li{
float: left;
text-align: left;
margin-right: auto;
margin-bottom: 0px;
margin-left: 0px;
width: 100px;}

>>99
できる範囲でするなら
まずその記述を見易くするための継承をやめりゃいい話だろ、という話。

>>101
vertical-alignはインラインないしtd用。
ていうか何がしたいんだかわからない・・・

あ、だからそんな継承をやめる努力をするなら
CSSそのものを否定してるなｗｗｗってこと。

>>102
ｍｊｄ!?
うわー自分なにやってんだー。
ｔｋ、肝心のHTMLを忘れていた。

<DIV id="navi"><ul>
<li>top
<li>＞sample
</ul></DIV>

これを表示すると(□=空白)、
□□□　　＞sample
□top□
□□□
ってなるんだけど、これを
□□□
□top□
□□□　　＞sample
こういう風にしたい。

>>104
テンプレの縦方向に関する奴を読んでおいで。

もうやだやだテンプレにあったなんて。
出直してきます本当にすみません。

927に期待

よくナビゲーションメニューとかは
CSSの背景とhoverを使って擬似的にロールオーバーさせたりしていますが、
この方法とjavascriptでロールさせるのは
どちらが良いんでしょうか？
やはり一長一短なのでしょうかね。

>>108
JS切ってると見えないか、CSS切ってると見えないか。
割合としてはJS切ってる人のが多いんじゃないって程度。
ていうかここでする質問か？

>>109
なるほど勉強になります。
メニューは最悪ロールさせなくてもユーザーが認識できれば
良いと考えていたのでjavascriptでも構わないと思ってたのですが
一方でCSSでこだわりたい気持ちが葛藤してまして
踏ん切りがつかなかったのですが
とりあえず仕事用はjavascript（自分のスキルだとまだこっちのが早い…）で、
趣味のサイトはCSSで行くことにします。

スレチな質問ですみません…
ありがとうございました。

javascript切ってる奴はどうすんのさ ?

もちろん、門前払い

>>111
池沼は無視していいだろw

今日日、対策関係やってjsをオンにしてる人が多くなったと聞く
いつまでも古いバイブルひっぱりこんでぐだぐだ文句言うヤツいるんだよね
>>111←このこみたいな厨坊がさw

亀ですが927じゃないですごめんなさい。
あと、パンくずはBRタグにマージン持たせて無理やり下に揃えました。
一応他のブラウザで確認ましたが、破滅的に変な風になっていなかったのでよしとします。

<DIV id="navi"><ul>
<li>top
<li><BR style="margin-top:10px;">＞sample
</ul></DIV>

名無しに戻ります。

>>114
ちょ、そんなことするくらいならliのpadding-topでええやんｗｗｗ

ddにdisplay:list-item;を指定してその子要素にol,liまたはul,liを置くと
IE6ではddのリストマーカーから一段下にずれてol,li、ul,liが表示されます
pだとずれません
そしてさらにborderを指定すると
IE6では子要素がol,liまたはul,liだとddのリストマーカーが消えます
pだと消えません

それぞれFx2ではずれませんでした消えませんでした

IE6でもずれないように消えないようにするにはどうすればいいですか

Fx2
ttp://kjm.kir.jp/pc/?p=42914.png
IE6
ttp://kjm.kir.jp/pc/?p=42915.png

<html>
<head>
<style><!--
dd{display:list-item;}
#border dd {border: 1px solid #ff0000;}
#border dd ol,
#border dd ul{border: 1px solid #00ff00;}
#border dd li{border: 1px solid #0000ff;}
#border dd p{border: 1px solid #000000;}
--></style>
<head>
<body>

<dl>
<dt>dt</dt><dd><ul><li>ul-li</li></ul></dd>
<dt>dt</dt><dd><ul><li>ul-li</li><li>ul-li</li></ul></dd>
<dt>dt</dt><dd><ol><li>ol-li</li></ol></dd>
<dt>dt</dt><dd><ol><li>ol-li</li><li>ol-li</li></ol></dd>
<dt>dt</dt><dd><p>p</p></dd>
</dl>

<dl id="border">
<dt>dt</dt><dd><ul><li>ul-li</li></ul></dd>
<dt>dt</dt><dd><ul><li>ul-li</li><li>ul-li</li></ul></dd>
<dt>dt</dt><dd><ol><li>ol-li</li></ol></dd>
<dt>dt</dt><dd><ol><li>ol-li</li><li>ol-li</li></ol></dd>
<dt>dt</dt><dd><p>p</p></dd>
</dl>

</body>
</html>

>>117
そういう時はバグ辞典で確認すんの
ttp://cssbug.at.infoseek.co.jp/detail/winie/b028.html

firefoxとieってデフォルトのline-heightというか、行間の高さが違うけど、
これってそろえることはできないの？

>>118
どうもです
html側に手を加えないといけないんですね

>>119
デフォルト自体を変えたいんだったら
両方の膾炙を乗っ取ってアプリを変えろ。

>>119
出来る

Strict-HTML スレッド 41 より、誘導されて来ました

すみませんが質問させてください。
現在Firefoxを使用してサイトを作成しているのですが、tableタグの内容で
不明な点があります。

<table cellspacing="0" cellpadding="0" border="0">
<tr><td><img src="./pazuru_img/11.jpg" alt=""></td><td><img src="./pazuru_img/12.jpg" alt=""></td></tr>
<tr><td><img src="./pazuru_img/11.jpg" alt=""></td><td><img src="./pazuru_img/12.jpg" alt=""></td></tr>
<tr><td><img src="./pazuru_img/11.jpg" alt=""></td><td><img src="./pazuru_img/12.jpg" alt=""></td></tr>
</tr>
</table>

というタグを設定しているのですが、画像の横にはスペースが入らないのですが、
画像の下にスペースが入ってしまいます。
このスペースは消すことはできないのでしょうか？

>>119
ユニバーサルセレクタでブラウザCSSをリセットしてから好きな様に自分で設定。

>>123
まずはテーブルの開始タグから終了タグまでを一行で書いてみて。

>>125
ありがとうございます。
実際には、JavaScriptで生成しているため、一行です。
また、直接打って見ても同じ結果でした。

>>123
CSSでマージンとパディングを0にしてみた？ダメならラインハイトも。

>>127
marginと、paddingは0にしていたのですが、line-heightは気が付きませんでした。
line-heightを0にすることで解決できました。

ありがとうございました。

ラインハイトを0にするなら、また別の問題が出てこねぇか？

classとidって同時に指定してもいいんですか？
ブラウザは正常に解釈するみたいですが、文法的に問題ないのでしょうか？

<html>
<head>
<style>
<!--
.test{background-color:black;}
#test1{color:red;}
#test2{color:blue;}
-->
</style>
<head>
<body>
<div id="test1" class="test">あああ</div>
<div id="test2" class="test">いいい</div>
</body>
</html>

>>130
問題無い。
idはページ内の固有の役割を定義、classはそれがどういう属性を持つか定義
みたいに覚えておけば迷わない。
文法の確認はバリデーター通すかDTD読めるようにしとくといいよ。

>>131
サンクス。

>>131
へー役割だったのか。
単に#で移動させるためのマーカーかと思ってた。

ページ内で固有であることを示すからこそ#idでその特定の場所を見つけられる
みたいに覚えておけば迷わない。
でも俺はページ内移動すると迷う。

>>1431
役割ではなく名前。

>>123
ttp://www.mozilla.gr.jp/standards/webtips0018.html

ブログの、扉絵というか、いつも上に表示される画像を
background: url(http://example.jp/image.jpg)
としているんですが、この扉絵に"/"へのリンクを持たせたいのですが、可能？

ttp://web.livedoor.biz/
ttp://css-happylife.com/

上の２つのサイトのようなデザインを組んでいます。
ブラウザを小さくすると、型崩れが起きてしまうのは、
防ぎようがないのでしょうか。

よろしくお願いします。

>>136
不可能。
インラインで表示させるか透明GIFでボタン。

>>137
見ないで答えるけど、フロートが解除されちゃうなら最上位の要素にピクセルで幅指定とか。

ユニバーサルセレクタでマージン、パディングをそれぞれ0pxとしました。その場合、フォームのチェックボタンやラジオボタンが文字と少し上下にズレて表示されます。きちんと揃えて表示するにはどうすればよいのでしょうか？

>>139
em指定でポジションずらしなさい。

>138
いえ、言葉でなんといえばいいのかわからないのですが、
backgroundに指定した画像のズレが生じてしまいます。

>>141
>>137でおまえさんが例としてあげたサイトでは再現しない。
つまりおまえさんが間違えている。どこが間違えてるか教えろってならエスパー呼べ。

向かって左側に画像を、右側にテキストを表示したいと思います。
そしてテイストは画像の縦方向に対し、中央に表示させたいです。
下記のテーブルレイアウトなら大丈夫ですが、CSSで書いて見た所、テキストが画像の上部に表示されてしまいました。
そのため、CSSの書き方のアドバイスを頂ければと思います。

table版・・・OK
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=shift_jis" />
<title>みんなでつくるホームページ</title>
</head>

<body>
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td valign="middle"><a href="http://2ch.net/"><img src="http://img.2ch.net/img/hp_a.gif" /></a></td>
<td valign="middle" width="50"><a href="http://2ch.net/">web制作管理＠2ch掲示板
</a></td>
</tr>
</table>
</body>
</html>

CSS版・・・NG

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="ja">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=Shift_JIS">
<meta http-equiv="Content-Style-Type" content="text/css">
<title>web制作管理＠2ch掲示板</title>
<style type="text/css"><!--
#chuuou {
width:550px;
}
#chuuou img {
float:left;
}
--></style>
</head>
<body>
<div id="chuuou">
<a href="http://2ch.net/"><img src="http://img.2ch.net/img/hp_a.gif" /></a>
<p><a href="http://2ch.net/">web制作管理＠2ch掲示板</a></p>
</div>
</body>
</html>

>>7のQ6には目を通しましたが、本件とは違うようで解決する事が出来ませんでした。
よろしくお願いします。

>>143
テンプレ読んでもわからんのか・・・
で　き　な　い　。

<p><a href="http://2ch.net/">web制作管理＠2ch掲示板</a></p>

a {display:block;padding:0 0 0 300px;background:url(http://img.2ch.net/img/hp_a.gif) left center;}

>>145
出来ないという事は、こういう事をしたい場合は現状>>143のようにテーブルで組むと言う認識で大丈夫でしょうか？

>>146
その方法をベースに良い所までいったのですが、画像の高さが文字の高さに依存してしまい、
画像が一部分しか表示されませんでした。

それと、画像は背景ではなく、普通に img タグで表示したいと思います。

引きつづきアドバイスお願いします。

そういうことをするなということで終わらせろよ

クライアントの要望なんだ。
まあそういうことならテーブルで組んで納品するようにします。

>>147
cssはしょせん、まだ未完成のシステム。
テーブルでゆくのが吉。

俺はmargin-topかpadding-topでテキトーに合わせちゃう。。もちろん完全な中央揃えにはならないけどｗ

>>149
プロがこんなところでこんなくだらない質問してるなよ・・・日本ｵﾜﾀ

>>20
シンプルにそういう話だったのか、サンクス

>>363
ピカチュー大将軍の弟か従兄弟あたりじゃね
んで、トリスタンとラウニィーの情事を見て
くそーラウニィーとズッコンバッコンズッコンバッコンピュピュッピュピューってしてー
って思ってそれを実行しようとしてトリスタンに見つかってランスロットとカノープスとウォーレンと
ミルダスとギルディンとデネブが呼ばれてヴォラックは捕まってしまって地下の拷問室で
毎日毎日肛門にカボチャ入れられたりミルダスとギルディンとの３Pやったりランスロットのロンバルディアで
キンタマ1個取られたりウォーレンの占星術で不吉な予言を毎日聞かされていたぶられて
ヴォラック・カタタマ、ウィンザルフになってしまってゼノビアとかに居れなくなって
復讐してやると思ってローディスに行ってバールゼフォンに「うほっいい男」って言われて
お尻合いになってしまってそのままテンプルコマンドになったんだと思う

>>147
min-height:00px;_height:100px;指定しろボケそれでもプロか

>155
ﾎﾟｶｰﾝ

このようにしたCSSで指定した場合はh1タグはCSSのh1指定ではなくaaa指定の内容になってしまうのですが
これをh1指定の方にするにはどうすれば良いでしょうか？
すいませんがどなたかご存知の方いましたらよろしくお願いします

0.hml

<link rel="stylesheet" type="text/css" href="0.css">
<div class="aaa">
<h1>手作りクッキー</h1>
レーズン<BR>
チョコ<BR>
バター<BR>
クリーム<P>
</div>
＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿
0.css

h1 {
font-size:17px;
line-height:0pt;
margin-bottom:8pt;
}
.aaa {
width: 200px;
border-bottom-width: 1px;
border-bottom-style: dotted;
border-bottom-color: #0033FF;
font-size: 90%;
background-image: url(0.bmp);
background-repeat: no-repeat;
padding-left: 25px;
background-position: 10px;
padding-bottom: 10px;
padding-top: 10px;
}

>>157
.aaa > h1 { }

>>159
意味がわかりました
本当ありがとうございました┏○)) ペコリ

>>157
基本から勉強し直しましょう

h1 { background: #9ACD32; color: white;
height: 75px; width: 755px;
margin-left: auto; margin-right: auto;
text-align: center;
}
ココまでがスタイルシ−ト。

<h1>２ちゃんねる</h1>

こうすると文字が上部に位置します。
中央に移動するにはどうしたらいいんですか？

vertical-alignはブロック要素には使えませんし・・・。

<ul>
<li> リスト1…A</li>
<li> 2…B</li>
</ul>

リストを囲むdivが横180pxです。
<li> </li>の間の文章を横180pxいっぱいに表示させたい時、
つまり
リスト1……………………A
2……………………………B
のように、文章の長さに合わせて…を表示させたいんですが
これってCSSでできるでしょうか？
overflow : hidden ;を使うのかなと思って色々やってみたけど駄目でした。
どなたかできそうでしたら教えてください。

↑書き忘れ＆age忘れました
リストはインラインでメニューのように使ってます。

↑すいません、インラインにはしてないです、間違えました。
普通にリスト表示でした。

>>162
line-height: 75px;とか
荒業だが

>>162
テンプレ嫁

>>163
例えば、ulにwidth指定してliをinline、AやBをspanで囲んでfloat:right;、li間でclear
とかすれば出来るが、むしろ表としてtableの方がいいような気がする。

>>163
ABをspan(divか?)で囲む。ポジションをアブソリュートでレフト180px。
divのポジションをリレイティブ。ABのマージンレフトを-1emに。
…は画像にして背景が正解かな。面倒なら多めにタイプしてオーバーフローヒドゥンかな。

フロートよりこっちのが正解風味じゃないなかな。どうでしょ？

>>162
未確認書込み。
htmlに高さ100パー指定。
h1ポジショントップ50パー。あと微調整。

確認しろよｗ
それじゃ出来ない

ageで自己主張する程の良答ではない

>>170
テンプレ嫁

上げとくと携帯で探しやすいんだよね。

テメエの都合なんか知るかボケ

人に優しいcssスレッドでのご発言とは思われぬ
池沼発言
反省しなさい>>175

＞人に優しいcssスレッド
はあ？優しさが欲しいならメンヘル板池

@mediaって役立つよね

>>177
君カルシウム足りてる？
それとも銭ないの？
妙にいらついてるよね

cssってブラウザにも閲覧者にも
優しくユニバーサルだろ？
そのこと言ってるのにw

>>179
呆れるね。上手い事言ったつもりなのかよ気持ち悪い。
アホは死ななきゃ直らないってのは真実だ。
オマエ見て確信したよ。

馬鹿に釣られる奴も馬鹿

ｵﾏｴﾓﾅｰ

池沼-indent: -9999px;

#池沼{
display: none;
}

>>171
両方確認して出来たぞ！

>>173
あ、bodyもか。サンクス！

このアホのような流れ(>>175-184)で、JavaScript質問スレのこの煽りを思い出した。
http://pc11.2ch.net/test/read.cgi/hp/1190811747/9

cssにJSっていつの時代の人たちだろ

>>185
h1の中のテキストを垂直方向にセンタリングだぞ

>169
リレイティブって何？

relativeだろ

真・スルー　何もレスせず本当にスルーする。簡単なようで一番難しい。
偽・スルー　みんなにスルーを呼びかける。実はスルーできてない。
予告スルー　レスしないと予告してからスルーする。
完全スルー　スレに参加すること自体を放棄する。
無理スルー　元の話題がないのに必死でスルーを推奨する。滑稽。
失敗スルー　我慢できずにレスしてしまう。後から「暇だから遊んでやった」などと負け惜しみ。
願いスルー　失敗したレスに対してスルーをお願いする。ある意味３匹目。
激突スルー　話題自体がスルーの話に移行してまう。泥沼状態。
疎開スルー　本スレではスルーできたが、他スレでその話題を出してしまう。見つかると滑稽。
乞食スルー　情報だけもらって雑談はスルーする。
質問スルー　質問をスルーして雑談を続ける。
思い出スルー　攻撃中はスルーして、後日その思い出を語る。
真・自演スルー　議論に負けそうな時、ファビョった後に自演でスルーを呼びかける。
偽・自演スルー　誰も釣られないので、願いスルーのふりをする。狙うは４匹目。
３匹目のスルー　直接的にはスルーしてるが、反応した人に反応してしまう。
４匹目のスルー　３匹目に反応する。以降５匹６匹と続き、激突スルーへ。

リレイティブｗ

くやしいのうwwww

>>169
ありがとうございます！
…を画像で表示させる方はなんとかできました！
よろしければ、参考までに…を多めにタイプして
overflow : hidden;を使って処理する方法を教えていただけないでしょうか

断る！！

>>195
その言葉でわからないんだったら
基礎から勉強してこないとつらいよ。
ていうか初心者なのにそういう面倒臭いことをやろうとするな・・・

<p><img src="a.gif" style="float:left;" />画像キャプション</p>
<ul>
<li>リスト１</li>
<li>リスト２</li>
</ul>

li{
margin-bottom:0.5em;
background:url(arrow.gif) left 4px no-repeat;
padding-left:10px;
line-height:150%;
}
みたいにして表示させてるんですが、IE6で見るとarrow.gifがfloatを無視して左端に寄ってしまいます。
firefoxだとちゃんと表示されるんですが、何か解決策とかありますかね？
教えていただけると助かりますー。

>>198
マージン

>>198
回答じゃないが、css別にしてるのに、なんでimgだけインラインスタイルなんだよ。
それよりimgにはサイズとalt入れろよ。
実際は違うのかも知れんがな。

>>197
初心者だからこそだろう
玄人なら．コーディングが面倒そうなデザインはやらない

heightが指定されたブロック要素内の文字の上下の位置を指定する方法を教えてください
真ん中や下などに文字を配置したいです

例
<p style="height:100px;">この文字のボックス内での上下の位置を指定したい</p>

要素を追加する必要がない方法がいいです
line-heightだと文字が折り返されたときにすごいことになりました
paddingだと>>5のQ1の仕様通りIE以外では高さが大きくなります

>>202
テンプレ嫁

>>202
テンプレ

すみませんテンプレのどこでしょうか
P要素自体の縦方向指定ではなく
高さが指定されたP要素内での文字列の縦方向指定です

>>5 Q1を声に出して100回嫁

>>205
<p style="height:100px;">
<span style="position : relative; top : 50px;">この文字のボックス内での上下の位置を指定したい</span>
</p>

>>5のQ1だと
文字サイズが可変なので文字サイズによってボックス自体の高さが変わってしまいます

訂正
文字がボックス外にはみ出してしまいます

折り返されたときにはみ出るね

>>208
文字サイズが可変なのにそもそも高さを指定してるというのがおかしい。
100px以上の大きさがデフォルトサイズの高解像度の人とかどうするつもり。

>>208
君の質問は何なの？
＞paddingだと>>5のQ1の仕様通りIE以外では高さが大きくなります
これはテンプレで解決するよな。
＞真ん中や下などに文字を配置したいです
これもテンプレで解決するよな。

＞100px以上の大きさがデフォルトサイズの高解像度の人
そんな奴知るかよwww

>>205
テンプレのQ6のこれ。
ttp://chaichan.hp.infoseek.co.jp/qa3500/qa3558.htm
で、その答えが>>207だけど、この場合では<span>のようにエレメントを追加する必要あり。

heightをem単位で指定すればボックスからはみ出すのを防げるが、
文字の大きさに従い当然ボックスの大きさも変化する。
というわけでoverflowを使えばボックスの高さ(100px)固定ではみ出さない。

要素を追加するしかない or overflowを併用
でFA

div { position:absolute; top:120px; left:10px; width:300px; }
div.d2 { position:absolute; top:120px; left:330px; width:150px; }
div.d3 { position:absolute; top:120px; left:500px; width:150px； }
div.d4 { position:absolute; top:470px; left:330px; width:350px; }

初めてページを作成しているのですが
上のようなスタイルシートを使うと、それまでにページ上部にあった広告が
中央付近まで移動してきて、まともにページがみれなくなってしまいます。
何故なのでしょうか？

1行目

広告がdivなんだろ

外部cssをパソコンにだけ反映させたい場合、以下のように記述しても大丈夫でしょうか。
<LINK rel="stylesheet" href="style.css" type="text/css" media="screen">

また、以下のように記述したら、(cssを反映する)にだけ反映させることは可能でしょうか。
<LINK rel="stylesheet" href="style.css" type="text/css" media="handheld">

>>216
>div { position:absolute; top:120px; left:10px; width:300px; }
これがページ内の全てのdivエレメントに対して適用されるから。
より詳細な指定をしているdiv.d2やdiv.d3はそれぞれの値で上書きしているけど。

>>218
上：Yes
下：日本語で(ry

すみません間違って削除していましたorz

>(cssを反映する)にだけ反映させることは可能でしょうか。
→(cssを反映する)に携帯だけ反映させることは可能でしょうか。

>>221
handheldでcssを反映する携帯などでは反映される

>>222
回答ありがとうございます。
handheldというものをいまいち理解していないので、今からちょっとググってきます。
>>220さんもありがとうございました。

<!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" xml:lang="ja" lang="ja">
<head>
　　<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS" />
　　<meta http-equiv="Content-Style-Type" content="text/css" />
　　<meta http-equiv="Pragma" content="no-cache" />
　　<meta name="keywords" content="#" />
　　<meta name="description" content="# />

　　<title>hoge hoge</title>
　　<link href="top.css" type="text/css" rel="stylesheet" />
</head>

<body>
　　<div id="default">
　　　　<!--{ notebook }-->
　　　　<div class="txt">雑記</div>
　　　　<div id="note">
　　　　　　<p><b>//hoge hoge//</b></p>
　　　　　　<p>text</p>
　　　　</div>
　　　<!--{ information }-->
　　　<div class="txt">更新履歴</div>
　　　<div id="info">
　　　　　　<div class="ibg1"><p>■02/05　ver1.15　　hoge</div>
　　　　　　<div class="ibg2"><p>■12/11　ver1.14b　 hoge</p></div>
　　　　　　<div class="ibg1"><p>■11/04　ver1.14a 　hoge</div>
　　　　　　<div class="ibg3"><p>■10/21　ver1.14　　hoge</p></div>
　　　　</div>
　　　　<!--{ copyright }-->
　　　　<div class="txt">著作権</div>
　　　　<div id="copy">
　　　　　　　<p>≪hoge≫</p>
　　　　　　　<p>©2004 hoge Co.,Ltd. All Rights Reserved.</p>
　　　　</div>
　　　　<!--{ spec }-->
　　　　<div class="txt">推奨環境</div>
　　　　<div id="spec">
　　　　　　<p>ブラウザ：　　Internet Explorer 7.0 / Mozilla FireFox 2.0</p>
　　　　</div>
　　</div>
</body>
</html>

"index.css"
@charset "Shift_JIS";

a:link,a:visited,a:active,a:hover{ text-decoration: none; }
a:link{ color: #000; }
a:visited,a:hover{ color: #666; }

*{ margin: 0; padding: 0; }
html{ background: url(bg_line.gif) repeat fixed; font-size: 12px; font-family: "meiryo","メイリオ","MS UI Gothic"; }
img{ border-width: 0; }

div#main{ width: 730px; height: 100%; border-right: solid 1px #000; background-color: #fff; }

div#e1,div#e2{ width: 730px; height: 26px; }
div#e1 p{ margin-top: 2px; }
div#e1{ background: #d1c0a6 url(bg_title1.gif) no-repeat bottom left; text-align: right; }
div#e2{ background: #d1c0a6 url(bg_title2.gif) no-repeat top left; clear: both; }
div#count{ float: right; width: 50px; margin-top: 4px; font-weight: bold; color: #d1c0a6; }
#logo{ float: left; width: 330px; margin-left: 10px; }

div#kooh{ float: left; width: 220px; height: 100%; }
div#cont{ float: left; width: 510px; height: 15px; word-spacing: 30px; border-bottom: solid 1px #000; background-color: #d1c0a6; color: #000; }
div#line{ position: absolute; top: 84px; left: 220px; }
#view{ float: left; width: 508px; height: 100%; border-left: solid 1px #000; }
#spacem{ word-spacing: 30px; }

div#foot{ clear: both; width: 730px; height: 40px; background-color: #cebea5; border-top: solid 1px #000; }
div#copy{ color: #000; margin: 4px 0 0 4px; }
div#w3cl{ float: right; margin: 4px 4px 0 0; }

何この頭悪そうなdiv厨

"index.html"
<!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" xml:lang="ja" lang="ja">
<head>
　　<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS" />
　　<meta http-equiv="Content-Style-Type" content="text/css" />
　　<meta http-equiv="Content-Script-Type" content="text/javascript" />

　　<title>hoge</title>
　　<script type="text/javascript" src="iframe.js"></script>
　　<link href="index.css" type="text/css" rel="stylesheet" />
</head>

<body>
　　<div id="line"><img src="bg_menu.gif" alt="線" /></div>
　　<!--{ main }-->
　　<div id="main">
　　　　<div id="e1"><p> </p></div>
　　　　<a href="index.html"><img id="logo" src="#.gif" alt="#" /></a>
　　　　<div id="count"><script type="text/javascript" src="cgi-bin/counter/counter.cgi"></script></div>
　　　　<div id="e2"> </div>
　　　　　　<!--{ content }-->
　　　　　　<div id="kooh"><img src="#.jpg" alt="#" /></div>
　　　　　　<div id="cont">
　　　　　　　　<p id="spacem">
　　　　　　　　　　　<a href="rule/clubsite.html" target="view">◆</a>
　　　　　　　　　　　<a href=".cgi" target="view">◆</a>
　　　　　　　　</p>
　　　　　　</div>
　　　　<iframe src="top.html" onload="resizeMe(this)" id="view" name="view" title="menu" frameborder="0" scrolling="no"></iframe>
　　　　<div id="foot">
　　　　　　<div id="w3cl">
　　　　　　　　<a href="http://jigsaw.w3.org/css-validator/check/referer"><img src="css.gif" alt="W3C Valid CSS" /></a>
　　　　　　　　<a href="ht" target="_blank"><img src="#" alt="#" /></a>
　　　　　　</div>
　　　　　　<div id="copy"><p>#</p></div>
　　　　</div>
</div>
</body>
</html>

"iframe.js"
function resizeMe(obj){
docHeight = view.document.body.scrollHeight
obj.style.height = docHeight + 'px'
}

function resizeMe(obj){
docHeight = view.document.body.scrollHeight
if(docHeight < 755) docHeight = 755;
obj.style.height = docHeight + 'px'
}

"top.css"
@charset "Shift_JIS";

/* main */
*{ margin: 0; padding: 0; }
html{ background: url(bg_leaf.gif) no-repeat bottom right fixed; font-size: 12px; font-family: "meiryo","メイリオ","MS UI Gothic"; }
hr{ width: 460px; color: #d1c0a6; }
b{ color: #e66; }
div#default{ margin-top: 20px; margin-left: 20px; }
.txt{ font-size: 14px; font-weight: bold; color: #f83; margin-bottom: 2px; }


/* sub */
div#note,div#info,div#copy,div#spec{ width: 460px; color: #864; line-height: 18px; }
div#note,div#info,div#copy{ margin-bottom: 35px; }

/* notebook */
div#note{ width: 465px; height: 80px; border-top: solid 1px #d1c0a6; border-bottom: solid 1px #d1c0a6; overflow: auto; }

/* information */
div#info{ border: solid 1px #777; }
.ibg1,.ibg2,.ibg3{ margin-top: 4px; padding: 1px 0 1px 2px; }
.ibg1{ background-color: #eee; }
.ibg2,.ibg3{ background-color: #ccc; }
.ibg3{ margin-bottom: 4px; }

/* copyright */
div#copy{ margin-bottom: 35px; padding: 2px 2px 0 2px; background-color: #eee; }

/* spec */
div#spec{ padding: 4px 0 4px 0; border-top: double 3px #d1c0a6; border-bottom: double 3px #d1c0a6; }

おにいちゃんらめえええ
まで読んだ

これは酷い

ここまで徹底されると逆に潔いな

というか、XHTML+CSSってこう書くもんじゃないのか？

>>235
本気で言ってるんだとしたら初心者スレ行ってこい

tableにCSSや、alignにcenterなどは論外なんだろ？

iframeのonload以外にw3cに違反している部分は無いし、
Firefox、IE6、IE7で見ても崩れるところは無いんだが･･･。

で、何のためにコピペされたんだ?

いや、何がいけないのかなと思って・・・。

は？

　　　　<!--{ notebook }-->
　　　　<div class="txt">雑記</div>
　　　　<div id="note">
　　　　　　<p><b>//hoge hoge//</b></p>
　　　　　　<p>text</p>
　　　　</div>

ここだけで笑えるｗ

俺も初心者だった頃こんなソース書いてたなあ…

分けを言ってくれ。他人を貶すのは誰にでも出来る。

自分で調べれ。ぐぐるのは誰にでも出来る。

　　　　　　<div class="ibg1"><p>■02/05　ver1.15　　hoge</div>
　　　　　　<div class="ibg2"><p>■12/11　ver1.14b　 hoge</p></div>
　　　　　　<div class="ibg1"><p>■11/04　ver1.14a 　hoge</div>
　　　　　　<div class="ibg3"><p>■10/21　ver1.14　　hoge</p></div>

特定のクラスでpを閉じないという決まりでもあるのかしら

　　　　　　<p class="ibg1">■02/05　ver1.15　　hoge</p>
　　　　　　<p class="ibg2">■12/11　ver1.14b　 hoge</p>
　　　　　　<p class="ibg1">■11/04　ver1.14a 　hoge</p>
　　　　　　<p class="ibg3">■10/21　ver1.14　　hoge</p>

例えばこんな感じ？

それだけの実力を持っているだろうから、綺麗なソースを見せてもらいたいもんだ。

>>246
それやってみ、崩れるから。

>>246
スマ、崩れるじゃなくて。w3cに怒られるんだった。

なんというカオス

わけを言えって
チェッカー先生がしっかり説明してくれるよ

tu-ka何のためにコピペしたの？>>228-231
久々にこんなdivdivしたソース見たわｗｗ

単なる暇潰しの荒らしでしょ

カスが自分よりレベルが低いものを必死に探して、
それを罵倒してニヤけるってのはまさに2chらしい構図だね。

>>254
お前のような粕は初心者ｽﾚ池
ここはそこそこCSSをマスターした人間が溜まるｽﾚだ

>>255
>CSS・スタイルシート質問スレッド

マスターかどうか知らんけど、初心者質問スレじゃないよ

誰が初心者質問スレだと言ったのか俺にはわからないが
ここはHTMLをネタに雑談するのは
一向に構わないスレらしいね

うん

2chの技術系の質問スレなんて、
もしかしたら答えが無いかもしれないクイズのようなものだろ。
技術の基本を再確認したり、
ある程度知識があるが故に思いつかないような、斬新(無謀/実現不可能)なアイデアが極たまに出てくるってのを楽しむスレ。
>>254で言われているような糞も何故かホイホイと集まってくるけどね。

「誰もが自分の得意な事に関しては人を見下す傾向がある」

誰でもネットを利用出来るようになったという事は、利用者の裾野が広がったという事。
言い換えれば、アホでもPCや携帯でネット出来るようになった。
2chの利用者は増えた。つまりアホが増えた。

お、俺はアホじゃねぇよ

うんうん、わかってるよ

左に画像、右にテキストを表示し、左の画像は下ぞろえにしたいのですが、CSSで実現できますか？
出来るのでしたら、やり方をご教授頂ければと思います。

調べる気もないならtableでいいじゃない。

テキストの回り込みはfloatで出来るけど
左の画像は下揃え、ってのがテキストに対して
どういう位置にしたいと言ってるのかが分からない
エスパーの人に任せた

>>267
こんな感じです。

−−−−−−−−
｜空白｜テキスト｜
｜画像｜テキスト｜
−−−−−−−−

>>268
ソースを一から書いてくれってか？図々しい。氏ね。

こんな感じかなあ。
<div style="position:relative">
<img src="foo.jpg" alt="代替文字列" width="300" height="200" style="position:absolute"/>
<p style="margin-left: 310px">テキスト テキスト</p>
</div>

<p style="background:url(hoge.jpg) bottom left no-repeat;min-height:200px;_height:200px;padding:0 0 0 310px;">
てきすとてきすと
</p>

>>271
なるほど。
「_height:200px」がなくてもIE7でOKだけど。なんでこれ入れるの？
IE6、5対策ですか？

あ、ちなみに272は質問者（268）じゃないからね。
横からの質問です。

>>272
そうIE6はmin-heightに対応してないから

質問です。
appleのブラウザ、safariのrss表示での体裁を指定するcssファイルに
display: -khtml-box;
という記述があるのですが、
displayプロパティに対してどういった指定になるのかご存知の方いらっしゃったら、
教えていただきたいです。

ttp://suika.fam.cx/~wakaba/-temp/wiki/wiki?-khtml-box-orient

INPUTなんですが、type="button"だけ指定して記述するのは可能なんでしょうか？
Aタグなら、「a.visited」という風に指定できるとおもうのですが・・・

input[type="button"]
ってしたいってこと？

buttonなど表示がUA依存な物は弄らない方がいい

ありがとうございます

ブラウザの関係で(XP以降のOS？)buttonやbuttonもしくはsubmitタイプのINPUTが装飾されると思うんですが、
それをどうにか防ぎたくて、アレコレ試していたら背景色をbackground-colorで指定すると
装飾されなくなったので、それだけ限定でスタイル書ければいいなと。
INPUT { background-color: } だとテキストボックスとか全部かわってしまうようです

：ちなみに「a.visited」じゃなくて「a:visited」の間違いでした

>>279
なるほどー、そういうイキサツで画像アイコンを使うって事なら納得できますね！
アイコン作成とか苦手なんですがちょっと悩んでみます

IEなら>>278は効かないから各buttonにclassなどを指定するとか
俺も>>279に賛成だけどまあ好きなように

ttp://cssbug.at.infoseek.co.jp/detail/opera/b076.html

で、IEでもOperaでもFFでも2つのdivの間を1em分空けたい場合はどうすればいいのでしょうか？

>>283
floatしてる要素のほうにmargin-bottom:1em

>>284
やってみたんですけどうまくいきませんでした。
じっさいのソース貼り付けておきます。

#menu {
margin : 1.5em 2em;
}

#menu li {
float : left;
list-style-type : none;
text-align : center;
background-color : #ffffff;
}

#menu li a {
display : block;
width : 5em;
height : 2em;
line-height : 2em;
text-decoration : none;
border : 1px solid #cccccc;
}

.clear {
clear : left;
}

<ul id="menu">
<li><a href="#">メニュー1</a></li>
<li><a href="#">メニュー2</a></li>
<li><a href="#">メニュー3</a></li>
<li><a href="#">メニュー4</a></li>
<li><a href="#">メニュー5</a></li>
</ul>
<div class="clear"></div>

<h2>あいうえおかきくけこ</h2>

これでOperaのみはメニューと<h2>がくっついてしまうので、あけたいです。

>>276
clearにheight:1em;

>>287
ありがとうございます。Operaでもちゃんと隙間が入りました。
ですがIEだと今度は隙間が空きすぎてしまいました。

やはり全ブラウザで同じ表示にするのは難しいってことでしょうか？

そういう時のハック。ググッて調べれ。

例えば http://*.google.*/* のように特定サイトだけ全体的に反映させたいんだけど
どうにかなる？

日本語で

Firefox2で
body要素に指定した背景色またはリピートさせた背景画像を
常に一番下まで表示させたいのですがうまくいきません
常に一番下まで表示させるにはどうすればいいですか

html {height:100%;}
body {height:100%;}
を指定したとき、
　内容物が画面よりも少なく下まで届かない場合は
　　画面の一番下まで背景色または背景画像が表示される
　内容物が画面よりも多くスクロールバーが出る場合は
　　スクロールするとスクロールして表示される部分に
　　背景色または背景画像が表示されない
html {height:100%;}
body {height:100%;}
を指定しないとき、
　内容物が画面よりも少なく下まで届かない場合は
　　内容物のある部分にまでしか背景色または背景画像が表示されない
　内容物が画面よりも多くスクロールバーが出る場合は
　　スクロールして表示される部分の一番下まで
　　背景色または背景画像が表示される

html要素に背景色またはリピートさせた背景画像を指定すると
常に一番下まで表示させることができましたが
body要素に背景色またはリピートさせた背景画像を指定しても
常に一番下まで表示させたいです

よろしくお願いします

>>292
>8

テンプレを見た上での質問です
内容物が多くても少なくてもbody要素に背景色またはリピートさせた背景画像を
常に一番下まで表示させたいです

>>292にも書いてあるように、html, body { height: 100% }を指定しなければ
内容物が画面からはみ出た場合もスクロールして表示される部分の一番下まで背景色または背景画像が表示されますが
内容物が画面よりも少なく下まで届かない場合は内容物の分までしか背景色が表示されません

スクリーンショット
html, body { height: 100% }を指定した場合で内容物が画面からはみ出る場合
ttp://a-draw.com/contents/uploader2/src/up1257.png.html
html, body { height: 100% }を指定しない場合で内容物が画面よりも少なく下まで届かない場合
ttp://a-draw.com/contents/uploader2/src/up1258.png.html

ソース
<?xml version="1.0" encoding="UTF-8"?>
<!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" />
<style><!--
/* マージンやパディングのことは今回は気にしないでください */
html,body { height: 100%; } /* この行を削除して確認してください */
html { background-color: gray; }
body { background-color: silver; }
p { font-size: 200%; }
--></style>
</head>
<body>
<p>画面からはみ出るように文字数を増やしたりはみ出ないように文字数を減らしたりしてください。</p>
</body>
</html>

293は脊髄反射で思考停止してるから気にするな。
ちなみに292の後半の段落の条件を加味すると、
希望に沿う方法はない。

>>294
やりたい事がよくわからんが、なぜhtmlとbodyに100％指定しないでやりたいの？

>>296
> なぜhtmlとbodyに100％指定しないでやりたいの？
じゃなくて
htmlとbodyに100％指定した場合はスクロールが出るほどのコンテンツ量になると
> html, body { height: 100% }を指定した場合で内容物が画面からはみ出る場合
> ttp://a-draw.com/contents/uploader2/src/up1257.png.html
のようになってしまうって言ってんでしょ

>>297
君に聞いてないよ。
大体100%指定したら、画像みたいにならないよ。

誰に聞こうが「htmlとbodyに100％指定しないでやりたい」と読めるなんて答えないと思うが。

ん？up1257.pngの画像のようになったぞ？　Windows版Firefox2.0.0.7

>>294,299
＞html,body { height: 100%; } /* この行を削除して確認してください */
だからね>>294のソースで、↑削除指示してるのはなぜか？って聞いてるわけ。
100%に指定したくないから、と読めるだろ。
削除なんてしなくても無意味な指定だからね。
そうでないなら、>>294,299は基礎をちゃんと勉強してないんだろ。

>>301
＞html,body { height: 100%; } /* この行を削除して確認してください */
スクリーンショットを二種類貼っている理由を考えるんだ

html,body {
　　height: 100%;
}
がアリでもナシでもいずれもコンテンツ量によって不具合が出る
そして結論は>>295で出ている

>>302
だからね、頼むよ、どうしちゃったんだよ皆んな。
>>294のソースは、下記の通り。
＞html,body { height: 100%; } /* この行を削除して確認してください */
＞html { background-color: }
＞body { background-color: }
削除なんかしなくても上書きされて100%指定は無効。
継承するUAもあるかも知れんが、普通こんな書き方はしない。
つまり、100%指定したくないのか、基本的にソースが間違ってるか、どっちか。
だからとっとと質問者に答えてほしかったのさ。

>>301-302
すみません、「/* この行を削除して確認してください */」は
・html, body { height: 100% }を指定した場合で内容物が画面からはみ出る場合
・html, body { height: 100% }を指定しない場合で内容物が画面よりも少なく下まで届かない場合
の２パターンを確認してもらいたくて書きました

「<p>画面からはみ出るように文字数を増やしたりはみ出ないように文字数を減らしたりしてください。</p>」
の部分も
・html, body { height: 100% }を指定した場合で内容物が画面からはみ出る場合
の表示を確認する際は文字数をめいっぱい増やしてくださいて

別々のソースを用意すればよかったのに手を抜いてすみません・・・
あと言葉不足ですみません
私の不備のためにややこしくなって申し訳ありません・・・

body要素への背景色指定で常に画面下部までってのは無理なんですか・・・

>>305
遅いよ。>>304も読んでね。。

>>306
すみません・・・
早く不備を訂正しようとレスを書いていたんですが
また言葉不足になってしまわないように考えていたら遅くなりました

>>304
これに関しては、同じセレクタでもプロパティが異なれば前のセレクタのプロパティを引き継ぐんじゃないんですか？
html { height: 100%; }
html { height: 50%; }
なら後者で上書きされてしまうけど
html { height: 100%; }
html { color: red; }
なら前者の指定は無効になるんですか？
それだったら文書作成者スタイルシートに
h1 { color: red; }
と指定したら
デフォルトスタイルシートの
h1 { font-size: 2em; margin: .67em 0 }
なども無効になってしまうんですか？

Default style sheet for HTML 4
http://www.w3.org/TR/CSS21/sample.htm
ではこんな指定がされていますが・・・l

すみませんまた不備が・・・
×http://www.w3.org/TR/CSS21/sample.htm
○http://www.w3.org/TR/CSS21/sample.html

>>308
間違ってるって言われたんだから、書き直して確認すればいいでしょ。

ムチムチな回答者に捕まってご愁傷様

html { height: 100%; background-color: gray; }
body { height: 100%; background-color: silver; }
で試しましたが結果は同じです

そりゃ当然。>>304が間違っているから。

>>311
それは珍しいブラウザだね。

>>292
>>304のttp://www.w3.org/TR/CSS21/sample.htmlに対抗するソースの提出を求めるんだ
俺が言うと「君に聞いてないよ。」って言われちゃう

>>310
だからね、君はsilverにしたいんでしょ。
だったら、両方silverにすればいいでしょ。

>>315
何この開き直り

もしかして>>304を含む一連のレスをしている人はFxで表示確認をせず妄想だけでレスしているのではないかという疑問が

>>316
じゃあ解決まで相手してあげなよ。

>>318
じゃあ最初からレスしなければいいじゃん
知識不足なのに

> それは珍しいブラウザだね。
> それは珍しいブラウザだね。
> それは珍しいブラウザだね。

>>319
アホは早く回答しろボケ
大バカバカバカバカ、おまえのカーチャンデーベソ
キチガイは死ね早く死ねさっさと死ね

これは・・ｗ

>>315
それは例です・・・
> body要素に指定した背景色またはリピートさせた背景画像を
> 常に一番下まで表示させたい
んです・・・

私の言葉が足りないためにますますややこしくなってきたみたいなので
できないということで諦めます
みなさんありがとうございました

これからもっと面白くなる気配だったのにここで諦めてどうする

>>291
あーあwcもわからないカスに絡まれたTT

期待に応えてやる。
>>323
だからね、普通にbodyに指定すれば。
どうして100%指定に固執してるのか教えてよ。
言っとくけど、Fx2.0で確認してるよ。

とりあえずttp://www.w3.org/TR/CSS21/sample.htmlに対抗するソース待ち
待つだけ無駄か

> どうして100%指定に固執してるのか教えてよ。
「理由」まで求めてきちゃったよ
そんな義務ないよ
> 普通にbodyに指定すれば
それは
>>292
で
> 　内容物が画面よりも少なく下まで届かない場合は
>　　内容物のある部分にまでしか背景色または背景画像が表示されない
と書かれているよ
この件は
>>295
で結論が出ているよ

>>328
＞普通にbodyに指定すれば
＞内容物が画面よりも少なく下まで届かない場合は
＞内容物のある部分にまでしか背景色または背景画像が表示されない
そんな事ないよ。
でも皆んながそんなに出来ないって言ってるって事は、俺のFxがおかしいのか。。

それは珍しいブラウザだね。

IEの互換モードならbody要素に指定したbackground-colorがめいっぱい表示されるけど

>>330
だってさあ、bodyにbackground-colorやimageを指定するなんて普通だろ。
それが部分的にしか表示されないって言ってるの？
それはやっぱりおかしいよ。IEなんか見てないし。

しらんがな(´・ω・｀)

CSSよりまず日本語を勉強した方がいい人が湧いてますね

>>330,332,333
えー説明してくれないわけ？もうぬるぽ。

>>304みたいなこと言っちゃうんだからもう

>>335
あれ？ごめん俺どうかしてた。
正直>>304は確かに間違えてた。すいません。

解決してないけどめでたしめでたし

ついでに、質問者がやりたかった事もやっとわかった。
ページ全体に枠つけた感じにしたかったんだな。

なんだ珍しく伸びてると思ったら
またこんな有様か

>>339
まだ解決してないみたいだから
答えてもイイーンダヨ

俺は>>295が答えだと思うけど

やっぱり出来るんじゃないの。
IE無視でmin-height:100%;。

↑あ、divでね。

おまいらキレのあるclass名がサクっと決まらないときはどうしてる？
要はclass名つけるとき何か参考にしてる？

別にclass名にキレなんかいらんｗ
適当に分かりやすく付けるだけ

waku1
midasi1

一行目だけ読んで
waku1
teka1
って続くんかと期待してしまった

html, body { min-height: 100%; }で解決かと思ったが、内容が表示域に収ま
りきる場合、Firefox2はhtml要素のボックスを表示域の高さまで引き伸ばすが、
body要素のボックスがhtml要素のボックスの高さと等しくならずに内容量によっ
て決まってしまう。Operaはそもそもhtml { min-height: 100% }の指定が効か
ないみたい。質問者じゃないが、div要素でやる方法があるのなら、ぜひ知り
たい。

>>347
html,body {background-color:grey; height:100%;}
div {background-color:silver; min-height:100%;}
p {font-size:200%;}

おおすげえ
html { background-color: grey; height: 100%; }
body { background-color: silver; min-height: 100%; }
ってしたらDIVいらなくね？不具合出る？

>>348-349
ありがとう。これはすごいね。
divがなくてもFirefox2とOpera9では大丈夫だった。

　とあるサイトのデザインに惚れ惚れして参考にしたいと思ったのですが、他人のサイトのスタイルシートって見ることはできないんでしょうか？
　もちろん、丸パクリするつもりはありませんが。

　教えてもらおうにも、そのサイトは結構古いサイトで、管理人さんにメールしてもエラーで戻ってきてしまい、連絡が取れないんです。

>>349
そうだね。divなくてもいけた。

>>351
ソース見れば。

>>353
ソース見ても、コピペしてビルダーに貼り付けてもデザインが転用されません。

もしかしたら、根本的に見方を勘違いしているかもしれませんが。

＞根本的に見方を勘違いしているかもしれませんが
そんな事は初心者スレで聞けよ・・

あ、普通にソースに書き込んでいる場合の見方はもちろん分かります。
外部スタイルシートを使っている場合の参考の仕方が分からないなと。

普通のソースの見方がわかるんなら
外部スタイルシートの場所も見方もわかるはず
がんばれ

firefox使ってるなら「Firebug」とか「Web Developer」を入れると便利。

>>356
1. ソースを見る
2. head内の外部CSSを参照してる部分を探す
（例 <link rel="stylesheet" href="hoge.css" type="text/css">）
3. パスを考慮してDLツール等で落とす

初心者ｽﾚ行きの質問に答えなくてよろし

>>358
Web Developerは確かに便利だな
あれはほんとオススメしたい

>>360
でも同じ事を初心者スレで聞くと
CSSの質問はCSSスレで、って言われるんだよな
なんというたらい回し…

そんな事言うのは一部のキチガイ

上のほうで出ているソースを触っていて気づいたのですが、

* { margin: 0; padding: 0; }
html { height: 100%; background: white; }
body { min-height: 100%; background: lime; }
div { height: 100%; background: yellow; }

<body>
<div>
テスト テスト テスト テスト テスト テスト テスト テスト
</div>
</body>

このようなコードを書くと、div要素のボックスの高さがbody要素のボックス
の高さと同じにはならず、内容量によって決まるみたいです(Firefox 2、
Opera 9、Konqueror 3で同じ表示になりました)。div要素の包含ブロックであ
るbody要素のボックスの高さは明らかなので、div要素に対するheightプロパ
ティの算出値が"auto"になることはないと思うのですが、これが仕様通りなの
だとしたら(たぶんそうだと思いますが)、仕様書のどの辺りが根拠となるので
しょうか。

ちなみに、body要素のmin-heightプロパティをheightプロパティにするとdiv
要素のボックスの高さがbody要素のボックスの高さと同じになります。(こっ
ちは仕様書から理解できるのですが。)

>>364
ソースいじる以前に、そうだから昨日散々揉めてたんだろ。
それに仕様書も確認せずバグスレに書いたのかよ。

>>365
仕様書は読んでいます。バグスレに書いたのは、仕様書からバグと判断できた
ためで、もし間違いがあるならバグスレにて指摘願います。

昨日問題になっていたのは、html,body { height: 100% }と指定した場合と指
定しなかった場合の、ボックスの高さと背景の描画のされ方の違いで、>>364
で質問したのはそこに書いてある通り、html要素とdiv要素にheightプロパティ、
body要素にmin-heightプロパティを指定した場合の、div要素の高さの算出に
ついてであって、高さの話ではあっても別の問題だと思うのですが。

>>366
要するにマルチすんなってことだろ。
バグスレに書いたならこっちにまで持ってくるな。

バグスレのほうは、html要素にheightプロパティ、body要素にmin-heightプロ
パティを指定したときに、Operaでウィンドウをリサイズしてもbody要素高さ
が変わらないというOpera固有のバグ(だと思ったやつ)についてで、>>364は
div要素の高さについてであり、別の問題だと思うのですが…(前者はバグだと
思ったのでバグスレにポストし、後者は仕様がどうなっているかわからなかっ
たのでここで質問しました)。ソースが似ているとマルチになるということな
らここでの質問は取り下げます。(バグスレでは質問したわけではないけど。)

>>368
仕様書なんか読んでないだろ。
>>364はdivの親要素に高さが明記されてない。
基本からやり直せ。

>>369
もしかするとmin-heightプロパティによって包含ブロックの高さが決定したと
しても、"the height of the containing block is not specified explicitly"
ということなのかも。ちゃんと仕様書を読んで調べてみます。

答えていただいた方にはありがとうございます。勉強不足ですみませんでした。

ダメダコリャ

ツギイッテミヨー

CSSを手打ちで入力して作成したのですが、
恐らく肥大化しているので、一定のルールで
順番等を綺麗に並べなおしてくれる
おすすめのフリーソフト等無いでしょうか？
変な質問で申し訳ありませんがこれいいよっていうのが
あればお教えください。よろしくお願いいたします。

>>373
>CSSの未使用セレクタを発見できるFirefoxプラグイン
ttp://www.atmarkit.co.jp/fwcr/rensai/ajaxwatch24/ajaxwatch24_2.html#06
ってのはあるようだけど、ソートするようなものは知らないね。

管理困難なくらいに肥大化しているのだったら、
ファイルを分割するとか、
子孫セレクタを活用しidやclassを減らすなどの対応をしといた方が良さそうな気がするけど．

>>373
”CSS　最適化”で愚グルとか

ありがとうございます。出来るだけ軽量化するように
頑張ります。

フォームにCSSでボーダーを指定しても、
ファイル選択とチェックボックスには適用されないの？
FireFoxでもちゃんと表示されないからさ。

>>373
ttp://www.moongift.jp/category/category/css/

>>373
試してないからどんな感じかよく分からないけど
これはどうだろう。
http://www.akiyan.com/css_beautifier

ありがとうございます。早速試してみたいと思います。

亀レスすいません
>>270
ありがとうございます。
試してみた所、画像が下詰めではなく、上詰めになっているようでした。

>>271
こちらは思い通りの動作をしました。
どうもありがとうございました。

CSSで、mixiのニュースランキングのところにある数字と王冠の画像を消す記述を教えてください
あれがなくなるとノートパソコンでもスクロールなしでランキングのキーワードが見れるんですが。

>>382
ソーシャルネット板池。

mixiなんて入れ茄子知ら茄子

//css
.list_name{
background-color:#e0e4f1;
}
tr.list:hover{
background-color:#f7fdd9;
}
//html
<tr class="list">
<td class="list_name">○○○</td>
<td>□□□</td><td>□□□</td><td>□□□</td>
</tr>

こう書くとtd の上にカーソルを合わせると□□□の部分で#f7fdd9になります。
しかし○○○の部分のtdには色が付きません。
でも○○○にカーソルを当てると色はつきます。
おそらく○○○には最初に<td class="list_name">○○○</td>としてるのが原因と思うのですが、
□□□にカーソルを当てても□□□と○○○にも色が変わるように出来ないものでしょうか？

ちなみにieは無視してます。

age

>>385
やりたいことがよくわからんがとりあえず
.mizuiro{
background-color:#e0e4f1;
}
#momo td:hover{
background-color:#f7fdd9;
}

<table id="momo">
<tr>
<td class="mizuiro">○○○</td>
<td>□□□</td><td>□□□</td><td>□□□</td>
</tr>
</table>

>>387
レスありがとう。
しかしそれだと1つ1つのtdが個別に色が変わるだけのようですね。
現状は上にあるように、1つのtr内の□□□にカーソルの乗せるとtr内全てのtdで色が変わるんです。
しかしclass="list_name"のあるtdの○○○の部分だけは、色が変わりません。
それを○○○のtdもclass="list_name"を設定してない空のtdの□□□にカーソルを乗せたときに
色を変えたいのです。
表なので横にtdが12個ほどtrも20個ほどあるので視覚的に１行全部に色がつけば
見やすいので。

>>388
全部背景画像に汁

>>388
CSSセレクタ指定の詳細度の問題というよりも、
単にtrの背景ではtdの背景を上書き出来ないだけという状態。
なので、
tr.list:hover, tr.list:hover td {
background-color:#f7fdd9;
}
とか。

＜div id=”content”＞
　　＜div id=”left”＞あああ＜/div＞
　　＜div id=”right”＞いいい＜/div＞
＜/div＞

#left、#rightはそれぞれ左右にフロート設定しており、
各ボックスは含まれるコンテンツよって高さが縮小するとします。

例えばleft内コンテンツが高さ100pxでright内コンテンツが高さ50pxのとき各ボックスの高さは
content　100px
left　100px
right　50px
となりますが、rightの高さも100pxになるようにしたいです。
どのような設定をすれば実現できますか？お願いします。

>>391
ちゃんとソース出せ

>>390
なるほど！出来たようです。
これでtrでどのtdにカーソルが重なっても色が変わるようになりました。
順番の問題だったんですね。気づかずお恥ずかしい・・・
tr.list:hover, td {
background-color:#f7fdd9;
}
結果こうすることでhtmlは触らず出来ました。
レス頂いてた方感謝です。

下記の場合、#content、#alphaが同じ高さとなり、#betaは自身が内包するコンテンツの高さとなっています。
でもこのとき#betaの高さも#contnet、#alphaと同じになるようにしたいのです。

.cfh:after {
content: " ";
display: block;
visibility: hidden;
clear: both;
height: 0.1px;
font-size: 0.1em;
line-height: 0;
}
.cfh { display: inline-block; }
/* no ie mac \*/
* html .pkg { height: 1%; }
.cfh { display: block; }
/* */

#content { width: 800px; }
#alpha { width: 620px; float: left; }
#beta { width: 180px; float: right; }

<div id="content" class="cfh">
　<div id="alpha">
　　<p>コンテンツ...</p>
　　<p>コンテンツ...</p>
　</div>
　<div id="beta">
　　<p>コンテンツ...</p>
　</div>
</div>

>>394
そのソースでは、妙なclassのせいで左右のboxの上辺がズレてるし、
高さを同じにする必要性も感じられない。

WordPressにあるDefaultテーマのlist-styleの表示が「》」になっているのですが
これはどのようにすれば可能なのでしょうか？
Defaultテーマのcssを見てみたのですがそれらしい記述は見つかりませんでした。

>>396
使ってないから知らんけど背景画像じゃね?
つかWPｽﾚ行ったほうがいいと思う

すいません、向こうはWPの機能以外のCSSやXHTML等に関しては
スレ違いだといわれてしまうようなので。
こんな感じで、どうも背景画像ではないようです。
ttp://themes.wordpress.net/testrun/?wptheme=163

>>398
ソース見れ。自分で探すのが面倒なだけだろボケ。

>>398
ソース見ろよ・・・
.entry ul li:before, #sidebar ul ul li:before {
content: "\00BB \0020";
}

バカは使えるなw

>>6 のＱ＆Ａの
CSSを用いた段組の作成のコツ
　http://www.fromdfj.net/html/column.html
が見れない。フルスクリーンで変なポップアップが現れるんだけどヤバいの踏んだのかな。

キャシュ探したが画像が抜けてるのしかなかった。どこかに魚拓ない？

現在メールフォームを作成しているのですが、どのブラウザでも
表示が同じになるようなＣＳＳの解説があるサイトは無いでしょうか？

>>403
form部品はUA依存の物もあり、どのブラウザも同じ表示はありえない。
それを踏まえてググレカス。

>>402
Internet Archive

CSS について

XHTML + CSS でウェブアプリを作っています。

標準 CSS の他にユーザがオリジナルの勝手 CSS を追加できるようにしたいのですが
セキュリティ的には問題ないのでしょうか？

勝手 CSS はフォームに書き込んでもらい
サブミットボタンでユーザ領域に user.css を生成する感じです。

教えてくださいまし。

>>406
セキュリティに問題ないように作れば問題ない

>>407

ありがとうございます。

勝手 CSS の書き方によっては穴が空く可能性があるってことですかね？

CSS を突破口にできるアタックなんて今まで聞いたことがないので・・・

>>408
あるよ、一時問題になってた。

>>409

ありがとうございます。

マジですか？

どこか参考になる URL を教えていただけましたら幸いです。

>>410
ttp://cve.mitre.org/cgi-bin/cvename.cgi?name=CVE-2007-0943
とか。

上の脆弱性にも関連するけど、
任意の外部サイトにリクエストを飛ばす事にもなる@importの使用は、
不許可にしといた方が安全。

>>411

多謝！

ごもっともですね。確かに @import は不味い。

お世話になりました、ありがとうございました。

>>412
ついでに多分携帯なんだろうけど
改行にも気を付けた方がいいよ

タグの中で表示する文章を右揃え、左揃えにするプロパティーを教えてください。

事故解決しました。すれ汚しスマソ

[　　　　　　　　全体幅100%　　　　　　　　]

[メイン幅100%-200px]　[サイド幅200px]


という設定をDIVで行いたいのですが、うまくいきません。



#box{
width: 100%;
padding-top: 0px;
padding-left: 0px;
}

#main{
float: left;
width: 100%;
text-align: left;
padding-top: 0px;
padding-left: 0px;
}

#side{
float: right;
width: 200px;
text-align: right;
padding-left: 0px;
padding-right: 0px;
}

どうしても解決法が見つかりませんでしたので、どうかご指南お願いしますm(_ _")m

>>416
自己解決しますた、お騒がせしますた。

（ ﾟдﾟ）

captionが親tableのmarginから取り残されてしまうのはgeckoのバグですか?

いいえgeckoの解釈が正しいようです
･･･俺も以前同じとこで引っかかって仕様書読み直したんだよな

まじですか。
いまふと思いついて display: table-row; とかしてますますむずがゆくなっていたところです。

.>>419
そこ、CSS2.0とCSS2.1で違うから
どっちに沿ってるかによる。どっちも間違いじゃない。

.text #table {
float: left;
background: #ffffff;
padding: 20px 20px 20px;
width: 28em;
margin-right: 0.5em;
}
.text #table dt {
font-weight: bold;
margin-top: -8;
color:#808080;
}
.text #table dd {
padding-bottom:3px;
padding-top:4px;
border-style:solid;
border-width:1px;
border-bottom-color:#FFCCCC;
border-top-color:#FFFFFF;
border-left-color:#FFFFFF;
border-right-color:#FFFFFF;
}

これで、ddの一部だけを右寄せにすることはできませんでしょうか？

dl項目
　　dd項目
　　dd項目　　　　　　　　　　一部
　　　　　　　　　　　　　　　　 一部　
こんな感じにしたいのですが。
　　

質問なのにage忘れた

>>423
class

HTMLのソースがどうなっているのかわからないと答えにくい。

<div id="table"><h1>表題<h2>
<dl><dt>副題</dt>
<dd>左寄せにしたい部分<span class="test">右寄せにしたい部分</span></dd>
</dl>

.test {
font-size : 80% ;
text-align : right ;
float : right ;
}

>423に追記です。
こんな感じです。

素直に table 要素を使うところのような気がするが…

表題　　　　　　　　　　　　　　　　　　表題　　　　　　　　　　　　　　　
　　副題　　　　　　　　右部分　　　　　副題　　　　　　右部分
　　副題　　　　　　　　右部分　　　　　副題　　　　　　右部分

デフォルトはこういう表記で、ウィンドウの横幅が狭くなると
　　　　　　　　　　　　　　　　　
表題　　　　　　　　　　　　　　　　　　
　　副題　　　　　　　　右部分　
　　副題　　　　　　　　右部分
　　　
表題　　　　　　　　　　　　　　　　　　
　　副題　　　　　　　　右部分　
　　副題　　　　　　　　右部分　　　

こうなるようにレイアウトする必要があるので、テーブルだと無理なんです。
後だしで色々言ってすみません、引き続き分かる方お願いします。

div { float: left; width: 400px; }
th { text-align: left; }
td { text-align: right; }

<div>
<h2>表題</h2>
<table>
<tr>
<th>副題</th><td>右部分</td>
</tr>
<tr>
<th>副題</th><td>右部分</td>
</tr>
</table>
</div>

<div>
<h2>表題</h2>
<table>
<tr>
<th>副題</th><td>右部分</td>
</tr>
<tr>
<th>副題</th><td>右部分</td>
</tr>
</table>
</div>

こういうことじゃなく？
そりゃまあ table 的な何かじゃないんだったら このマークアップじゃダメだが
＃なんか 暗に「わからない人」と言われてるみたいだな

追加．
table { width: 100%; }

>>430
どうでもいいけど表題ならcaptionじゃね？

質問者の言いたいことはｻﾊﾟｰﾘわからんので放置

>432

だね

ただ おそらく table でマークアップする内容じゃないんだろな という気もしている
であるにもかかわらず table の例を持ち出したのは 不適切だったかもしれないな

とりあえずこれでどうだ

*{margin:0;padding:0;}
#table dl{
font-size: 16pt;
float: left;
width: 360px;
margin-right:20px;
}
#table dd{
clear: right;
}
.test {
font-size : 80%;
text-align : right ;
float : right ;
position: relative;
bottom: 1.2em;
}

<div id="table"><h1>表題</h1>
<dl><dt>副題</dt>
<dd>左寄せにしたい部分<span class="test">右寄せにしたい部分</span></dd>
</dl>
<dl><dt>副題</dt>
<dd>左寄せにしたい部分<span class="test">右寄せにしたい部分</span></dd>
</dl>
</div>

css部分ミスった
*{margin:0;padding:0;}
#table dl{
font-size: 16pt;
float: left;
width: 360px;
margin-right:20px;
clear: right;
}
.test {
font-size : 80%;
text-align : right ;
float : right ;
position: relative;
bottom: 1.2em;
}

君が初心者なのはよくわかった

>>436
そうか
ごめんな
もう寝るわ

spanを浮動表示はねーよｗ

>423
どうしたいのかは分かるけどどうすりゃいいのか分からん

id=tableで、レイアウトのためにtableにできないとか
バカなこと言ってるんだからどうしたいのかすらわからん

絵で説明してくれ！

http://www.uploda.org/uporg1062958.jpg

こういうことじゃねーの？
これだったら俺も知りたい

dlを分けるとはけしからん

>>442
そけだとしたら確実に年「表」だからTable君の出番

>430
大体そんな感じです。というか>>442の画像がほんとそのものです。
仰るとおり内容的には箇条書きが望ましいのですが
table要素でまとめてみることにします。
>435
ありがとうございます。左寄せ部分がある時はそれで構わないのですが
右のみの時はバグってしまいます…が、工夫して活用してみます。

とりあえず445はバグの意味を調べてから書き込んだ方がいいと思う

だな。
正しい動作だし。

<div id="table"><h1>表題</h1>
<dl><dt>副題</dt>
<dd>左寄せにしたい部分<span class="test">右寄せにしたい部分</span></dd>
</dl>
<dl><dt>副題</dt>
<dd>　<span class="test">右寄せにしたい部分</span></dd>
</dl>


こうやって全角スペースでも入れとけや

意味不明

ttp://www.uploda.org/uporg1063072.jpg

質問主はこうしたかったのか。
やっと分かった

初心者ですが失礼します。お助けください。

ttp://red-comet.thick.jp/help.gif

上記の画像のような症状で悩んでいます！

CSSは

body{
margin:0px;
background-image:url("img/bg.gif");
background-attachment:fixed;
background-color:#ffffff;
font-size:9pt;
color:#000000;
font-family:'MS PGothic';
}
.outer{
width:700px;
padding:0px;
margin:0px;
}
.head{
background-image:url("img/bg-head.gif");
background-color:#8c8f90;
height:250px;
margin:0px;
padding:50px 0px 0px 0px;
}

続き

.menu{
float:left;
width:200px;
background-color:#8c8f90;
}
.main{
float:left;
width:500px;
background-color:#ffffff;
}
.foot{
clear:left;
background-color:#8c8f90;
color:#bdbebf;
text-align:center;
font-size:8pt;
letter-spacing:2px;
}

続き

といった感じです。
知識不足は重々承知ですが、お願いします！

HTMLのソースは書かないの？

>>455　申し訳ないです。忘れてました。

<body>
<div class="outer">
<div class="head">
<script type="text/JavaScript" src="flash.js"></script>
</div>

<div class="main">
あいうえお<br>
あいうえお<br>
あいうえお<br>
あいうえお<br>
あいうえお<br>
あいうえお<br>
あいうえお<br>
あいうえお
</div>

続きです

<div class="menu">
あいうえお<br>
あいうえお<br>
あいうえお<br>
あいうえお<br>
あいうえお<br>
あいうえお<br>
あいうえお<br>
あいうえお
</div>

<div class="foot">
Copyright (C) ****** All Rights Reserved.
</div>

</div>
</body>

潔いほどの

>>456
flash.jsに問題があるような気がする

>>451
ソースコピペしてみたがその現象は再現しなかった
IE6 FX2

>>459
具体的に聞かせてもらっていいですか…！

>>460
因みに当方IE7です
忘れてましたが
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
で設定しています。

6なら問題ないということですかね…

>>461
標準モードで検証汁。
しかも自分ではIE7しか見てない。アホか。

>>462

ごもっともですね、申し訳ないです。
因みにネスケ7では崩れなし。
標準モードだと文字の部分は直りますが、3pxの隙間は埋まりません。

今もいろいろ検証していますが、改善できません…。

>>463
3pxの隙間って何？

7では確認してないけど3pxの隙間は改行のせいかもしれん
6だとimg直後に改行すると微妙に開いたりするからなあ

<div class="head">
<script type="text/JavaScript" src="flash.js"></script></div> <!-- ←ここを改行しない -->
ってしてみれ

>>458以降の全ての方

ご協力ありがとうございました！
皆さんの意見を参考にしたところ、改善されました。

簡単なことだったんですね…；

感謝します！

プルダウンメニューの書き方について質問です。
プルダウン表示の時、でてきた内容が一番前に表示するようにしたいのですが、それはどうしたらいいですか。

>>467
日本語でおk

JavaScriptじゃねえの？

#navi_continer {
position: relative;
width:200px;
height:30px;
}

#navi {
position: absolute;
}


#navi ul a{
background-color:#ff0000;
}
#navi ul.sub{
background-color:#0000ff;
}

#navi ul li.navi_menu ul {
display: none;
}

#navi ul li.navi_menu_on ul {
display: block;
}

<table>
<tr>
<td>
<div id="navi_continer">
<div id="navi">
<ul>
<li class="navi_menu" onmouseover="this.className='navi_menu_on'" onmouseout="this.className='navi_menu'">
<a href="#">メニュー</a>
<ul class="sub">
<li>内容の説明</li>
<li>内容の説明</li>
<li>内容の説明</li>
</ul>
</li>
</ul>
</div>
</div>
</td>
</tr>

すみませんこんなソースなんですが・・・

<tr>
<td>
<div id="navi_continer">
<div id="navi">
<ul>
<li class="navi_menu" onmouseover="this.className='navi_menu_on'" onmouseout="this.className='navi_menu'">
<a href="#">メニュー</a>
<ul class="sub">
<li>内容の説明</li>
<li>内容の説明</li>
</ul>
</li>
</ul>
</div>
</div>
</td>
</tr>
</table>
</body>
</html>

ホント意味不明ですみません。
メニューにマウスをあてると内容の説明が表示されるのですが、内容の説明が長いと二行目のメニューにかぶってしまいます。
これを内容の説明が二行目のメニューよりも上に表示するようにしたいのですが、何か回避する方法はありますか。

全くソース検証しないで答えるけど
#navi ul li.navi_menu_on ul {
display: block;
z-index: 1;
｝

body { font-size : 12px;
line-height : 1.2em;
}

こうすればセルの中の文字も12pxになるはずですよね？
う〜ん、なせだ・・・。

>>476
何故も何もならない。

>>475 476
すみませんやってみたのですが内容が上にはいきませんでした・・・

>>478
ulにposition:relative

>>479
アホですみませんこういうことでしょうか？

#navi ul.sub{
background-color:#0000ff;
position:relative;
}

やってみたのですがうまくいきませんでした・・
というかもしかして内容を一番上に表示したいのであればこのソースじゃ
ムリですか・・・？

>>478
今みたいに親メニュー位置固定でやるなら、子メニューは親メニューの右側に出るように配置したら。
今まま上手く出来たとしても、ヘンだと思うよ。
それともJavaScriptで折りたたみ式にするか。

>>474
> メニューにマウスをあてると内容の説明が表示されるのですが、内容の説明が長いと二行目のメニューにかぶってしまいます。
「二行目のメニュー」って意味がよくわからんのだが

>>467
↓もし、こんな感じのものが作りたいのなら、
ttp://www.tribe.ne.jp/~jita/menu04_05.html
スタイルシートでは無理（いまのとこは）

JavaScriptへどうぞ。

>>481
サイトのデザイン的にどうしても下に表示したいのです。。。
JavaScriptの折りたたみ式だとどんな風に表示されるのですか？
もし支障なければ教えていただきたいのですが・・・

>>482
メニューが縦に二つ並んだときでてくるプルダウンメニューが
メニューという文字の上に表示されるということなんですが・・・

ちょっと試したけど
#navi ul li.navi_menu_on ul {
display: block;
position:relative;
z-index: 1;
｝
これでFx2だと上に表示されるがIE6だとダメだね

>>483
こんな感じです・・！ちょっとやってみます。ありがとうございます。
CSSじゃムリなんですね。。。

>>483
こんな感じです・・！ちょっとやってみます。ありがとうございます。
CSSじゃムリなんですね。。。

>>485
あなたの出してるソースはメニューが1つしかないけど、
それが実際は複数ある
ってことでおk?

>>484
ググれよ・・

>>489
すみません>>470>>471>>473と三回にわけてソースを表記しているので
いちおメニューは二つあるんです。。

>>490
すみませんごもっともです。
他力本願すぎました。。自分で調べてみます

>>488
CSSだけでも多階層メニューの利用が可能だけど、
<a>以外の擬似クラスに対応していないIE6も考えると、onmouseoverとonmouseoutなどの設定が必要。
このソースにはそれらが指定されているので、JavaScriptの追加は必要無し。
#navi ul li.navi_menu, #navi ul li.navi_menu_on {
position: relative;
}
#navi ul li.navi_menu_on ul.sub {
display: block;
position: absolute;
top: 0.6em; left: 1em; width: 7em;
}
で、z-indexをそれぞれのnav_containerに上から降順で設定。
<div id="navi_continer" style="z-index:10;">
<div id="navi_continer" style="z-index:9;">
tableに入れる必要があるのかとか、
同じIDを複数のエレメントで指定するとか、微妙な点が多いけども。

min-widthなどをpxとemや%
といった感じに複数の単位で指定することはできますか？

>>493
やってみりゃいいだろうが

ハック方法があれば教えていただきたいのですが

div厨になればおk

どこで聞いていいか分らなかったのでここで質問
Vistaってフォントファミリー何も指定しなかったら
デフォはメイリオで表示されるんですか？

>>497
ブラウザデフォをメイリオにしてればな。

>>492
遅くなりましたがありがとうございます・・・！！
おかげさまでできました！！！
ホントずっと悩んでたので助かりました。ありがとうございます

ねえ
width:100%;
table-layout: fixed;

意味無し？かな

>>463 の3pxうんぬんてのは
ttp://www.velocityreviews.com/forums/t154967-css-positioning-3px-problem.html
ですか?

すみません、WordPressのデフォにあるスタイルシートの「EasyAll」なんですけど
右と左との間、この赤枠の横幅を広げるにはどうすればいいでしょうか？
http://www4.uploader.jp/user/kappakonbu/images/kappakonbu_uljp00150.png

意図的にもう少し狭くしたいんです。まあ広げたりもしてみたいし、、
style.cssのどこをいじればいいですか？
御願いします、教えてください＞＜

>>502
納期に追われて必死なのは理解出来るけど、皆がWordPressを使っている訳じゃないので、
いち早く回答が欲しいならCSSとHTMLを提示した方が良いと思うけど。

>>502
この前からウザいよ。
ブログ板池。

>>503
んじゃ、
いちお、style.cssの怪しい部分のソース貼ります

body {
font: 90%/175% Osaka, Verdana, sans-serif;
background: #f3f3f3;
margin: 0;
padding: 0;
text-align: center;
}
a {
color: #495865;
}
a img {
border: none;
}
a:hover {
color: #6F6F6F;
}
#rap {
background: #FFFFFF;
margin: 0 auto 0 auto;
width: 760px;
text-align: left;
border: 1px solid #dcdcdc;
}

#header {
background: url(images/syoi.jpg);
width: 760px;
height: 160px;
margin: 0;
padding: 0;
text-align: left;
}
#headerimg a {
position: relative;
top: 100px;
left: 15px;
font-size: 24px;
background: transparent;
padding: 5px;
color: #ffffff;
text-decoration: none;
}
#headerimg a:hover {
position: relative;
top: 100px;
left: 15px;
font-size: 24px;
background: transparent;
padding: 5px;
color: #dcdcdc;
text-decoration: none;
}

.description {
position: relative;
top: 100px;
left: 15px;
font-size: 13px;
background: transparent;
padding: 5px;
color: #dcdcdc;
text-decoration: none;
}
h1 {
margin: 0;
}

#content {
position: relative;
left: 30px;
float: left;
padding: 0;
width: 480px;
color: #666666;
}
#content h2 {
border-bottom: 1px solid #6F6F6F;
color: #5F707A;
font-size: 13px;
margin: 20px 0 5px 0;
padding: 0 0 3px 0;
text-align: right;
width: 480px;
}

WordPressスレがあるのになんでここに来るんだか

>>507
http://www4.uploader.jp/user/kappakonbu/images/kappakonbu_uljp00150.png
>右と左との間、この赤枠の横幅を広げるにはどうすればいいでしょうか？

写真に赤枠なんて無いよ

この前みたいにバカが答えるの期待してんだろ。
基礎から勉強しろボケ。

>>508
wpスレでも粘着しまくってたよ。
で、cssスレ池っていわれてたｗ

前科ﾓﾝか。氏ね。

回答者にバカって言ってる奴の相当の粘着だな
粘着合戦やってんの？

>言ってる奴の相当の粘着だな
ﾆﾎﾝｺﾞｵｶｼｲｱﾙﾖ

>>509
あるじゃねーか、アホか

>>515
俺にも見えんのだが

>>514
言ってる奴も
すまんカナ入力だと「の」と「も」は近いんだ

>>515
おまえ画像さしかえたろｗ

>>517
アホは氏ね

ユーザースタイルシートでSerifはヒラギノ明朝とかSans-serifはヒラギノ角ゴとかって指定する上手いやり方ってありますか？

>>520
指定の仕方がわからない人はテンプレで勉強。

>>520
serifやsans-serifなどの汎用フォントは、
ブラウザで確実に表示出来るフォントが設定されるようになっていると思われるので、
CSSでの指定は無理なのでは？

なので、通常通り、
font-family: "ヒラギノ明朝", serif;
などと一々指定するしか無いような。

アホが来た

>520

Firefox 拡張にあってもよさそうな気はする（が 知らない）
local proxy 使うとか bookmarklet でルール書き換えるとか
「上手くない」やり方って どんなの？

>>521
ありがとう。少し自分でも勉強してみます。

>>522
やっぱり無理ですかね？なんか良い知恵があるかなと思って聞いてみたんですがどうもありがとう。

>>524
本来のCSSの使い方では、フォントの指定という使い方は想定されていないと認識してたので、上手いやり方って表現を使いました。

でも等幅のフォントなどは

code , kbd , pre , tt , var , samp {
font-family: 'フォント';
}

みたいな感じでいけるかなぁと。

でもserif系などはできなさそうですね。

何言ってんのコイツ？

>>526
font-family:none;にして、ブラウザのフォントを好きに指定すりゃいいだろ。

俺には理解出来そうで出来ない

>527
そんな指定ないだろ と

制作者 css で { font-family: A, B, sans-serif; } とあるときに
A や B を無視して 常にユーザ css で指定した sans-serif の
フォントを使いたい ということだと思ってるんだけども

で css だけでは「できない」 が答え

>>529
なぜ無いと決めつけるんだね。UAがどう解釈するかだろ。
仕様書信者はこれだから嫌だ。

>>529-530
なぜ仕様にないと決め付けるんだね

>>531
ざっと仕様書見た限りではない。

UAがどう解釈するかを考えた場合には、
none? アホか、defaultのフォントで表示しとけ、
という感じで、フールプルーフが機能すると予想。

少なくともFxのユーザースタイル指定方法としてはメジャー。
つかこんな質問はソフトウェア板でやれよ。

ああ 言葉が足りなかったな すまん
最新版の 2.1 仕様書にはないと 言いたかっただけで
誰も「だから指定してはいけない」と 言ったつもりはない
だからって「仕様にないものを薦める」つもりは もっとない
ついでに ハックもいろいろ使うし 仕様書信者になった覚えもない

>>535
そらそうだ、web公開が前提なら勧めないさ。
まあ確かにここで聞くのはスレ違いなんだろな。
質問者は逃げたし。

回答者の一人として登場したは良いものの、
文章読解力が低い為に真意を汲み取れず、その後逆ギレするというパターンが何か多いな。

読解力がないので質問者>>537の意図が掴めませんｗ

読解力は低いが、持続力は高いぞ。

黒枠を下まで伸ばすにはどうすればいいのでしょうか？

<html>
<head>
<style type="text/css">
#test{
border: 3px solid black;
}
#test_left{
float: left;
}
#test_right{
float: left;
}
</style>
</head>
<body>
<div id="test">
<div id="test_left">
あああああああ<br>
</div>
<div id="test_right">
いいいいいいい<br>
</div>
</div>
</body>
</html>

>>540
パーセントでheightを規定するには親要素の高さ指定が必要。
あとは自分で調べろ。

>>541
トンクス。やっぱりheightかけるしか無いんですね。

すみません、WordPressのデフォにあるスタイルシートの「EasyAll」なんですけど
右と左との間、この赤枠の横幅を広げるにはどうすればいいでしょうか？
http://www4.uploader.jp/user/kappakonbu/images/kappakonbu_uljp00150.png

意図的にもう少し狭くしたいんです。まあ広げたりもしてみたいし、、
style.cssのどこをいじればいいですか？
御願いします、教えてください＞＜

>>502-511

CSSでブロック要素をfloatさせた場合、min-widthを認識しないブラウザでは
floatさせた要素の親要素または祖先要素のいずれかのwidthを
floatさせた要素とその兄弟要素のwidth以上のサイズをemやpxで指定しておかないと
カラム落ちは避けられませんか？
ほかにカラム落ちを回避する方法はありますか？

すみません、WordPressのデフォにあるスタイルシートの「EasyAll」なんですけど
右と左との間、この赤枠の横幅を広げるにはどうすればいいでしょうか？
http://www4.uploader.jp/user/kappakonbu/images/kappakonbu_uljp00150.png

意図的にもう少し狭くしたいんです。まあ広げたりもしてみたいし、、
style.cssのどこをいじればいいですか？
御願いします、教えてください＞＜

>>540
最後のdivの前に、
<br style="clear:left;">

>>546
body{
display:none;
}

触るな危険

>>548
すみません、わかりにくかったですよね、
こーいう事なんです。

カレンダーの部分と日記の本文の部分とを離らせたいのです。
http://www4.uploader.jp/user/kappakonbu/images/kappakonbu_uljp00163.bmp

間違えた
×最後のdivの前
○最後の</div>の前

>>540
Clearfix

>>540
#test{
border: 3px solid black;
overflow: auto;
}

初めまして。
WordPressのデフォにあるスタイルシートの「EasyAll」なんですけど
カレンダーの部分と日記の本文の部分とを離らせたいのです。
style.cssのどこをいじればいいですか？御願いします、教えてください。
http://www4.uploader.jp/user/kappakonbu/images/kappakonbu_uljp00163.bmp
ヒントだけでもいいので、ほんと御願いします。

>>554
#content {
position: relative;
left: 30px;
float: left;
padding: 0;
width: 5480px;
color: #666666;
}

>>554
はじめましてじゃねえだろこのボケｗ

まずは回線を切って首を吊れ
それが終わったら教えてやろう

馬鹿って自分が馬鹿だと気付かないから馬鹿って言うんだよね

華麗にスルー

>>545をお願いします

>>559
答え貰ってたろ。もっと知りたいならテンプレ他で勉強汁。

> 答え貰ってたろ
どこですか？

>>559
ソースの提出をお願いします

後続要素にmargin-left:（浮動要素のwidth）;を指定するとウィンドウ幅を縮めても落ちない
後続要素にfloat:left;を指定するとウィンドウ幅を縮めると落ちる

どうしてアホばかり来るんだか。類友ってのは本当だな。

初めまして。
WordPressのデフォにあるスタイルシートの「EasyAll」なんですけど
カレンダーの部分と日記の本文の部分とを離らせたいのです。
style.cssのどこをいじればいいですか？御願いします、教えてください。
http://www4.uploader.jp/user/kappakonbu/images/kappakonbu_uljp00163.bmp
ヒントだけでもいいので、ほんと御願いします。

>>565
死ね。氏ねじゃなくて死ね。
イヤならとっととブログ板に移動しろ。
いつまでも粘着してるなら板違いのage荒らしとして通報する。

>>565

このスレは不親切なヤツばかりだから無駄だよ
裏２ちゃんで聞いてみるとよいかも

↓裏２ちゃんへの行きかた↓

1. 書き込みの名前：の欄に fusianasan と入れる。
2. E-mail（省略可）の欄に、ura と入れる。
3. 本文を書くところに ＣＳＳ　と入れる。
4. そして「書き込む」を押す。
5. しばらくしてページが「ようこそ 裏２ちゃんねるへ」に変われば
　　裏ページです。そこなら確実に教えてもらえます

裏２ちゃんねるで親切な方に教えていただきました。
皆さんどうもありがとうございました。

>>566
無駄なレスする間あったら教えてやれよ、ウスラバカ
教えないなら相手にするな

社長の新しいブログ発見wwwww
http://mantoruhakase-blog.bravehost.com/

オマエモナー

>>569
本人乙

自虐的な自演が流行なのか？

腐ってる…どいつもこいつも

trim(strip_tags((substr($main_txt,0,300)), '<p>'));
としてhtml文章を取得してるのですが、
途中にタグとかあると文字列の最後が ? になる場合があるので
($main_txt,0,300) の300を調整してますが、調整しないで最後の ? となってしまった部分を
削除って出来ないもでしょうか？

>>575
む。何か場所間違ったようで・・失礼しました。

初めまして。
WordPressのデフォにあるスタイルシートの「EasyAll」なんですけど
カレンダーの部分と日記の本文の部分とを離らせたいのです。
style.cssのどこをいじればいいですか？御願いします、教えてください。
http://www4.uploader.jp/user/kappakonbu/images/kappakonbu_uljp00163.bmp
ヒントだけでもいいので、ほんと御願いします。

エスパーテスト
#content { width: 400px !important; margin-right: 80px !important }

>>577
>>567を見ろよ

>>577
板違いのクソ馬鹿、何が初めましてだキチガイ

>>502
>>543
>>546
>>554
>>565
>>577
ここまでしつこく粘る人は初めて見た。普通諦めるよなあ。

ホンモノだろ

3日もあれば基礎くらい勉強出来るだろうに。

>>502の人ってマ板に単発スレ立てた人と同じ？
★職人★凄腕のプログラマの人ちょっと来い★天才★
http://pc11.2ch.net/test/read.cgi/prog/1188158379/

yes
こんなキチガイが世の中にそう何人も居る訳が無いし

<a href="〜" style="display:block;width:〜px;height:〜px;"><img src="〜" alt="〜"></a>
のように
A要素の中身がIMG要素で、A要素にdisplay:block;とwidthまたはheightを指定すると
IE5.0ではIMG要素上の左クリックが効かなくなります（outlineの線は出ます）
右クリックからリンクを開くを選ぶとジャンプできます
（A要素にpaddingを指定するとpadding部分だけが一応クリック可能になります）

（１）これってバグですか？
（２）IMG要素を包括するA要素にdisplay:block;とwidthとheightを指定したいのですが
指定しつつこのクリックできなくなる現象を解消する方法はありますか？

（１）と（２）を教えてください
お願いします

>>586
バグだと思ったらまず自分で調べる事
http://cssbug.at.infoseek.co.jp/detail/winie/b072.html

>>587
それと同じ物ですか？
IE6.0の標準モードと互換モードでは見られませんでした
またA要素の祖先要素にwidthやheightを指定してもしなくても見られます
>>586のソースが最小のソースだと思います

紹介していただいた物は内容物にIMGを指定してもクリックできます

別物だね。

IE5.0なんて使ってる世捨て人がいるのか？

前々から悩んで今だ解決してないのですが
IE以外のプラウザで<ul><li><a>のリンク列の左側に大きく余白ができてしまう。
margiｎ:0px;
padding:0px;とかにはしてるんですが・・・

解決サイトどなたかご存じないでしょうか？

>>591
margiｎだからでね？

>>591
前々から悩んでた割にはFAQに載ってるサイトにすら目を通してなかったわけか。
ttp://www.mozilla.gr.jp/standards/webtips/webtips0034.html

>>592
ありがとうございます。margin指定しない方がよいのでしょうか？

>>593
「リスト要素のmarginを使ってli要素を配置するブラウザ」
勉強してみます！ありがとうございます＾＾

>>589
新手ですか？回避方法はどこかに載ってますか？

>>590
一応対応しないといけないので・・・
とくにクリックできなくなるというのは閲覧する上で致命的な支障で

>>596
テメエでバグ辞典なり調べてから言えよ。
今更IE5の対応方法聞かれたって、このスレで持ってる奴は希少だろ。
大体ソースもimgにサイズ入ってないし、プロとは思えない。

ちょｗｗこの前、幅値をいろいろいじっても直らなかったのに
<li>にpadding: 0px;入れたらff2でもsafariでもちゃんと表示された
>>592>>593オマイラ神ですか！！！ｗｗｗｗｍ（＿＿）ｍ

初心者テンプレ
Q：IE以外でリストの横に空白ができてレイアウトが崩れます
A：ttp://www.mozilla.gr.jp/standards/webtips/webtips0034.html

>>598
ごめん、<li>じゃなくって<ul>にpadding: 0px;指定です。ありがとう！

>>596
画像を背景にするのが手っ取り早いと思うんだが

>>599
まず全てのmargin・paddingを殺してからやるものです。
そういう意味で本当にバカですね。

> 大体ソースもimgにサイズ入ってないし

>>599
そもそもIEを基準にしてコーディングしようとするのが間違ってる

>>597
探した限りでは更新がとまっている
http://cssbug.at.infoseek.co.jp/
には載っていませんでした

IMG要素のheight属性・width属性は#IMPLIEDなので最小のソースという意味で記述していません
ちなみにIMG要素にheight属性・width属性を記述してもIE5.0で同様の症状が見られます

あと表示確認のためにStandaloneIE等のIE5.0を入れている人は少ないんですね


>>600
ギャラリーのようなページで
全アンカーに個別にcssでbackground-imageを指定するのは大変で

>>604
css2.0〜に準拠してないブラウザに合わせても仕方ないでしょ。
クラシックブラウザに対応したい人は別の方法を考えるか諦める。

CSS1にもwidthプロパティ、heightプロパティ、displayプロパティとdisplayプロパティのblock値はある。
UAはdisplayを無視してUAのデフォルト値を使ってもいいとされているが、
アンカーが無効になるという動作が認められているわけではない。
バグスレ行け。

バグスレは報告のみだろ

>>586の(1)に関しては解決&バグスレに報告しとけ
向こうで質問したらまたこっちに戻されるぞ

>>605
606さんも書いていますが使っているものはcss第一水準にあるものだけです


>>606-608
わかりました行ってきます




（２）のこの現象を解消する方法はありますか？
今のところpaddingを多めに取って移動できなくなることは回避しているのですが
反応するのは画像の周辺だけで画像部分を押しても反応しないというのは
直感的ではなく操作性を著しく低下させるので何か方法があれば教えてください

古いIEの確認はせいぜい5.5〜。
上手くいかないなら、そのcssをハック等で適用させないのが普通だと思うし、
古いブラウザまで対応したいプロなら、そもそもcssは振り分けるだろう。

>>609
display:block;しなきゃいいじゃん。

さっきからプロプロと過剰反応している奴がいるが、検証していないんなら黙っててくれ。
こんな回答者と同じかと思うと嫌になる。

>>612
じゃあ答えて〜

>>612
今更何言ってんの？このスレじゃ「こんな回答者」が大勢を占めてるというのに

過剰反応はどっちだかw
現実的な対応しか話してないが。

5.0を入れてないのに5.0の話題に口出しするのは確実におかしい

>>612
正直そもそもこのスレに、まともに答えられる人間は少ないと思わざるを得ないが、
このスレで>>612の発言はどれだい?

>>616
では入れている>>616が回答すればいい。
cssがコケた際どうするか、という一般的な話もしてはいけないとは知らなかったよ。

>>617
612以外では606。というか俺のことはどうでもいい。

オレくらいだなIE5.0持ってるのは
Macだけど

>>618 入れているから検証はした 解決策は模索中
でも他人事なので解決策を見つける義務も回答義務もない 飽きたら放置

>>621
＞でも他人事なので解決策を見つける義務も回答義務もない 飽きたら放置
当然だろ。
わざわざ他人の発言を牽制してまで、宣言する事かよ。

うpすれば見てやらなくもない

初めまして。
WordPressのデフォにあるスタイルシートの「EasyAll」なんですけど
カレンダーの部分と日記の本文の部分とを離らせたいのです。
style.cssのどこをいじればいいですか？御願いします、教えてください。
http://www4.uploader.jp/user/kappakonbu/images/kappakonbu_uljp00163.bmp
ヒントだけでもいいので、ほんと御願いします。

死ね

誰か俺と同じIE4いねえか。

氏ね

おｋ

>>624
お前ずーとここで嫌がらせのようにWordPressの事きいてるが専用すれあるんだろ？
そこいけよ。って何十万回も言われてないか？

>>629の言う通り。
スレ読み返すと何度も何度も。。。

実はbot

>>629
WPスレからこっちに誘導されてきたみたいだよ。このあたりから。
http://pc11.2ch.net/test/read.cgi/blog/1186393108/142-

そして、誰にも答えられない質問をひたすらコピペする始末。せめてHTML+CSS
のソースくらい出せよなあ。

誘導すんのが間違いだろ。
ブログの質問はブログ板へ。今に始まったことではない。

>>632
質問するのにbmpの画像のせてんだよ？
いかに見える見れない関係なく自己中かわかるじゃん。
普通環境に依存しないjpgかpngだろ。

>>632
あっちのアホスレでは、単にウザい奴をどこでもいいから追い出したかっただけだ。
ブログがますます嫌いになったよ。

>>635
ブログは子供が大半だから仕方ないな

ﾊｧ？

WordPressのデフォにあるスタイルシートの「EasyAll」なんですけど
カレンダーの部分と日記の本文の部分とを離らせたいのです。
style.cssのどこをいじればいいですか？御願いします、教えてください。
http://www4.uploader.jp/user/kappakonbu/images/kappakonbu_uljp00163.bmp

とりあえず、
#content {
position: relative;
left: 30px;
float: left;
padding: 0;
width: 5480px;
color: #666666;
}
をいじればいいらしいんですけど
数字を変えても、カレンダーと日記の「あいだ」が離れてくれません。。
どうすればいいでしょうか？

またお前か

>>639
ほんと困ってるのです。
後生、教えてください

>>640
URLを晒せ
そうすれば教えてやる
晒せないのなら二度と現れるな

>>641
アホかw

>>642
晒せないなら現れんなっていってんだろうがボケナス

>>638
一週間、何もせず無駄に過ごしたわけだ。金払って業者に頼め。

HTMLのソースがないと答えられるわけないだろう…常識的に考えて。

>>638
とりあえず「width: 548px;」の値を減らせばイイよ。
例えば「448px」とか。

#しかし、5480pxというのもエライ間違いですな。

まあこれだけ粘着しておいて今更ソース出されても
誰も答える気は無いだろうがな

divで作ったボックスの一番下に文字列を表示することって
可能でしょうか？

tableのtdタグで言えば、valign="bottom"みたいな指定をしたいのですが、、、

分かる方がいたら教えてもらえればと思います。

まずはdivにheightを指定するところから始めるんだ

画像とテキストが縦に並んでてリンク先が同じ場合、
面倒だし、無駄にタグが増えないようにってことでいつも

<style type="text/css">

.000{
width:100;
text-align: center;
font-size: 12px;
}

</style>

<body>

<a HREF="***.html" CLASS="000" >
<img SRC="img/**.gif"alt="***" CLASS="***"><br>
ああああああああああん
</a>
</body>

という感じに、画像とテキストまとめてやっちゃうんですけど、
これってあまりおすすめできない理由とかってありますか？

この例の場合、画像とテキストというよりボックスごとって感じですが。
これもまずいでしょうか。
検索エンジンロボットが読み込めないとか・・・。

>>649
heightを指定すればできるでしょうか？

ちなみに、具体例で言うと、ブログっぽい画面で
左側コンテンツエリア、右側サイドバーメニューエリアみたいな
感じで、divで画面をレイアウトしてあります。
それで、右のサイドバーの一番下に常に表示したい文字列＆画像があるんです。

左側のコンテンツエリアの高さは可変で、それに伴って、右側サイドバーも伸びるのです。

何かいい方法は無いでしょうか？

>>651
ソース

>>651
position使え。

フレームって便利だよな〜

div#main {
float: left;
position: frame;
}
div#sub {
float: right;
position: frame;
}

これ便利最高！

>>655
CSS初心者なんですがそれはどーいう効果があるんですか？

>>650
単なる字抜けだったらいいんだが
>width:100;
これあり得ないから。

>>657
すみません、どうして有り得ないんですか？
数値が大きすぎる？

すみません、、今まで
『　今日はお弁当でした。　』
と表示させていた文面欄が

style.cssをいじっていたら
『
今日
はお
弁当
で
し
た
。』

みたいに表示されるようになってしまいました。
で、思い当たるstyle.cssを変えた部分を全部前に直してみたのですが
元に戻らないのです。。。。

考えられる原因を教えて頂けませんか？
style.cssのどの部分を確認する必要がありますか？
教えてください、、、

style.cssを貼れば、問題を探して頂けますか？

>>659
お前まじ馬鹿だろ。
「おれの携帯の３番目に登録してある電話番号が１桁すくないんだけど、何番かわかる？」
と同じ。
＞思い当たるstyle.cssを変えた部分を全部前に直してみたのですが
元に戻らないのです。。。。
何を何を何にかえて何がどうなったのかも分からないのに何を答えればいいんだ？

もういいから死んで来い

>>660
/*
Theme Name: EasyAll
Theme URI: http://phpbb.xwd.jp/viewforum.php?f=20
Description: This theme uses it to test for ME. based on the famous <a href="http://www.northern-web-coders.de/">Northern-Web-Coders</a>.
Version: 1.1
Author: WordPress Japan
Author URI: http://wordpress.xwd.jp/
*/

body {
font: 90%/175% Osaka, Verdana, sans-serif;
background: #ffffff;
margin: 0;
padding: 0;
text-align: center;
}

a {
color: #495865;
}

a img {
border: none;
}

a:hover {
color: #6F6F6F;
}

#header {
background: url(images/syoi.jpg);
width: 760px;
height: 160px;
margin: 0;
padding: 0;
text-align: left;
}

#headerimg a {
position: relative;
top: 100px;
left: 15px;
font-size: 24px;
background: transparent;
padding: 5px;
color: #ff0000;
text-decoration: none;
}

#headerimg a:hover {
position: relative;
top: 100px;
left: 15px;
font-size: 24px;
background: transparent;
padding: 5px;
color: #dcdcdc;
text-decoration: none;
}

.description {
position: relative;
top: 100px;
left: 15px;
font-size: 13px;
background: transparent;
padding: 5px;
color: #0000ff;
text-decoration: none;
}

h1 {
margin: 0;
}

#content {
position: relative;
left: 30px;
float: left;
padding: 0;
width: 480px;
color: #ff0000;
}

#content h2 {
border-bottom: 1px solid #6F6F6F;
color: #5F707A;
font-size: 13px;
margin: 20px 0 5px 0;
padding: 0 0 3px 0;
text-align: right;
width: 480px;
}

#content h2#comments a {
color: #5F707A;
font-size: 13px;
}

#content h3 img {
border: 0;
}

#content div.post {
margin: 0 0 20px 0;
padding: 0;
}

>>660
ソース貼りました。
おかしい場所、教えて頂けますか？

『　今日はお弁当でした。　』
と表示させていた文面欄が

style.cssをいじっていたら
『
今日
はお
弁当
で
し
た
。』

みたいに表示されるようになってしまいました。

htmlは？

どう考えてもカレンダーのあるカラムのcssがコピペされてないわけだが

> Theme Name: EasyAll
> Theme Name: EasyAll
> Theme Name: EasyAll

ファイルを触る時は、常にバックアップしつつある程度目処がついたら一度ファイルを閉じる
そうすることで、アンドゥリアンドゥを繰り返して意味不明になってもコマンド+zすれば
閉じた時に戻るんだよ。
コマンド+ｚでも戻ってる様を見ると、自分もこんな風に戻ればとつくづくおもう(ﾉ`Д´)ﾉ 彡┻━━┻

body で0してるのに
またまたh1で0するとはこれいかに

自力で、直した。

っつか、ちょっとは協力してくれよ、お前ら。

なんだかんだで、全部俺がやってんじゃん。

またWordPress厨か・・・・
専用スレあんだからおこでやれよ。

下記のように指定してブラウザで確認すると、win IEだけで青色になりません。
これ、うちだけでしょうか？
・ここ以外でなにか余計な指定がされているためにこうなるのかな？
・FireFox2とOpera8で確認したら色は付いていました。
・IEは6だけしかないので他では確認していません。

CSS部分 ============
.blue { color: #006 ; }

HTML部分 =========
<ul>
<li><span class="blue">2007,10/01</span>更新しました</li>
</ul>

>>673
Mac Safari Firefox
win Safari Firefox Opera IE6,7
どれも色付いてるけど。

>>658
数値なしが許されるのは0だけ

>>658
>>675
数値っつか単位な
単位なしだとptとみなされるんだっけか?

>>676
'width'
Value: <length> | <percentage> | auto | inherit

>>677
仕様じゃなくて実装の話

>>678
lengthもpercentageも、
実装じゃなくて仕様でも単位が必要だから君は間違っていないよ

バカのいる流れ

基礎の勉強をここでやるな。

>>674
わざわざアリガトー。
ちょっと見直してみますね。

>>675がバカなだけ

>>678は>>677が「仕様で0以外の数値の単位は必要とされる」と言っていると思っている
>>679は>>677が「仕様で0以外の数値の単位は必要とされない」と言っていると思っている
と予想

　　ワケ　　　　　ワカ　　　　　メ♪
　 ∧＿∧　　　∧＿∧　　　　））＾）
　（　・∀・）　　（　・∀・）　　　（（　（
⊂　⊂　 ）　　（　Ｕ　　つ　　　））　）
　<　<　<　　　　）　）　）　　　（（　（
　（＿（＿）　　（_＿）＿）　　　 ））　）

>>682
「IEだけ〜〜になりません」の原因の半分はキャッシュ消し忘れ
もう半分はIE独自仕様orバグ

ieなんかでネットするやつなんてフォントが何かもjavaスクリプトが何かもしらんような
子供か80超えた年寄りくらいだし、
cssでレイアウトしないでも問題ない。
適当に500%くらいの大きさで本文かいてやれば文句もいわんだろ。
ieなんかの為のレイアウト時間とるなら嫁さんの穴毛でも抜いてるほうがよほど有意義。

こんどはこっちのスレか。ごくろうさん。

でもieはハックが出来るから調整しやすいぞ。

誘導されたので失礼致します。

テーブルデザインにおいて、□□　のように単独のテーブルどおしを横に並べるにはどうしたらよいでしょうか？

>>690
<table style="float:left;">

ヒントありがとうございます！　色々試行錯誤してみますね

ヒント？>>1読んでから勉強しろボケ。

てかテーブルレイアウトならテーブルにテーブル入れりゃいいじゃん

>>687
うちは解析みると9割がIEなわけだが＠子供がいる家庭が見るページ
最近の市販PCのデフォルトプラウザってfirefoxとかサファになってるの？

構うなよ

>>695

もし世界が>>687周囲の100人の村だったらってお話し

ブラウザの癖とかバグが分からないならまだいいが、
基礎中の基礎を聞いてくるのは調べる気無いだろ。

頼むから、検索エンジンで調べてから質問しにきてくれ。

スレ違いでしたらすみません。

目的：1枚の画像を常に縦横中央に表示したい

テーブルを使って表示するやり方がわかったのですが、この場合DOCTYPE宣言をしてしまうと正しく（？）表示されません。
DOCTYPE宣言をしても上手く表示する方法があるか
宣言しないで表示させるべきか
また、Divタグでの挿入方法などあるのでしょうか？

探してもなかなか目的の物が見つからないのでヒントだけでもいただければ嬉しく思います。

ちなみに趣味で使用している程度の者です。

テンプレ

くだらない質問かも知れませんが

すいません。

くだらない質問かも知れませんが

WinXPのIE7　と　VistaのIE7　では見え方は同じに成るのでしょうか？

当方未だVistaを持っていないので・・

ID出せ

これは失礼しました
再掲します

くだらない質問かも知れませんが

WinXPのIE7　と　VistaのIE7　では見え方は同じに成るのでしょうか？

当方未だVistaを持っていないので・・

補足

cssでフォント指定・ﾃﾞﾌｫで入ってるものを2〜3つの場合です

ｸﾞｸﾞってもいまいちはっきりと答えが見つかりませんでしたので
Vista+IE7を使用されているかたの意見を聞きたいのです

教えてください、お願いします！
背景画像を、一枚絵を画面いっぱいに広げたいんです。
ブラウザの大きさによって変える方法を教えてください！

>>699
見えるぞ見えるぞ、ゴミブラウザーieでサイトを使ってるお前の姿が。

>>705
電機屋で見て来い

>>706
ブラウザの大きさによって絵の大きさが変わるという事は、縦横比も変わる

>>706
何？ブラウザーの大きさって。

誰だID出せなんて言ってるボケは

>>708
大型電器屋2軒ほど見てきたのですが、田舎だから？かインターネットに
繋がっていませんでした。そのうち1軒はLANすら繋がっていませんでした

しばらくVistaは購入する予定でないので地道に検索してみることにします

>>711
6,7共存できると言うのに、どうしても別々のpcで確認しなきゃいけないもの？
win使う人の考えはよくわからん。

>>711
vistaの画面なんて検索すりゃ出て来るだろ。
それよりもcssに全く関係ない話だ。

711ですけど

>712
IE6(XP)で普通に見れる自サイトがIE7(XP)だと崩れていて
IE7(XP)用にUserAgentで振り分けしようと色々ｸﾞｸﾞってたら

IE7(XP)　と　IE7(Vista)　では見え方が違うのかもしれないと疑問が湧いたのです

>713
cssじゃなくてHTMLでTableで書いたときはIE7(XP)でも特に崩れていなかったので

>>714
回りくどいヤツだね。
フォントだの見え方だのではなく、cssが違うのかって事だろ。違うよ。
IE7　レイアウト　でググレカス。

>>714
いやいや・・・・・人の文章をよめよ・・・・・
6,7共存出来る って俺書いてるよね？
共存って日本語だけど、意味わかんない？
わざわざ電気屋にいって確認するとか、金ないのでビスタいれれないとか
俺が書いた１行で解決しないかい？

>>715>>716
よく読んでないのはそっちじゃね？
６と７の比較なんぞ誰も聞いてないと思うが

未だ2000使いかも知れんぞ。

>>717
はあ？cssじゃないんなら何しに来たんだボケ？

６と７の比較じゃない→CSSじゃない、になるの？ｗ

>>717

＞WinXPのIE7　と　VistaのIE7　では見え方は同じに成るのでしょうか？

vistaが無くてie7環境が無く、6,7で表示の違いがあるのか分からないと言ってるように見えるけど？

だから俺はvistaを入れなくても6,7のieが共存出来るんだからインストールすれば
電気屋に行かなくてもいいだろ？
と書いたんだけど？

いやいや普通に同じIE7でもOSの違い（XPとVista）で表示が変わるのか？
って聞いてるんだと思うけど。
しっかり「IE6(XP)で普通に見れる自サイトがIE7(XP)だと崩れていて」って書いてるんだから
XPでIE6・7共存できるくらいわかってるんじゃないの？

>>720
質問を人に伝わる日本語で書き直して下さい。

>>714
>>721
Vista導入はしていないがXP版IE7は検証済みと書いてあるが

言語障害のクセに開き直るんだよ、最近のバカの特徴ね。
そして逆切れ→捨て台詞を残して逃亡っていつもの展開かな。

>>724
じゃ何も質問することないじゃん。
自分で検証できるし。それとも、表示の違いが分からないので人にみてほしいのか？
それならスクリーンショットを提示すればいい。

ちょっと思ったけど、
ここはモダンブラウザーだけのスレにしろよ。
ieとかどこかその辺の掲示板でやればいいだろ。
まともに相手するだけieなんて無駄なんだし。

>>726
Vista無いのにどうやって検証できるの？

>>728
ああやっとわかった、IE7はXP版とVista版で違うのか、と聞きたいんだな？
どうしてそこまでわかりにくく書けるんだろう。。
cssは特に変更があったとは聞かない。以上。

>>729
お前以外は皆わかってたよ。

あそ。

最後まで言語障害のバカであった。

CSSとは全然関係ないんだが、なんでこの板ってID常時表示じゃないの？
ｱﾎﾟｰﾝしにくいったらありゃしない

>>733
そーゆうことは自治ｽﾚで

メイリオがあるか無いかじゃね？

いや〜　ここの解答者ってﾗﾍﾞﾙが低いなぁ〜

うんうん、二度と来ないでね（はぁと

＞解答者
そうだよな。
とても質問とは思えない文字列の解読から始めなくちゃいけないしな。

俺XPでIE7,IE6,IE5.5の表示確認してたけど
2000でもIE6とIE5.5の表示確認しなきゃ！

そういやたしかに2000とXPでIE6の挙動が違ったりしてたし
XPとVistaでIE7の挙動が違うケースもあるのかもしれない。

質問します

<style type="text/css">
<!--
p { font-size : 5em }
p#kimidori { color : #ccffcc }
--></style>

<body>
<p>あいうえお</p>
<p id="kimidori">かきくけこ</p>
</body>

と書くと、上のpは5em、下のpは5emで#ccffccになるんですが、
id要素は普通の要素より優先されるんじゃないですか？
id指定の方を1emで#ccffccにする場合どう記述したら良いでしょうか。
回答お願いします。

すいません。
解決法はidの方に1emを指定するっていうのは判るんですが、
疑問なのは、idの方が優先されるのに、何故要素名で指定されてる5emが
idの方にも反映しているのかって事です

あんたバカァ？

継承も知らんのか

>>742
値の指定については

1. カスケード處理によつて値を導けるのなら，それを指定値として用ゐる。
2. さもなければ，そのプロパティが繼承性を持つなら，親要素の値を用ゐる。一般にはその算出値。
3. さもなければ，そのプロパティの初期値を用ゐる。初期値は各プロパティ定義に示してある。
http://hp.vector.co.jp/authors/VA022006/css/cascade.html#specified-values

というルールがあるので、「かきくけこ」の方にはカスケード処理の結果
font-sizeプロパティの値が"5em"になるわけ。(「1」のケース。セレクタ"p"
は「あいうえお」のp要素と「かきくけこ」のp要素の両方にマッチするので、
どちらも"font-size:5em"になる。p#kimidori { font-size: 1em }と書けば、
セレクタ"p#kimidori"のほうが"p"よりも詳細度が高いので、カスケード処理
でそっちが適用される。)

どうでもいいけど、質問者を馬鹿にするレスだけしている人って何がしたいん
だろうって思う。「質問者より知識がある俺SUGEEEE」みたいな。しかも継承
は関係ないし。

すみません、
これが継承の問題になるのかとは判らなかったので・・・
詳しく教えてください

>>746
テンプレ読んで勉強して下さい。

ありがとうございました。
まだ知らない部分もあるようです、勉強してきます

>>746
だから継承は関係ないってば…

>>745
>どうでもいいけど、質問者を馬鹿にするレスだけしている人って何がしたいんだろうって思う。

この板に限らず、どこの板でも質問系のスレはそんなもんだ
いちいちそんなことを気にするようなやつは2chに向いてない
空気のようにスルーしとけ

>>749
CSSに限られた用語としての「継承」では間違ってるかもしれないが、
日本語としては理解できるよ。

p { font-size: 5em;}
p#idname { color: #ff0000;}

・この二つは目的別に分けられた同じタグのプロパティであって
　継承とは言わない(css的には)

・目的別に分けた為
　上のプロパティから下のID化したプロパティに自動で5emが入っている状態になるから
　継承している(日本語の使い方として正常だと言える）

>>744と>>745にはこの差があると見受けたが、
後者で認識してる人間の方が多いんじゃないか？

俺も後者の人間だったが、正しく説明する時には前者で話すようにするよ

>>751
<div><p id="idname">foo</p></div>
div { font-size: 5em;}
p#idname { color: #ff0000;}
このようなケース(p#idnameにfont-sizeプロパティが継承される)と、

<p>foo</p><p id="idname">bar</p>
p { font-size: 5em;}
p#idname { color: #ff0000;}
このようなケース(継承はない)が混同されているだけだと思うけどな。後者を
日本語では「継承」と呼べるというのは理解できない("Inheritance"とは言わ
ないが「継承」とは言うっておかしくない？)。

どっちでもいいよ

現在、テーブルをウインドウの中央に置きたいと思って四苦八苦しています。
htmlのソースに、
<CENTR>
<TABLE>
...
</TABLE>
</CENTER>
のように書けば、テーブルは中央に表示されるのですが、できれば<CENTR>を使わずに、
スタイルシートでテーブルを中央に置くように指示したいと思っています。

そこで次のように、
TABLE
{
text-align : center;
}
書いたのですが、テーブルは中央に表示されない状態です。
一体、どうすれば中央に表示できるのでしょうか。

>>754
>>5のQ2。せめてテンプレ読んでから質問しる。

す、すみません・・・。
教えていただいたURLをもとにmargin-left: autoとmargin-right: auto;を
追加したら中央に表示できました。
ありがとうございました。

>>756
margin: auto;
もしくは
margin: 0 auto;
の方がすっきりするんじゃないかい。

いつの間か初心者スレかよ

<input type="checkbox">の形状・表示イメージを変えたいのですが、
そう言う事って出来るのでしょうか？

縁に色を付けたり大きさを変えるのは出来るのですが、
□　←こういう形状を変えることは出来ません。

□内にチェックがあるのではなく、チェックだけの表示にしたいので
もしご存じの方は、教えていただければと思います。

UAを改造する

画像使ってモドキなら出来なくも無いが…。

おとなしくFLASH使うかデフォルトのままにした方がいい

先生方　お教えください。

よくあるJavaScriptで組まれた簡易電卓の数値を、表示枠の左詰めではなく
本物のように右詰めに表示させるには、どんな命令文で指示すればよいですか？

CSSスレと知っての狼藉か ?

text-align:right;

>>763
http://pc11.2ch.net/test/read.cgi/hp/1190811747/l50

はい。こちらで質問しましたがＣＳＳスレへ行けと言われました。

s

>>765
JavaScriptの質問だから移動する事ない。

JavaScriptで右寄せにするわけにはいかないからCSS使えってことじゃないの？

つーかJSでどう吐き出すのか次第だろ

>>765
どちらにせよ、君は勉強が足りなさ過ぎ。
ググればweb初心者向けサイトがいくらでもある。
そういう所を見てhtmlから勉強してね。
ただスクリプトだけ勉強してもカッコ悪いサイトしか作れないよ。

>>762
>>764とか、
float:right; とか、
position指定してright:0px; など。

>>770
ストレス解消目的でこのスレを使うのもスレ違い。
こっちのスレに行った方が良いよ。
http://life8.2ch.net/test/read.cgi/jinsei/1192946998/

どうして他人のレスにあれこれ言うかな。
そこまで自分を正当化したいのかね。
まず>>1くらい読んでから発言したまえよ。

無意味なレスすんなってことでしょ。「君は初心者だから基礎から勉強しましょ
うねー」って何の回答にもなってないし。

まあ、このスレの回答者に何言っても無駄だと思うけれど。

>>773
webスレでもそういう発言を繰り返す奴がいたな。
何もわかってない初心者にソースだけ教えたって、結局また同じ様な質問を繰り返すだけ。
そんな例はどこにでも山ほどある。
だからアンタみたいな考えを持ってるなら、手とり足とり系超初心者スレを立てろと言ってるのだ。
質問者はどんどん回してやるし、人の役に立てるぞ。なぜやらない？

そんなら、質問が来たら「基礎から勉強しましょうねー」ってレスするbotで
も置いておけばよくね？

手取り足取りCSS質問スレでも立ててみるよ。

というよりもCSS考察スレを立てた方が良さそうだね。
質問スレなんて基本的には>>260なんだし。

というわけで>>774よろ。

つーか、ここで質問するような連中は
基礎から勉強するのがめんどくさいから
ここで訊いてんじゃねーの？

>>778
一理あり！

「ググレ」って言うのもよくあるけど、ググるくらいならココに来ないってか。

じゃ次スレからCSS初心者スレにすればいいじゃん。
テンプレも無くせば、テンプレ見ろとは言えないし、全て解決。

>>777
言い出しっぺが立てろよw　常考だろフツーwww

この板は不勉強な初心者が多いのかもしれんね。そういう人達に「そんなこと
も知らんのか」「基礎から勉強しろ」「仕様書読め」「ググれ」ってレスする
か、手取り足取り教えるかってことになるが、どっちにしてもあまり意味ない
よね。

初心者はまとめてこっちでいいだろ
Webサイト制作初心者用質問スレ Part 189
http://pc11.2ch.net/test/read.cgi/hp/1192516526/

そんなに勉強がイヤなら、今はブログもテンプレもあるじゃない。
それでも一からサイト作ろうってなら、それなりに努力は必要だと思うよ。

たぶん、テンプレやらブログやらを使っているけど、それをちょっとカスタマ
イズしたいっていう人が問題なんだろうな。そういう人は一からCSSを勉強す
るなんてことはしたくないだろうから。

自分はプログラミングはほとんどできないんだけど、例えば配布されている
CGIをちょっと改造して使いたいがどうすればいいのかわからなくて質問した
のに、「基礎から勉強しろ」とか言われたら、「はあ？何言ってんの？死ねば
いいのに」って思うね。このスレの回答者は、CSSを使うやつ全員に基礎から
勉強させないと気がすまないらしいが。

もう回答者も初心者に毛が生えたのがほとんどだから、
次スレからは、css初心者スレとして一新する案に一票。
4年間ありがとう、さよならcssスレ。

たしかに、このスレの住人は対応の仕方が悪いけど、
そういう捨て台詞はくのは、ちょっとみっともないよ。

CascadingStyleSheet考察スレ1
http://pc11.2ch.net/test/read.cgi/hp/1193325466/
初心者避けの為に、スレタイにCSSという単語は入れず。

>>786
改造したいくせに基礎知らん、知りたくもないとでかい口叩く方がよっぽど死んでいい。
誰も困らないから是非死んでくれ。

>>786
簡単な基礎も分からない馬鹿に何を回答しろと言うのだ。

ようするに改造済みのソースうｐをねだってるだけのゆとりだろ。
レスするだけ無駄。

知らない事は悪くはない。
悪いのは知ろうとしない事。

一々面倒なオタクどもだなｗ

>>790,791
だから、そういう質問に対しては改造したコードを挙げずとも「こんなことを
するコードを書けばいい」って教えてくれればいいのに(そうすればあとは自
分でなんとかするから)、基礎から勉強してperlかphpかマスターして自分でそ
れを解決できるようになれって言うのは、回答として何も意味がないんだよ。
自分より馬鹿なやつを見つけて偉そうに講釈たれて優越感にひたっているだけ
の回答者は死ねばいいと思うよ、ほんと。

だーかーらぁ、そう言う風に回答すると、それじゃこれは？　つぎにこれは？　っていうふうに自分で何とかしないで延々と
聞いてくるのばっかりだから今みたいに荒れるんだよ。
そう言う殊勝なの居た？

自分でなんとかしないようなやつ(例えば上のほうでWPのテンプレートをカス
タマイズする方法を教えろとか言ってるの)はスルーでいいだろうし、実際に
スルーされているんだからそれでいいだろうけれど、そうでない質問にも答え
ようとせず、自分の知識を自慢したいだけの回答者はいなくなればいいのに
なーってこと。なんか、WPのテンプレについての質問をひたすらコピペするや
つが出てきてからおかしくなったような気がするね。まあ、どうでもいいか。

ゴタクの前に、読みやすい改行を覚えような。

どうでもいい、とか言いつつ
必死に長文を書く行為について

キモオタうぜーｗ
その程度の反論しか出来ないのかよｗ

勉強したくない質問者が、どんな質問にも答えろってしつこく言ってるんだろ。
もしくはタクト系回答者なんだか知らんが、
こんなのが住み着いてる時点で、スレは終った。

何て言うか、頭の悪い回答者が偉そうに振る舞っているのを見ていらいらして
いただけのような気がしてきた。中途半端な知識しかないのにさも自分が絶対
に正しいかのような口振りでレスしたり、明らかに理解の欠けたレスをしたり、
そういうのを見ていて「何でこんなに傲慢不遜な馬鹿がたくさんいるんだ、謙
虚な馬鹿ならまだ許せるのに…」とか思ったり。大半の回答者はしっかりした
人だと思うけれど、一部の馬鹿が目立ちすぎて、俺がいらいらしていた、とい
うことで。

>>798
改行は2chブラウザが自動でやってくれるので

だったらこんなスレ見なきゃいいのに…

他人を馬鹿にしたいから匿名で回答者やってるんだろ常考

ｵﾏｴｶﾞﾅｰ

そうだよな…でもCSSオタとしては知らないネタが出てこないかこのスレをチェッ
クしないわけにもいかなかったりするんだ。2chブラウザのあぼーん機能とか
使って自己処理するようにするよ。何か意味不明なことでスレ使っちゃってごめんよー。

この流れの中で勢いで立てられた二つのスレの行く先は！？

騒いでたのは>>806だけなのか？

このスレではよくあること

>>770 と http://pc11.2ch.net/test/read.cgi/hp/1190811747/732 の
Javascriptコンプレックスが発端です

このスレではよくあること

>>810が真犯人か。二度と来んな。

>>795
こんなことをするコードを書けばいいって、それが出来たら質問なんか必要ないんだが。
何をしたいかわからず質問してるとしたらこちらにもどうしようもない。

>>802
頭悪そうですね。

みんな楽しそうで何よりだお（ ＾ω＾）

顔のレイアウトが崩れているのですが、どうすればCSSでイケメンになれるでしょうか？