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

いや、それCSSじゃないし…。

ごめんなさい
ｽﾚﾁでした...。

おまいっていう奴は・・・

バグでしたか。
検証・誘導・変わりに報告してくれた方ありがとうございました。

http://vip.jpn.org/uploader/source/up2081.jpg

>>956
(´ω`)<ｶﾜｲｿｽ

ま、マジで落っこったの？それ。

コラだろ…

>>955　詳しいことはバグ辞典スレッドにも書いておいてね。

カルガモ．ヒナ{　display : none　}

吹いたけど、哀れな話だ。

<ul><li>blah blah</li></ul>

ul {
    text-align:right;
    border-top:1px solid #000;
}

li {
    display:inline;
    padding:5px;
    border-bottom:1px solid #000;
    border-left:1px solid #000;
    border-right:1px solid #000;
}

上記の状態でulのボーダーとliのボーダーが合体して綺麗に長方形にできる方法ってありますか？
このままだと、liのボーダーが上にはみ出て綺麗になりません。あとpaddingを変えたりすると変わってしまいます。
ulとliだけでは表現できないでしょうか。
もし他の方法があってそれでうまくできるなら教えてください。

試してないが、liに右線だけ、ulに上下左線だけ、では駄目だろうか。

>>963
ul { padding-top:2px;}
WinIE6、FireFoxはこれでよし。
しかしOperaでは4pxでないと駄目だった。

>>964
それではtext-align:rightとdisplay:inlineの意味が無くなる。

>>965
Firefoxではきれいに見えるんですが、IE6では上にはみ出ていました。Operaは持ってません。
他にスマートにできる方法ありますか？
このデザインってちょっと無理矢理かな？

li {line-height:1.3;}を追記すれば、Opera8.54でもＯＫ。
IE6では、もともとulにpaddingを設定しなくとも問題無し。
こちらはWinXPでDOCTYPEは標準モードだが、そちらの環境は互換モードか？
ul {padding-top:2px;
text-align:right;
border-top:1px solid #000;
}

li {line-height:1.3;
display:inline;
padding:5px;
border:1px solid #f00;
border-width:0 1px 1px 1px;
}

macだと、>>967のulをpadding-top:4px; にしないと上手くいかない。
FXだけはpadding-top:2px;のままでOKだった。

違うデザインにしましたので、もういいですよ。
ありがとうございました。
各要素をpxでちびちびあわすより、divで包んでdivのwidthなりheightなりを調整して、その中いっぱいに線書いたほうがいいね。

＞もういいですよ。
＞もういいですよ。
＞もういいですよ。

二度とクンナ。

>>970
なんて言ったら良かったの？

>>969
クンナ。

叩きたいだけですか？

>>971
おまえはCSSの勉強の前に日本語を勉強しろ、ガキ。

ちゃんとお礼言ってます

楽しいね

>>975
いちいちイヤミな奴だな。逆の立場に立ってモノを言えって。
ま、二度と来なくていいけど。

何事もゆとりを持って臨まなきゃいかん

>>969 どうでもいい糞デザインなんだから作るな。

すいません質問なのですが

h2タグにcssで背景に画像を設定したのですが、表示されません。
パスが間違ってるわけでも無く、ちゃんとバイナリモードでも転送していています。
しかし、その画像のURLを直接開いてみると表示されて、
HTMLファイル上の記述は<h2></h2>と中が空白になっているのですが、スペースを入れると表示されます

これは仕様なのでしょうか？

とういうか、hタグに画像のみ使う場合はHTMLで画像を指定し
代替えテキストを表示するのが正しい文法なんでしょうか？

>>980
とりあえずソースが分からないことには答えようがない。

んー・・・前に自分も同じようなことあったけど、すっごくつまんないミスだったような気がする。
というわけでソースください。

>>980
一番いいのは
<h2>にはテキストを入れて画面上では見えなくし、画像は背景にする。
しょうじゃない場合は画像を入れてalt書く。
空タグは最悪。

>>977
この手の子は、逆の立場でもキニシナイからたちがわるい。

>>971
「もういいです」は否定なので、「お断りだ」って言われるのと
同じような印象をもたれることだけ覚えとけ。

>>980
ローカルだとできてるの？

MT 3.2のデフォルトテンプレを使っているのですが、以下が問題のソースです

　　html
-------------------------------------------
<div class="module-search module">
<h2 class="search-header"></h2>
<div class="module-content">
<form method="get" action="<$MTCGIPath$><$MTSearchScript$>">
<input type="hidden" name="IncludeBlogs" value="<$MTBlogID$>" />
<label for="search" accesskey="4"></label>
<input id="search" name="search" size="20" />
<input type="submit" value="検索" />
</form>
</div>
</div>
------------------------------------------------------

css
------------------------------------------------------
.search-header {
margin: 0;
background-image: url(http://***.jp/mt/tmpl-image/search-title.png);
background-repeat: no-repeat;
}
----------------------------------------------------------------------------

h2タグ内に といれると表示されます。

>>986
テキストが何もない場合の動作は保証されない。
なんでタイトルも何もないのよ、hnは「見出し」だぞ。

>>985
ローカルだと表示されます

safari,IE,firefoxで見たのですが駄目でした。

>>988
タイトルを画像にしたかったので・・・

やはり、空タグがいけないのですね；

空タグが原因だろうね。
これだったら画像をhtml上で配置した方がマシ。

>>989
>>983が方法書いてくれてるでしょ。

とりあえずh2にテキスト入れて

text-indent: -9999px;

でいいんじゃない？

なんでローカルだと表示されるんだ？

あ・・・あとh2のサイズ指定して無いじゃん

>h2タグ内に といれると表示されます。
↑の空白が部分が表示されてない；

空白部分は＆　n　b　s　p　；です

>>995
大丈夫、それは　全　然　重　要　な　問　題　じ　ゃ　な　い

>991
原因が知りたかったもので・・・
>>994
サイズ指定は画像以外使わないし、余白等もいらないので指定していませんが、いるんですかね？

みなさんありがとうございます。htmlで指定してみます

＞htmlで指定してみます
理解してない悪寒

>>997
空タグなのが原因なんですよね？
プラス、CSSでもサイズも指定してないのでブラウザが認識しないと言う事でしょうか？

/* CSS・スタイルシート質問スレッド【56th】*/
http://pc8.2ch.net/test/read.cgi/hp/1146116351/l50

ふぅ・・・間に合った。
続きはコチラへ

このスレッドは１０００を超えました。
もう書けないので、新しいスレッドを立ててくださいです。。。