/* CSS・スタイルシート質問スレッド【49px】 */
244 :
Name_Not_Found:
W3CのCSS Validatorで
h1 {
line-height: 1;
}
をチェックするとエラーが出るのですが、どうしてでしょうか。
1
>>244 h1{
line-height:1em;
}
とやりたいのか?
これを↓のように左右は2段の真ん中、中央部は3列1段の2段重ねにしたいのですが、
IEでは思い通りに表示されるのですが、Firefoxでは左・真ん中・右が3段になっ
てしまいます。どうすればいいか、アドバイス頂けないでしょうか?
■■かさた■■
■あ□□□や■
■■なはま■■ □は無視
<?xml version="1.0" encoding="Shift_JIS" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "
http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
ul { list-style-type: none; }
ul.u1 { text-align: center; }
ul.u2 li { display: inline; height: 1em; }
li.l1 { font-size: 9pt; width: 640px; }
li.l2 { display: inline; height: 2em; line-height: 1.5em; margin-bottom: -0.5em; }
li.l3 { display: inline; height: 2em; }
<li class="l1">
<ul class="u1">
<li class="l2"><a href="A.htm">あ</a></li>
<li class="l3">
<ul class="u2">
<li><a href="a.htm">か</a></li><li><a href="b.htm">さ</a></li><li><a href="c.htm">た</a></li>
</ul>
<ul class="u2">
<li><a href="d.htm">な</a></li><li><a href="e.htm">は</a></li><li><a href="f.htm">ま</a></li>
</ul>
</li>
<li class="l2"><a href="B.htm">や</a></li>
</ul>
</li>
250 :
244:2005/11/19(土) 21:39:26 ID:INS3Xgcs
いえ、1です。実数値です。
へ?
リストのインライン化時の現象について教えてください。
画像で作成したメニューボタンを横並びにしました。
ul の中の li には、display:inline; を指定してあります。
<ul>
<li><img src="A"></li>
<li><img src="B"></li>
<li><img src="C"></li>
<li><img src="D"></li>
</ul>
インライン化には成功したのですが、それぞれの img の右側にほんの少しだけ謎の余白が出来てしまいます。
ul も li も img も margin や padding はゼロにしてあるのですが、どうしても img同士がくっついてくれません。
どなたか解決法をご存知の方がいらっしゃいましたら、ご教授ください。お願いします。
>>250 行間1px???
( ´д)ヒソ(´д`)ヒソ(д` )
255 :
244:2005/11/19(土) 22:06:24 ID:INS3Xgcs
256 :
Name_Not_Found:2005/11/19(土) 22:12:37 ID:2NIlzOJq
サムネイル表示スクリプトを作っています。
1つのサムネイルを200x200のマスの中心に表示させたいのですが、横はtext-alignで中心揃え出来たのですが
縦がどうしても揃いません。どうにか縦もmiddleでそろえる方法は無いでしょうか?
<ul>
<li><img src="./hoge1.jpg" width="143" height="91" alt="hoge" /></li>
<li><img src="./hoge2.jpg" width="136" height="101" alt="hoge" /></li>
<li><img src="./hoge3.jpg" width="151" height="63" alt="hoge" /></li>
...
</ul>
li { width:200px; height:200px; margin:10px;
background:#ff0000; display:inline; text-align:center;}
大物が来たな
258 :
244:2005/11/19(土) 22:14:19 ID:INS3Xgcs
>>254 h1 {
line-height: 1;
}
なら、h1の行間はh1のフォントサイズに1を掛けた値になるはずです。
259 :
Name_Not_Found:2005/11/19(土) 22:22:53 ID:INS3Xgcs
>>253 <style type="text/css">
* {
clear: left;
}
li {
display: block;
float: left;
clear: none;
}
</style>
<ul>
<li><img src="A"></li>
<li><img src="B"></li>
<li><img src="C"></li>
<li><img src="D"></li>
</ul>
こんなんどうでしょう。
>>253 </li>と<li>の間の改行をなくす。
>>256 個別に設定するかテーブルセルの中に入れるか。
262 :
244:2005/11/19(土) 23:15:33 ID:???
結局このスレの人たちにはわからないようですね。
他の場所で聞くことにします。
失礼しました。
>258=>244
validatorがおかしいような気がする
h1 {line-height: 1.0;}
なら通った
…答えるんじゃなかった
確認のブラウザかいてないからスルーしてた
>>253 IEですよね?
liの中の最初のインライン要素が画像だとどうしようもない余白ができたような気がする。
あれって対策できないのかな
>>267 IEだろうと改行を消せばぴったりくっつくっての
この流れなら言える
T A B L E タ グ っ て す ば ら し い ! (・∀・) イヒ!
>>268 改行のスペースじゃない。
なんかできちゃうんだ。Operaだったかも?
あれ以来liにimgを入れなくなった。
>>248 ・・・まずそのHTMLをなんとかしないか?
>>271 Operaでも確認してきた。そんな現象は出ない。
274 :
253:2005/11/19(土) 23:49:36 ID:???
みなさん回答ありがとうございます。
確認したブラウザ書いていなかったですねorz。失礼しました。
WinXPで、IE6、Opera8、FireFox1.02、ネスケ7.1で確認しました。
私の所では確認した全てのブラウザでこの現象が発生していました。
>>259 やはり、blockが無難でしょうか。
*{
clear: left;
}
というのは、<li>でfloatしたものを解除する、という解釈でよろしいでしょうか。
というより最初に解除しておいて、<li>のみでfloatという感じなんですかね。
>>260 おぉ!?
確かに<li>の記述の時、改行しないと<img>がぴったりくっつきますね。
ソースが見づらくなるのが難点のような気もいたしますが、素晴らしいですね。驚きです。
でも、どうしてなんでしょうね。
>>274 改行は半角スペースとして扱われるものだということを覚えておいたほうがいい。
呼んだ?
リストのインライン化は便利だけど
CSSが無効な場合、レイアウトが全く変わってしまうことを頭に入れておいた方がいい
そんなあなたHTMLでレイアウトしてるんですか?
はぁ?
>>279 朝から面白いレス見てしまった。
>CSSが無効な場合、レイアウトが全く変わってしまう
そもそもCSSが無効ならレイアウトも何もねーだろw
え…?
284 :
244:2005/11/20(日) 09:53:45 ID:5aYRuC4l
>>263 やはりValidatorがおかしいですよね。ありがとうございます。
>>262は偽者です。
>>274 > <li>でfloatしたものを解除する、という解釈でよろしいでしょうか。
> というより最初に解除しておいて、<li>のみでfloatという感じなんですかね。
その通りです。
ただ、自分で提案しといてなんですが、
>>259には少し気になるところがあります。
まずは、li以外の全ての要素の流し込みを禁止することによって、
他の部分に影響を及ぼさないかということ。
そして第二は、仕様に合っているかという問題。
CSS2の仕様では、floatするものには明確な幅がなければならないとなっているのですが、
はたして
>>259のli要素には明確な幅があるといえるのか。
私は、中のimg要素によってli要素にも明確な幅が与えられると思うのですが、自信がありません。
285 :
253:2005/11/20(日) 12:07:21 ID:???
>>259=284さん、回答ありがとうございます。
実は、
>>253のulはposition:absolute;してるんです。
(本文の後ろにナビゲーションであるulを記述して、position:absolute;でページ上方に配置)
liをdisplay:block;にして横並びにした場合、いずれどこかでfloatを解除する必要がありますよね。
しかし、position:absolute;で配置したものを解除するのにはいったどこで行ったらよいのか悩み、
それならdisplay:inline;にすればfloatの必要もなくなるかな、と単純に考えたのです。
htmlの記述上ulの後ろに来ている部分で解除すればいいんでしょうか。
それとも、position:absolute;したものは他の要素には影響しないと考えてfloatを解除しなくても
いいんでしょうか。
何か的外れなことかいてたらスミマセン。
>>285 !! 条件後出し。 ルール違反 !!
これ以上レスは無いと思え!
>>285 つーか改行なしでできたんだったらinlineでいいじゃん・・・
It is unprecedented to look at him who rages so much.
よめねえ
292 :
Name_Not_Found:2005/11/20(日) 13:42:51 ID:OD6TkWjj
すみません。いろいろと調べたのですが、どうしても解決しないので、質問させてください。
bodyに下に向かって青になって行く横幅1px 縦600px程度の画像をrepeat-xで指定し、
バックグラウンドカラーを画像にの一番下の青にしています。
これで、ほとんどの環境では、上から徐々に青になって行く表現が出来たのですが、
MacIEのみ、背景画像が途中で切れてしまいます。
そのようなバグってあるんでしょうか?
293 :
231:2005/11/20(日) 14:07:45 ID:???
>>234 遅くなってすみません。
それIE6でもうまくいきました?
ホーム > 暮らしの情報 > 住まい 鉄塔に
住もう!
「鉄塔に住もう!」のように文字列が2行にまたがるところでは文字列の脇に>が表示されないんです。
"に"と"住"を対角線でつないだようなボックスモデルになっているらしくホームの"ホ"の位置に>が表示されるんです。
>>292 初めて聞いた。ソースと画像あると嬉しいかな。
295 :
253:2005/11/20(日) 14:21:54 ID:???
皆様、ご迷惑をおかけしました。スレ汚し失礼いたしました。
質問です。
.cssファイルにCSSをまとめて書く場合ですが、
ブラウザでサイトを表示させるとき、
まずは.cssファイルを全て読み込み、その後表示されるのでしょうか。
分かりにくい質問ですみません。
現在作っている.cssファイルはたくさんのクラスの分をまとめて書いているので
とても長いです。
.cssファイル内を全て読み込んでからでないとページが表示されないのだとすると、
ページごとにファイルを分けた方が表示が速くなるんじゃないだろうかと考えました。
それとも.cssファイルなんか一瞬で読み込んでしまいますでしょうか。
>>293 ホントだ。IEだと改行した先が基準になってるな。
>>296 確か読み込んでから表示だが、
それを気にできるくらい画像やソースをそもそも軽くしているのかと。
むろんいらないCSSは無いに越したことがないし、
用途毎に分けておいて、必要分だけインクルードするほうが、
管理側としてもラクだよ。
横レスだが、
CSSファイルは一度読み込めばあとはキャッシュを参照するだろ。
だったら初めてそのサイトを開いた時だけ多少時間が掛かっても、
次からはどのページを開いてもCSSを読み込む手間がゼロなわけだから
2ページ目からは早く表示されるんでね?
IEってなんで透過PNG画像を青くしてしまうのですか?
みなさんレスありがとうございます。
>>300 1.63KBです。このまま1つのファイルで済まそうとすればまだ大きくなる予定です。
303 :
292:2005/11/20(日) 14:51:12 ID:OD6TkWjj
バグというか、もとから対応してないんじゃね?
>>302 全く気にする必要はない。
俺のは10KBを越えている。
>>305 PNGに対するレスだと思うが、奴のメール欄を見ろ。
309 :
303:2005/11/20(日) 15:05:35 ID:OD6TkWjj
>>308 画像のサイズは、元々青になるギリギリのサイズでした。
長くしたら解決するかなぁと思って、長くしています。
>青になるギリギリのサイズ
?
311 :
303:2005/11/20(日) 15:17:46 ID:???
>>310 説明悪くてすみません。
白から青に変わって行くんですが、bodyのバックグラウンドカラーになった
瞬間までって事です。
>>306 10KB!
じゃあ僕のはまだまだ小さいサイズなんですね。
安心しました、ありがとうございます。
>>307 違うよ、PNGに対するレスじゃないよ。何のことかと思ったじゃないか。
303へのレスのつもりで書いたら間に304が入った。
repeat-xがWinIEには対応しててもMacIEには対応してないんじゃないかなと思った。
>>315 対応してないってのは聞いたことがないけどな・・・
MacIE5.0だとbackground-imageそのものに対応してないようだが、
それとも違うみたいだしなぁ。
このスレにマカーはいないのかマカーは。
ほんじゃマカー
>>296 Opera8.5だととりあえず表示してから順にCSSを適用するらしく、
一瞬CSSなしとか一部のCSSだけ適用された状態が見えるよ。
321 :
303:2005/11/20(日) 16:10:42 ID:???
えーと、repeat-xは普通に適用されています。
ただ、背景画像の縦が途中できれてしまうんですよね。
下まで表示されないんです。
謎です。。
>>320 ユーザCSSは確実にできないよ。
サーバのでもできないことがあるという噂だがよく知らん。
MSに聞けよ
>>304 liの中にspanを入れてspanをlist-itemにしてあげれば
list-imageで思い通りの位置に表示できるかもしれませんね。
が、spanを入れる時点で本末転倒かと思い文字列の脇にimg要素を置くことにしました。
paddingで背景画像と言う選択肢もあるんでは
>>319 えっ、本当ですか。
だとすると一瞬で読み込んでくれるよう
短い方が良いんですかね…。
Doctype宣言はStrictではありませんが、
サイトのデザインはHTMLに頼らず全てCSSで行っているので、
CSS無しの状態が見えてしまうとすると、
背景真っ白、文字真っ黒、全て左上に固まって表示、という
携帯サイトをPCで見た時より情けない格好が見えてしまうんですね…
>>327 一瞬見えるだけで、すぐ全部表示されるよ。
つーかおまいさんの容量程度なら気にしなくてもよさげ。
>>303 MacのIE5でその現象たまに出ますよ。たぶんバグだと思います。
ブラウザ起動しなおしたら出たり出なかったりしませんか?
今試してみても再現できませんでしたが。
>>328 何度もすみません。
今くらいの容量なら大丈夫とのことで安心しました。
ありがとうございます。
あー、おれも以前のレイアウトではその現象あったよ>MacIEで画像が一部表示されない
だから今はそういうレイアウトはやめてる。
おれの場合はrepeat-xは使ってなかったけど。
丸い画像を並べて載せてたら「丸と思われる画像が全部半円でしか表示されません」と
訪問者からコメントが届いた。
バグスレッドに出てた?出てないんだったらホスィ。>MacIE背景
<div class="1">文章</div>
<div class="2">文章</div>
このように打った場合に、1と2との間に間隔を開けたいのですが、今はabsoluteにした上で
.1{top:100px;}
.2{top:240px;}
のように設定しています。
しかし、これだと文字サイズが大きいと1の縦が長くなり、
2に被ってしまう場合があります。
以前「文字サイズは自分の好みで決めたいのでブラウザで変更できるようにしてほしい」
という意見がメールで届き、CSSで文字サイズの指定はしていません。
大きい文字サイズで間隔を設定すると小さい文字サイズのときに大きな隙間が空いてしまい
それも変です。
なので、1の下側の辺から何ピクセル下に2の上側の辺が来る、という設定を
することができれば良いと思うのですが、そういう方法が見つかりません。
relativeにしても結局は1の上側の辺からの距離になるので、
文字サイズが大きくなれば被ってしまいます。
>>333 CSSで書いてるのならマージンくらい知ってるはずだけどねぇ・・・
…だよねぇ
…ですよねぇ
>>333 あなたは一体どれだけ偏った知識を詰め込んできたことやら。
とりあえずまともな本を買うのでも適当なサイトをみるのでもいい。
世界を見てみなさい。
そこには貴方が今まで知らなかったような広大な CSS の世界が広がっているから。
>>327 CSSのサイズというよりそのときのクライアント側の負荷に影響されてるような希ガス。
いずれにしろ長くても1秒とかほんの一瞬だから別に問題になるほどじゃないよ。
気になるならレイアウトとか特に重要なものだけ別ファイルにして最初に指定すれば?
339 :
333:2005/11/20(日) 20:45:48 ID:???
すみません、marginで指定しても変になってしまいました…
<div class="1">文章</div>
<div class="2">文章</div>
上の状態で、ブラウザの上辺と1の間を10px、1と2の間を150px空けたい時に、
.1{margin-top:10px;}
.2{margin-top:150px;}
と書くと、1よりも2の方が上に表示されてしまいます。
指定の方法が間違っているのでしょうか…
340 :
333:2005/11/20(日) 20:46:57 ID:???
すいません、間違えました。
上の場合だと2の方が下にきます。
341 :
333:2005/11/20(日) 20:47:37 ID:???
その更にあとに、2と3の間を100px空けたい時に
.3{margin-top:100px;}
と書くと、3の方が2より上に行きます
class半角数字ですか・・・
class="1"ってwwwwwwしねwww
ホント本でも買って勉強した方がいいネ
346 :
333:2005/11/20(日) 21:08:19 ID:???
すいません、半角数字は禁止ですか?
私のブラウザで普通に使えているのですが...
もうくんな・・・
>>346 あのさ、テンプレ見た?
半角数字は使ってもいいけど、半角数字だけのclassは駄目。
349 :
333:2005/11/20(日) 21:20:35 ID:???
346は僕じゃないです。
メル欄を空っぽにしてID出した方がいいですかね。
それはともかく、クラス名は質問する時に
上下の順番を分かりやすくするために書いたもので、
実際は数字では書いていません。
だから帰れ
木村カエレ
木村ってゆうなー!木村ってー!
バカヤロー、呼び捨てにすんなー!
じゃあキムでいいよ
355 :
333:2005/11/20(日) 21:28:00 ID:???
実際は漢数字で書いていました。
すいません、これが原因でした。
スレ汚し失礼いたしました。
>>349 今夜は低レベルな回答者ばっかりだから、日を変えておいで。
ねーよw
見事に馬鹿ばっかだな。
361 :
333:2005/11/20(日) 21:45:20 ID:G+95GMa9
355も僕じゃないです。ID出しますね。
それよりも、基礎のなっていない質問にも
色々とヒントを与えて下さってありがとうございました。
topとmargin-topとの違いなどがあまり理解出来てないみたいで、
言われた通り勉強をもっとしなきゃなあと思いました。
>>339-341で書いた問題は、
位置をtop:100pxという形で指定していた時に書いた
position:absolute;の記述が削除されずに残っていたために起こったみたいで、
それを削除したらきちんと123の順になりました。
>361
がんばれよっ!
フォントのサイズ指定について質問なんですが
{font-size: 75%/1em ;}
これはどういう意味なんでしょうか。
ぐぐっても、なかなか参考になりそうなサイトが見つからないので
そちらも教えて頂けると助かります。
>>363 どこで見付けてきたんだか知らないが、間違ってる。
font-sizeで指定できる値は一つだけ。
fontプロパティの一括指定なら
font-style font-vareiant font weight font-size/line-height font-family
になる。そのfont-size/line-heightの部分の書き損じじゃないか。
>>364 その説明でわかりました。上に書いたものは勝手に改変したものです。
「75%/1em」てっきりこの部分でフォントサイズを指定しているものだと思っていたので。
調べてみると確かにfontの一括指定で「/」以降の説明がありました。
ありがとうございます。
366 :
Name_Not_Found:2005/11/20(日) 23:06:47 ID:PeRipvqC
>>366 IEだから,:afterや:beforeは検証できないなと思っていたら,Sleipnir2でGeckoも使えたり.
んと,区切り氏として使う"/"の前後に,タブだか空白を入れるということでは.
\数字で,文字コードで指定みたいなことができたような….
HTML,16進表記,10進表記とかでググれば何かあるはず.
368 :
367:2005/11/20(日) 23:45:45 ID:???
あぅ,区切り氏でなく区切り子ね.
ググっても見つからないな….CSSの仕様書じゃないと載ってないかな.
さんぜんえん
370 :
367:2005/11/20(日) 23:58:47 ID:???
371 :
366:2005/11/21(月) 00:03:50 ID:???
>>367 様、わざわざ調べて頂き本当にありがとうございます。
OperaやFirefoxはこういったマイナーなプロパティにも対応しているんですね。。。すごい。
まいなーなぷろぱてぃ・・・
いきがって偉そうにモノしゃべるんじゃねぇよ!
わかんねぇなら発言を慎めこのどあほ!
ご立腹ですね
373が痛すぎる
「content」で文字を挿入しようと思ったのですが
IEではサポートされていないようで。
文字の挿入をIEでも実現する何かいい方法はないのでしょうか?
よろしくお願いいたします。
>>377 すいません
検索したんですが、どういうことが言いたいのかわからなくて。
もう少しヒントをいただけるとありがたいです。
379 :
Name_Not_Found:2005/11/21(月) 18:21:25 ID:y4dTx0Ud
>>376 background-imageで擬似的に。
いきがって偉そうにモノしゃべるんじゃねぇよ!
わかんねぇなら発言を慎めこのどあほ!
>>380 今日の夕飯は揚げ出し豆腐に炊き込みご飯だよ。
382 :
Name_Not_Found:2005/11/21(月) 20:40:01 ID:3Va1amaR
すいません、CSSで中央揃えにするやり方は
このスレを読んで分かりましたが
それだとフロートで段組させたモノは左よせになってしまします。
marginで左をあけても右と均等でなければブラウザによってずれてしまいます。
autoもやりましたができませんでした。
変な文章ですみません、初心者ですが回答いただければ幸いです。
>>382 全体を囲むdivを作って、それを中央寄せ。
384 :
Name_Not_Found:2005/11/21(月) 20:45:57 ID:3Va1amaR
>>383 ありがとう!すぐ解決しました。
感謝です!!
ググればすぐ見つかると思うんだけどナァ…
自演ならもっとうまくやれ!
>>385 答えてない香具師がなに自信満々なんだか・・・
スレに張り付いてるわけじゃないしね
勝手に自演扱いすんなってこと。
「自演乙」って言う人いるけど、自演が分かる
エスパーか、専用ブラウザが存在するんですか?
本人じゃない香具師が言ってるから本人に怒られてるんだろ。
<div class="container">
<div id="header">
{include file="header.html"}
</div><!-- header end -->
<div id="leftbox">
{include file="leftbox.html"}
</div><!-- leftbox end -->
<div id="mainbox">
{include file="mainbox.html"}
</div><!-- mainbox end -->
<div style="clear: both;"> </div>
</div><!-- container end -->
<div id="footer">
© 2005 hoge. All Rights Reserved.
</div><!-- footer end -->
* {margin: 0; padding: 0;}
div.container {position: relative; border: solid 1px #000000;}
#header {height: 150px;}
#leftbox {position: relative; z-index: 2; float: left; width: 170px;}
#mainbox {z-index: 1; position: relative; margin-left: 170px;}
こんな感じでレイアウトしていて、{include file="mainbox.html"}の部分に動的にある程度の幅を
持ったtableが生成されます。tableの幅が小さいうちはいいのですが、大きい場合にcontainer
の枠をはみ出してしまいます。(IEの場合はみだしはしないが、leftboxの位置より下から
tableが表示される。)
幅可変のcontainerが常にtableをはみ出さずに保持しているには、どのようにしたらよい
のでしょうか?
考えられる最大のテーブルの幅を表示したときに、はみ出ないようなmin-widthを
コンテナに設定か・・・な。
結局IEが対応してない罠。
悪いのはIE
こんな糞ブラウザのために悩まされているのが嫌だね
デザイナーがテーブルレイアウトをする理由が分かった気がしてきた。
シェア1%未満のブラウザに対しては、CSSを適用しない(等価なHTMLのみのコンテンツを提供)ってことでいいかもしれないが、
IE6, IE5.5 は無視できないよね。
その同じIE5と6でもStrictを宣言した場合の挙動が全く違う。
例えば、width = ボックスの幅 + border + padding だったり、width = ボックスの幅 だったり、
その他数えるときりが無いほど。
結局複雑なレイアウトをするとなると、IE5用、IE6用、mozilla、opera、safariなどのCSSを正しく解釈するブラウザ用 の3つに分ける必要が出てくる
まぁまぁ、IE7を待とうじゃないか。
来年の夏くらい?
>>398 そしたら今度はIE6とIE7の挙動の違いでやっぱり同じような問題が・・・
IE7が完璧なブラウザになってるんなら6以前のIEはなかったものとして考えてしまえば
よいかもしれないが。
IE7はXP以降にしか対応しないからそうもいかないだろう
XP自体挙動が怪しいから、俺は2000を使い続ける。
俺の挙動も怪しいらしい。
<div id="out">
<div id="menu">
</div>
<div id="main">
</div>
</div>
こんな構造のhtmlがあったとします。
cssで
#out {
width:800px;
}
#menu {
border:solid 5px black;
width:250px;
padding:1em;
margin:0;
float:left;
}
#main {
border:solid 5px black;
width:550px;
padding:1em;
margin:0;
}
と指定したら中のdiv(#menu,#main)の横幅の総計が#outで定めた800pxを超えてしまうみたいで、うまくfloatさせることができません。
DTDがTransitionalだと綺麗に2カラムになるのですがStrictだと2カラムになりません。
正しくfloatさせるにはどの様に記述したらよいのでしょうか?
ボーダーの幅が影響するから
outが800px固定なら
menuはwidth:240px;
mainはwidth:540px;
でどうかな?
406 :
Name_Not_Found:2005/11/22(火) 18:44:54 ID:/WSvACxp
>>403 >>404のようにmenuとmainの幅を調整するか、もしくはもう一個入れ子。
<div id="out">
<div id="menu">
<div id="○○"></div>
</div>
<div id="main">
<div id="××"></div>
</div>
</div>
#menu {
width:250px;
padding:0;
margin:0;
float:left;
}
#main {
width:550px;
padding:0;
margin:0;
}
#○○,×× {
border:solid 5px black;
padding:1em;
margin:0;
}
407 :
Name_Not_Found:2005/11/22(火) 19:54:19 ID:L0zPv9uw
ページを中央揃えにしたいのですが、
どこにmarginを設定したらよいか分かりません。
既にCSSを各要素に装備しまくっています。
要素の一つ一つにmargin autoを設定するのでしょうか?
divで全体を囲う方法もできませんでした。
(わたしがdivを乱用しているため?)
CSSまったくの初心者です。ある程度解説は読んだつもりです。
テーブルレイアウトから抜け出したいです。
お願いします。
410 :
Name_Not_Found:2005/11/22(火) 20:02:43 ID:L0zPv9uw
ありがとう!やってみます。
くだらない質問をしてすいませんでした。
もう一度解説サイトしっかり読みなおします。
そういやどっかのスレで、
doctype宣言に改行が入ってると駄目とかいうレスをみたんだが・・・
412 :
409:2005/11/22(火) 20:25:49 ID:???
>>411 改行が許される場所と許されない場所がある。俺が改行した位置は問題無し。
W3Cのサイトもこの位置で改行しているしね。
あとは改行後に半角スペース以外の文字が入ったら駄目だったりするし、
その部分をphpでincludeしたりする場合には改行コードが違って問題になることもあるかもしれなんけど。
フォントのサイズの標準は100%と1emのどちらがいいと思いますか?
>>413 100%をオススメする。
em指定だとIEで最小〜最大で文字の大きさが激しく変わりすぎるから。
IE6は a:hover img {xxx...
に対応していないんでしょうか?
カーソルを当てたときにimgのボーダー色を変えるとか。。。
a { display:block;}は禁じ手です。
>>415 img a:hover {xxx...にして味噌。
>>416 それでうまくいくんですか?
imgの中にa要素が入っているわけではないのですが。。。
>>418 試すことはできますけど結果OKじゃなくて
その指定でなぜそうなるのか、できればそれが知りたいです。
ブラウザを騙しているのかCSSの文法として正しいのか。
擬似クラスについてよく分からないので教えて下さい。
link、active、visited、hoverの順でリンクの設定をしました。
そしてlinkの前に a { background : url("画像ファイル名A"); }という設定をしました。
また、visitedには違う画像(B)の表示を設定しました。
そうしたところ、
カーソルをリンク文字に乗せると(hoverにすると)
未訪問サイトへのリンクの場合にはAが、訪問済みサイトの場合にはBが表示されます。
てっきりhoverの状態の時には未訪問・訪問済みに関わらずAが表示されるものと思っていました。
画像の表示に関する設定をしなかった場合、
hoverはvisitedの設定を継承するものなのでしょうか。
それとも単に今使っているブラウザの問題で(IE6です)、
違うブラウザで見ればやっぱりAが表示されているのでしょうか。
>>422 1| a{background:url("A.gif")}
2| a:link{}
3| a:active{}
4| a:visited{background:url("B.gif")}
5| a:hover{}
1行目、a要素の背景画として"A.gif"を適用。
4行目、訪問済みリンクのa要素の背景画として"B.gif"を適用。
> 未訪問サイトへのリンクの場合にはAが、訪問済みサイトの場合にはBが表示されます。
訪問済みサイトには、4行目の指定により"B.gif"が背景画として適用されている。
> てっきりhoverの状態の時には未訪問・訪問済みに関わらずAが表示されるものと思っていました。
a{backgruond:url("A.gif")}より後に記述されている、
a:visited{background:url("B.gif")}が優先されるのは仕様上当然のこと。
a:hoverセレクタにa:visitedセレクタの内容が継承されたわけじゃない。
それが理想形なら5行目を a:hover{background:url("A.gif")} とすべき。
>415
a img { border: solid 3px black; }
a:hover img { border: solid 3px red; }
<p><a href="#"><img src="image/sample.jpg" alt="" /></a></p>
ちゃんと変わるよ(標準モード)?
>421
釣れますか?
>>424 誰もXHTMLで試せなんて言ってない。
興味があったからやってみたけど、うまくいかなかった。
XHTML 1.0 Transitional
HTML 4.01 Transitional
img a:hover
a:hover img
どの掛け合わせも動かない。
普通に
a:hover img{}
で指定通りの挙動を示すが。
出来ないとか言ってる奴ソース晒してみ?
IE6では機能しません
<style type="text/css">
a:hover img { border-color: #875; }
</style>
<h3><a href="/"><img src="/banner.jpg" alt="ン" width="160" height="60"></a></h3>
>>428 色だけ指定してどうする?
border-styleとborder-widthがnone扱いだろ。
>>429 428の例だとブラウザの初期スタイルでa要素の中のimg要素にはボーダーがついてる
>425 さん
HTML4.01 (Strict / Transitional) でも XHTML1.0 (Strict / Transitional) でも
結果は同じですが XHTMLだと他の条件次第で結果が変わるのでしょうか?
もしそうなら 教えていただけませんか
--
上記のとおり HTML4.01 / XHTML1.0 Strict / Transitinal どの組み合わせでも
さらに 標準モード/互換モード どちらでも ちゃんと色は変わるよ
以下 全ソース(XHTML1.0 Strict 標準モードの場合)
>428さんのものを (imgの終わりを / とした以外は)そのまま使用
確認に使用したブラウザは IE6.0 SP1 on Win2k
<!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" />
<meta http-equiv="Content-Style-Type" content="text/css" />
<title>test --- test</title>
<style type="text/css">
a:hover img { border-color: #875; }
</style>
</head>
<body>
<h3><a href="/"><img src="/banner.jpg" alt="ン" width="160" height="60" /></a></h3>
</body>
</html>
>>431 ソースをコピペしてhtmファイルを作りIE6で表示しましたが境界線の色が変わりません。
文字コードもmeta要素に合わせて指定して保存しました。
私の制作環境はXP HOME/PRO SP2です。
firefoxでは色が変わります。
>>432 ソースが見つからんが、IEのバグだと思うよ。
俺もimg a:hoverにborder指定してるが、IEのみ表示されない。
もうIEなどどうでもいいと思ってる。
>もうIEなどどうでもいいと思ってる。
漏れ漏れも
俺も俺も、と言いたい所だが、無視出来んのが現実。
全く世話がやけるよIEは。
今、IEが天下を取ってる時代だから、Firefoxが流行れば
IEも焦ると思うお^^
>433
img a:hover なの?
何も起こらないのが 当たり前だと思うけど?
borderじゃなくて、画像にpaddingを1pxとって
a:hover { background-color: #〜}
でやるのじゃダメなん?
440 :
426:2005/11/23(水) 22:10:36 ID:???
>>431-432 このソースで動かない。
XP SP2+ IE6.029002180
モジラでは動く。
>>427 むしろ、動いた人のソースきぼん。
>>437 おお、a:hover imgだったさ。
ブログ厨でうようよしてるスレはここでつか?
>>442 うごいたけど、ページのソースがcharset=iso-2022-jpって…。
まあそれはいいとして、
でも解説の該当ソースをXHTML 1.0 TransitionalとHTML 4.01 Transitionalにコピペしたけど動かなかった。
以下ソース。
<!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>
</title>CSS の border プロパティの利用法</title>
<meta http-equiv="content-sty;e-type" type="text/css">
<style type="text/css">
<!--
a:link img { border: 2pt solid #0cf }
/* 未訪問のリンク */
a:visited img { border: 2pt dashed #630 }
/* 訪問済みのリンク */
a:hover img { border: none }
/* カーソルが上に乗っている状態のリンク */
a:focus img { border:none;
text-deocration: blink }
/* ユーザの操作にフォーカスされている状態のリンク */
a:active { border: 2pt inset blue }
/* 活動中(作動中)のリンク */
-->
</style>
</head>
あと、</title>で始めるタグの付け方初めて見たが、合ってるのか?
</title>CSS の border プロパティの利用法</title>
おまえがな。
貼られたhtmlソースをまじまじ眺めるなんてよっぽどヒマなんでしょうね
ボクはそんなレスをスルーするーから関係ないんだけどね
~~~~~~~~~~~~~~
なにこの粘着
451 :
Name_Not_Found:2005/11/24(木) 01:32:38 ID:9oeLYo7K
スルーできてねーじゃんw
ボクはそんなレスをスルーするー
~~~~~~~~~~~~~~
455 :
431:2005/11/24(木) 07:35:59 ID:???
XPの IE6 SP2 で >431を確認したが 確かに動かないね(>432さんや>440さんの指摘どおり)
一方で >431で自分が書いているように 2kの IE6 SP1 だと動く
まだ原因はわからないけど
いずれにせよ >431で疑うような書き方をして申し訳なかった
作者が怒ってるw
widthを「**px以上」っていう指定はできないんでしょうか?
>>457 min-width、min-heightはIEが対応してないから、
ボックス内に幅を固定したダミー(空)のボックスを入れるとかはどうでしょう?
「ダミー(空)のボックス」って正気か?ふざけてるのか?
自演乙
ボクはそんなレスをスルーするー
~~~~~~~~~~~~~~
サイドバーメニューとメインコンテンツがfloatで並んでる状態で
高さがメイン>サイドになった時にサイドバーの高さをメインの高さに合わせたいのですがどうすればいいのでしょうか?
htmlとbodyとメインとサイドにheight100%を指定したのですがサイドがメインの高さと同じになりません
アドバイスお願いします
この質問、毎スレ2個は出てくるな。
過去スレにたっぷり出ています。
質問スレで過去スレの話をしたら、全て過去スレ嫁で終わっちゃうじゃないか。
そんなに頻繁に出る質問ならテンプレに入れてよ
はてなダイアリーでblockquoteにciteを入れて引用すると、
引用部分がボーダーで囲まれた上に、最下行にciteで指定したサイトへリンクが張られるのですが、
あれはCSSを使ってやってるのですか?
>>468 過去スレは読んだことないけど
メインとサイド両方をdivとかで囲ってみればうまくいきそうな気がする
>>478 ありがとうございます
試してみたんですけどダメでした・・・
>>473 ごめん見たら全然違った
cite要素に書き出しているみたい
質問スレで「テンプレ嫁」は分かるが「過去ログ嫁」では成り立たんだろうに
>>482 これはCSSで出来るんですか?
それとも何か使ってるのでしょうか。
>>485 「過去ログ読め」よりも「ソース見ろ」だな。
全然自分で調べようとしていないんじゃないのか?
<blockquote cite="
http://www.googkle.com/">
<p>はいはいわろすわろすふんにゃかふんにゃか</p>
</blockquote>
blockquote[cite]:after{
content: attr(cite);
488 :
Name_Not_Found:2005/11/25(金) 21:37:06 ID:y6yZcqBf
4つメニューがあってその4つの仕切り線を消そうと思ってdisplay:noneを入力すると1つを
残して残りの3つが消えてしまうんですがなぜですか?
…ヽ(`Д´)ノ
( ´д)ヒソ(´д`)ヒソ(д` )
サイドバーを下まで伸ばすには
画像をrepeat-yする
494 :
Name_Not_Found:2005/11/25(金) 23:53:06 ID:8PjynSms
a
ひどすぎる。
ボクはそんなおまえたちをスルーするー
~~~~~~~~~~~~
IE6で、
.nantoka > * {display:none}
とか効かない?
まず自分で試せよ
効かないから
499 :
Name_Not_Found:2005/11/27(日) 10:20:43 ID:gbcyvqeS
ul>li>ul>li
の > って何に使えるのですか?
501 :
Name_Not_Found:2005/11/27(日) 11:51:25 ID:gbcyvqeS
テーブルデザインからCSSデザインへ改装中です。
<font size="2">うんぬん</font>
この文字サイズ指定をCSSで同じように行うにはどうすれば良いでしょうか?
font-size:hogehoge;でやることは分かっているのですが<font size="2">と
同じ大きさが指定できる単位の付け方が分かりません。
emだと大きすぎですし、%やpxだと文字が潰れて見えません。
ご指導よろしくお願いします。
同じ大きさになるような数字に変えればいいだろ
>>502 まさか2em とか 2%でやったんじゃないのかね?
もはや見栄えを強制することは不可能に近いのだから無理だね。
pxが一番近いが固定は良くない。
font-size: 100%; から始めて font-size: 105%; → font-size: 110%;と
ちょっとづつ変えて大きさを決めるのが俺流ですが何か?
505 :
502:2005/11/27(日) 18:34:52 ID:???
> %やpxだと文字が潰れて見えません
…って、2%や2pxにしたのだろうか。
さすがにその辺の単位ぐらいは(聞かずに)勉強すべきだと思う。
>>505 なにができないのか、こちらにはサッパリ
○○ですが何か?
これを普通に使ってる人のサイトって相当ダサい気がする
関係ない話を唐突に切り出す馬鹿が何をw
510 :
502:2005/11/27(日) 19:10:17 ID:???
>>507 例えばCSSで...
emで指定した文字サイズの差…最小:最大=1:8くらい。
%で指定した文字サイズの差…最小:最大=1:4くらい。
<font size="2">で指定した文字サイズの差…最小:最大=1:2くらい。
cssで<font size="2">と同じようにする手段が分からないのです。
511 :
504:2005/11/27(日) 19:11:31 ID:???
>>510 1:8を1:2の範囲で使えばいいのでは
>>504 煽りにいちいち反応してんなよ
うざいから
>>510 どうしてもって言うなら
font-size: x-small;
とか。
516 :
502:2005/11/27(日) 20:41:23 ID:???
>>512 それを設定する方法を教えてください。
『最小』で小さすぎず『最大』で大きすぎず が理想なので…
もうだめだなこいつ
518 :
502:2005/11/27(日) 20:58:43 ID:???
<font size="2">をCSSで表すとどうなるのかが分かればいいのですが…
どなたか教えてください。ググってもでてきませんでした。
519 :
Name_Not_Found:2005/11/27(日) 21:02:22 ID:IMbLypju
お伺いします。
文章の中にimgを配置(フロート)しているんですが、ちょうどページの一番下あたりにimgが来るとして、
windowsのIE6で印刷・印刷プレビューすると、そのimgの下の方が切れてしまいます。
これはIEの仕様なんでしょうか。それともcssでどうにか調整できるものなのでしょうか。
フロートだしなぁIEだしなぁ
印刷させたいページなのそれ?
>>519 プリンタの設定で90%とかにしてみたら?
もし、それで解決したならスレ違い。
見た目上のフォントの大きさを標準サイズ(IEは中、FFは100%)で揃えたかったらpx固定しか方法はありませんか?
うん
| | |
| | |
| | |
| | |
| |
| | |
| | |
| | |
| |
| |
メニューが長い場合に
ネットスケープ等で背景が表示されなくなるんだけど
どうやって回避するの
525 :
522:2005/11/27(日) 21:15:52 ID:???
スレ違いって怒られたから
528 :
519:2005/11/27(日) 21:37:14 ID:???
>>520 印刷させたいページなのです。これは、floatのせいなんでしょうか。
>>521 確かにそうですね。プリンタの設定次第ではどうにかなるような気もします。
>>528 一番下に来ないようにスペーサーいれるのじゃ駄目なのかなぁ
レイアウト上譲れなかったりするのかな
そんなに印刷をうまくさせたいならPDFに汁
>>528 ただ単にページが縦に長いだけでは?
それならプリンタ側で縮小しないと入らないよ。
何のためのCSSだい?
プリント用のCSS書けや。
ブロックの背景をfilterで半透明にさせています。
でもFireFoxでは半透明になりません。
IEでも火狐でも半通過して見えるようにするためにはどうすればいいですか?
>519>528
>530>532が言うとおり、プリンタ用CSSを用意するかPDFで提供するが良いと思うよ。
535 :
Name_Not_Found:2005/11/27(日) 23:17:28 ID:EAH+r9Kh
つい最近HTMLとCSSを勉強し始めました。
行き詰ってしまったので教えてください。
□□□□□□□□□□□□□□□□
□□□□□□□□□□□□□□□□
□□□□□□□□□□□□□□□□
■■■■○○○○○○○○○○○○
■■■■○○○○○○○○○○○○
■■■■○○○○○○○○○○○○
■■■■○○○○○○○○○○○○
■■■■○○○○○○○○○○○○
■■■■○○○○○○○○○○○○
■■■■○○○○○○○○○○○○
フレームを使用しないで複数ページを作成し、
□と■は全ページで同一とします。
このとき、□と■の部分は全てのページに同一のHTMLを
書き込むのですか?
□と■の部分をどこか1箇所に書き込んで、それを
それぞれのページで呼び出して使用することはできますか?
初歩的な質問で申しわけありませんが、教えてください。
>>535 HTMLとCSSと一緒にSSIも勉強したら幸せになれるかもよ。
>>535 phpを使えばいい。
includeで全てOK!
| | |
| | |
| | |
| | |
| |
| | |
| | |
| | |
| |
| |
メニューが長い場合に
ネットスケープ等で背景が表示されなくなるんだけど
どうやって回避するの
>>538 同じこと書き込んで何がしたいの?言ってごらん
透過GIF作ってもIEで見ると真っ青になってしまいイライラするんですけど。
GIF画像も駄目ってことは終ってるのか。
PNG
542 :
519:2005/11/27(日) 23:56:36 ID:???
レスたくさんありがとうございます。
>>532 助言をいただいたので、早速プリント用cssを書いてみました。
で、そこでfloatを解除したのですが、
<p><img class="left" alt="hoge">ほげほげほげほげ〜ほげほげほげほげ〜</p>
<p>ほげほげほげほげ〜ほげほげほげほげ〜ほげほげほげほげ〜ほげほげほげほげ〜</p>
という記述をしているので、floatを無しにすると印刷時の見た目が下記のようになりますよね?
(画像の横に1行だけ文章が入っている状態)
■■■■
■画像■
■■■■ほげほげほげほげ〜ほげほげほげほげ〜
ほげほげほげほげ〜ほげほげほげほげ〜ほげほげほげほげ〜
こういう状態は、ちょっとカッコ悪いような気がしまして。floatしてないんだから仕方ないとは思うんですけど。
| | |
| | |
| | |
| | |
| |
| | |
| | |
| | |
| |
| |
メニューが長い場合に
ネットスケープ等で背景が表示されなくなるんだけど
どうやって回避するの
>>541 PNGも駄目ですねー、IE終りましたか
どうして画像の表示をブロックにしないのは何故?
| | |
| | |
| | |
| | |
| |
| | |
| | |
| | |
| |
| |
メニューが長い場合に
ネットスケープ等で背景が表示されなくなるんだけど
どうやって回避するの
>>548 | | |
| | |
| | |
| | |
| |
| | |
| | |
| | |
| |
| |
メニューが長い場合に
ネットスケープ等で背景が表示されなくなるんだけど
どうやって回避するの
今日の夕飯はカレーにするー
スルーで回避
552 :
535:2005/11/28(月) 00:32:20 ID:eaFqQR7O
>536
>537
ありがとうございます。
少し調べましたが、サーバーサイドプログラムというやつなんですね。
CGI,SSI,PHP,PERLとかがでてきて区別がまだ付かないので勉強します。
ところで、HP作成者とサーバーサイドのPGは、通常別人が行うのですか?
実際、535のようなことをしたいときには、HP作成する人は
どこまで作成するのでしょうか?
申し訳ありませんが、教えてください。
554 :
519:2005/11/28(月) 00:42:44 ID:???
>>545 目からウロコです!こんな単純なことだったとは。
助かりました。本当にありがとうございました。
これで今夜はゆっくり眠れそうです。
>>552 535程度ならSSIのinclude fileやinclude virtualで十分だろう。
簡単に言うと「ここに○○というファイルの内容を差し込む」という指示を与えるわけで、
この作業を自分(作成者)以外の誰が行えるよ?
差し込む場所も差し込む内容も自分で決めるしかないでしょ。
で、そうすると後は勝手にサーバーで差し込まれたデータが送られるようになる。
ちなみにSSIとPHP/Perlはかなり違う。
いい加減な表現だが、Wordで喩えてみると、SSIが差し込み印刷でPHPやPerlはマクロと
言ったところかな。
スレ違いだからこれ以上は他で聞いてくれ。
558 :
Name_Not_Found:2005/11/28(月) 02:36:59 ID:Q2QIKyJz
<body>
<div id="container">
<div id="header">
</div>
<div id="main">
</div>
<div id="footer">
</div>
</div>
</body>
こんなかんじで、bodyに背景画像を敷き詰めてある状態で、container(w=760px,height指定なし)に背景色を指定したのですが、
footerの下まで(画面の最下部まで)containerに指定した背景色の部分を作りたいのですが、footerより下にはbodyに指定した画像のタイルが表示されてしまいます。
(firefoxだとhederの上の部分も同じ)。
どのように指定すれば画面の最上部と最下部までコンテナに指定した背景色を表示できますか?
| | |
| | |
| | |
| | |
| |
| | |
| | |
| | |
| |
| |
メニューが長い場合に
ネットスケープ等で背景が表示されなくなるんだけど
どうやって回避するの
560 :
Name_Not_Found:2005/11/28(月) 15:15:24 ID:J1Z7lDQu
aaa bbb,ccc {}
これは
<aaa>
<bbb></bbb>
<ccc></ccc>
</aaa>
の<bbb>と<ccc>のスタイルを設定しているんですか?
それとも
<aaa>
<ccc></ccc>
</aaa>
<bbb>
<ccc></ccc>
</bbb>
の二つの<ccc>のスタイルを設定しているんですか?
>>560 「aaaの小孫のbbb」と「ccc」に同じスタイルを適用する意味。
>>560 分けて書くと,
aaa bbb {}
ccc {}
つまり,
<aaa>
<bbb>適用</bbb>
<ccc>適用</ccc>
</aaa>
<bbb>不適</bbb>
<ccc>適用</ccc>
| | |
| | |
| | |
| | |
| |
| | |
| | |
| | |
| |
| |
メニューが長い場合に
ネットスケープ等で背景が表示されなくなるんだけど
どうやって回避するの
今日の夕飯はカレーにするー
そんな僕はスルーで回避(^^)
567 :
564:2005/11/28(月) 19:05:09 ID:???
答えてくれたら
おっぱいうpしますv
今日の夕飯はカレーにするー
そんな僕はスルーで回避(^^)
はぁ。。。仕方ねぇからおまいらにレベル高き2ちゃんねらー様が解説してやるよ
心して聞きやがれよ
今日の夕飯はカレーにするー
~~~~~~ ~~~~~
↑華麗 ↑スルー
という風にだ、上手いことシャレた文になってんだ
はぁ。。。せっかく考えたダジャレなのに誰も気づきやしねぇから。。。
作者に解説させるとはスレの住人のレベルも沼の底と知れてるな
| | |
| | |
| | |
| | |
| |
= 方 < やった!スルーでなんとか国境を越えれたぞ!
| | |
| | |
| | |
| |
| |
じゃあ私はヒラメにするー
573 :
564:2005/11/28(月) 21:19:00 ID:???
えらそうにレスしてたから
これぐらい知ってるのかと思ったが
誰も知らないのかw無能どもがw
死ねおまえら
明日の夕飯は何にするー?
鰔にするー!
カレーにするー!
578 :
564:2005/11/28(月) 21:40:51 ID:???
華麗にスルー出来ていない件
580 :
564:2005/11/28(月) 21:46:17 ID:???
馬鹿だからそれさえも自覚できてないんだよw
581 :
564:2005/11/28(月) 21:47:32 ID:???
このスレ無能のすくつw
582 :
564:2005/11/28(月) 21:47:50 ID:???
ところでおまえら歳いくつだ?
おれはつい最近10代後半になった
583 :
564:2005/11/28(月) 21:49:15 ID:???
↑おっさん乙
584 :
564:2005/11/28(月) 21:50:36 ID:???
あれ?僕がたくさんいる?
偽物かえれーーーー><
585 :
564:2005/11/28(月) 21:52:02 ID:???
| | |
| | |
| | |
| | |
| |
| | |
| | |
| | |
| |
| |
メニューが長い場合に
ネットスケープ等で背景が表示されなくなるんだけど
どうやって回避するの
586 :
564:2005/11/28(月) 21:52:35 ID:???
以下、名無しにかわりまして564でお送りします
590 :
564:2005/11/28(月) 22:13:49 ID:???
くだらね
ガキはもう寝ろ
591 :
564:2005/11/28(月) 22:21:16 ID:???
くだらね
おれはもう寝る
592 :
Name_Not_Found:2005/11/28(月) 23:46:54 ID:OjuX2xeD
とても初歩的な質問ですみません。
line-heightについてですが、
bodyにline-height:1.5と指定していても、
なぜか行間が一定に開いてくれません。
これはどうしてなのでしょうか?
どうにか均一に行間を開けたいのですが、どのように
したらいいのかさっぱりわかりません。
すみませんが、どなたか教えて下さい。
>>592 line-height:1.5em;
できれば150%のほうが好ましいが。
単位は大切
>>592 emという単位はいかなる場合においても利用しないこと。
これが見やすくデザインするための秘訣の一つ。
それはいかなる理由で?
>>596 そのとおり。フォントサイズも!マージンやパディングも!
598 :
Name_Not_Found:2005/11/29(火) 02:05:05 ID:Lb7qRFP5
おいおい、line-heightは単位無しの実数指定がいいのは基本だろ。
結論は?
困った馬鹿どもだ。
ハック多すぎの糞CSS再編で
質問しにきたが、やめたほうがよさそうだ。
ここと「Webサイト制作初心者用質問スレ 」はしばらくは駄目だな。
>>592です。
レスを下さった方、ありがとうございます。
単位は、わたしも
>>598さんがおっしゃるように
なしがデフォルトだと思っていました。
なので、単位はなしで指定しています。
ところで、どのようにしたらよいのでしょうか?
引き続き、どなたか教えて下さい。お願いします。
今日なんとなくValidatorでチェックしてみたら
ime-modeはだめよって言われた・・・。
IE専用なのは知ってるけど他のブラウザなら無視するんだから良いじゃんかー。
これないとフォームに全角で入力する奴とかいてうざいんだよー。
JavaScriptでチェックするのも嫌だし。
ValidなCSSはあきらめるか・・・
>>608 ここは一応「質問スレッド」なんで・・・な?
>>600 8割近くのユーザーはIE利用者だということをお忘れなく…
>>611 別にIEには適用させなきゃいいだけとは思うがな。
IEなんて糞ブラウザ見捨てればいいのに。
俺もアフィリエイトサイト以外は全部見捨ててるぞ
614 :
613:2005/11/29(火) 15:51:54 ID:???
ちなみに、アクセスの85%がIE、15%が残りなんだけど。
解析してみると、IEからアクセスしている人の収入がだいたい17万/月に対して、
それ以外のブラウザからの収入が9万/月もある。
売ってるものはIT関連の書籍なんだけどね。
つまり、アクセスが少ない割にIE以外のブラウザを使っている人からの購買が結構ある。
シェアが少ないからってFirefoxやOperaを見捨てるなんてとんでもなくもったいないことだな。
615 :
<!--:2005/11/29(火) 16:06:49 ID:???
サイト10個ぐらい持ってるんだけど(ドメイン取って)、やっぱり俺のところも
IEがほとんど…
Web関係のコンテンツがあるサイトはFirefoxユーザも結構いる。
ほとんどのサイトでIEは見捨ててるが、どうしても一つだけ見捨てられないサイトがある。
はぁと。
-->
とりあえずフォントサイズはemで指定しない方がいいってワケだな。
マージンやパディングまでは知らんがww
617 :
Name_Not_Found:2005/11/29(火) 17:38:57 ID:Lb7qRFP5
line-heightは単位無し、
font-sizeは%、
その他はem。
これ、基本だよ。
px固定は論外(画像を除く)。
なんで
大人の事情です
624 :
Name_Not_Found:2005/11/29(火) 23:39:49 ID:ENW8sOVi
質問です。
CSSで作成されているサイトで
<例>WEBサイト
__________________________
| ____________A__________|
| | | |
| | B| C |
| | | |
|__|___|___________________|
このようなサイトで(ブログ似 形式のサイト)
A:タイトル
B:メニュー
C:文章
Bのメニューをクリックすると、CにBのメニューの内容を
表示させたいのですが(フレームのような感じに)
どうしたら、よいのでしょうか?
何か参考になるサイトでも良いので
もしよければ、教えていただきたいのですが・・
「css 擬似フレーム」でぐぐれ
擬似フレームなんてまともに使えないから。
IE, Firefox のそれぞれの最新版で、
下記の3つの条件を満たす擬似フレームは
現段階ではないのだから。
・フレーム形式に表示
・ホイールでのスクロールが可能
・スクロールバーでのスクロールが可能
だから疑似フレームって言うんです><
http://yoshihiko.s164.xrea.com/ 見出しにスタイルシートを使っているのですが、IEとFirefoxで見ると文字を囲む線の幅が異なっています。
今現在のスタイルの設定として
h2 {
padding: 0.3em;
margin: 0;
border-style: solid;
border-width: thin 1em;
border-color: #666666;
background-color: #fff;
color: #000000;
font-size: 18px;
font-weight: bold;
clear: both;
}
にしていますが、どのようにすればよいでしょうか?
>>631 boder-widhtをpxで指定したら同じにならない?
>> 632
ありがとうございます。早速指定をpxにして直しましたら指定どおりに表示されました
>>633 いや、前のでも「君の指定通り」ではあったんだよ・・・
>>628 ん?当方のWinXP+IE or Fxは三つとも満たすんだが。
どっちが変なんだろう。
635じゃないんだが、628の「スクロールバーでのスクロール」の意味がわからない。
スクロールバーでスクロールできないってどんなんなの?
スクロールできないスクロールバーだよ
('・c_・` )イミネ
鼻がしー
643 :
564:2005/12/01(木) 07:38:09 ID:???
| | |
| | |
| | |
| | |
| |
| | |
| | |
| | |
| |
| |
メニューが長い場合に
ネットスケープ等で背景が表示されなくなるんだけど
どうやって回避するの
自己解決した無能なおまえらに聞くだけ
時間の無駄だったよ
おまえらも勉強
してこれぐらい答えれるようになれよ
低脳住民
ども
そうですね。すいません。すいません。
神様と呼んでもいいですか?
縦書きでもないのに変なところで改行を入れる人だなあ
648 :
646:2005/12/01(木) 12:32:23 ID:???
タグの順序をいれかえたいんですが
スタイルシートでそういう事は可能でしょうか
<div id="a">
きょうはなんのひ
</div>
<div id="b">
ふっふー
</div>
を、
+---------------------+
| ふっふー |
+- - - - - - - - - - -+
| きょうはなんのひ |
+---------------------+
こんな感じで表示したいのですが。
>>649 表示の順序とタグの順序の違いをまず勉強しないと辛いっぽ・・・
表示ならできるから、テンプレの基本をまず勉強しておいで。
>>650 えっと、表現が悪くてすみません。
タグの順序をいれかえずに表示の順序をいれかえたいです。
ちょwww待wwwww
騙されないように、651は基礎を勉強してきたほうがいいと思うぞ。
654 :
651:2005/12/01(木) 14:59:25 ID:???
タグの順序をいれかえたいんですが
スタイルシートでそういう事は可能でしょうか
<div id="a">
きょうはなんのひ
</div>
<div id="b">
ふっふー
</div>
を、
+---------------------+
| ふっふー |
+- - - - - - - - - - -+
| きょうはなんのひ |
+---------------------+
こんな感じで表示したいのですが。
急いでるのでくだらない面白くない冗談はやめて
早く教えてください。
すぐに贋者って分かる煽りは止めとけよ
<div style="width:800px;">AAA...</div>
<div style="float:left; width:150px;">BBB...</div>
<div style="float:left; width:650px;">CCC...</div>
<div style="clear:left; width:800px;">DDD...</div>
↑こういう指定をして(実際は.cssファイルは別ですが)
AAAAAAAAA
BB CCCCCC
BB CCCCCC
BB CCCCCC
DDDDDDDDD
こんな感じのレイアウトを作ったはいいんですが、
ブラウザの幅を800以下(BとCの横幅の合計以下)にすると
AAAAAAAAA
BB
BB
BB
CCCCCC
CCCCCC
CCCCCC
DDDDDDDDD
こうなってしまいます。ブラウザの幅に関係なく、
BとCの位置関係はそのままで横スクロールバーを出すだけに
留めたいのですが、tableタグを使わずにできるでしょうか?
>>656 コンテナブロックを作ってそれにwidth指定、
或いはfloatでなくposition:absoluteで指定。
タグの順序をいれかえたいんですが
スタイルシートでそういう事は可能でしょうか
<div id="a">
きょうはなんのひ
</div>
<div id="b">
ふっふー
</div>
を、
+---------------------+
| ふっふー |
+- - - - - - - - - - -+
| きょうはなんのひ |
+---------------------+
こんな感じで表示したいのですが。
shobon.net
>>658 shobon.net
shobon.net
shobon.net
釣りっぽいが一応突っ込んどいた。
>>658 IE互換タブブラウザをやめてFirefoxにする。
そこらへんはCSSと関係ない描画能力の問題に入るだろ。
やっぱブラウザに依存する問題だったんですかね。
IEのレンダリング能力だけは何とかしてほしいな、あれ。
スクロールすると見える文字とか。
「だけ」か?
ホントに「だけ」でいいのか?
shobon.netさんはプニルつかってたんですね!
>>651-652 えぇと position: fixed を使った方法はすぐに思い付いたんですが
ブラウザ間の互換性の確保が上手くいきませんでした
基礎と言われましても、一応、一通りプロパティは覚えていますし
どう組み合わせていいか思い付きません
CSS、段組で検索しても横方向の段組方法しか書いておらず
上下を入れ替えるような方法がわかりません
>>668 いくつか方法はあるが、これでいいか?↓
*{margin:0;padding:0;}
.c{margin-top:1em;}
#b{position:absolute;top:0;}
<div class="c">
<div id="a">
きょうはなんのひ
</div>
<div id="b">
ふっふー
</div>
</div>
煽りが大好きな厨房みたいな香具師がいるけど………
楽しいか?
syobon.txt
jobon.css
675 :
Name_Not_Found:2005/12/01(木) 21:56:54 ID:S4sdwjOt
widthで「残り全ての幅」を指定する値は無いのでしょうか?
ループ↓
ソープ↓
ロープ↓
>>675 ボックス二つで、固定幅の残りの幅、ということならautoでいい。
ボックス一つの100%-○px、ということだったらできない。
■■□□□□ □…#header(width:550px⇒リキッド)
■■◎◎◎◎ ■…#menu(画像を使用しているため、width:200px固定のまま)
■■◎◎◎◎ ◎…#main(width:550px⇒リキッド)
■■◎◎◎◎ 回…#footer(width:750px⇒リキッド)
回回回回回回
今まで全体のwidthを750pxで固定していたのですが、この度思いきってリキッドレイアウトに変えようと思っています。
今まで#headerのwidthが550pxと決まっていたのでfloatを使って簡単にレイアウトできました。
しかし今回の試みにおいて、#headerのwidthを固定すると当然ながらリキッドレイアウトになりませんし、
widthを指定しなければfloatが効きません。これをうまく解消する方法を教えてください。
ちなみに以前のレイアウトは大雑把に書くと下記の通りです。
◆HTML◆
<div id="container">
<div id="header"></div>
<div id="menu"></div>
<div id="main"></div>
<div id="footer"></div>
</div>
◆CSS◆
#container {width:750px;}
#header {width:550px; float:right;}
#menu {width:200px; float:left;}
#main {width:550px; float:left;}
#footer {clear:both;}
よろしくお願いします。
%
>>680 リキッドなら全体のコンテナいらんだろ。
ヘッダとメイン囲うコンテナにすればイインデナイノ?
>>680 #container {} /*←リキッド*/
#header {width:auto; float:right;} /*←リキッド*/
#menu {width:200px; float:left;} /*←固定*/
#main {width:auto; float:left; clear:right;} /*←リキッド*/
↑これでいい?
ただIEだとclearの処理がおかしいんで
headerの内容量によっては#mainにmargin-topが必要かも。
684 :
683:2005/12/01(木) 23:40:59 ID:???
あ、headerをfloatじゃなくてposition:abosluteで処理すればもっと綺麗かも。
>>682 全体のコンテナはセンタリング用に使っています。
>ヘッダとメイン囲うコンテナにすればイインデナイノ?
必然的に#menuも入るのですが…
widthはどこにどのように指定すればウマくfloatできるのでしょうか。
・・・・・・ん?
センタリング用のdivで、そもそも幅固定にならないか?
>>686 90%とかで指定するならユーザーのブラウザ表示枠に変動するからリキッドということになりますよね。
>>683 ありがとうございます。試してみます。
>>685 692じゃないけど、たぶん682の言いたいのは
headerとmenuを入れ替えれば楽だよ、ということだとオモ。
689 :
688:2005/12/01(木) 23:55:17 ID:???
・・・・・色々と番号を間違えているorz
>>683 ダメでした。#headerの文字数が少ないせいか
こんなふうになってしまいました…orz
■■◎◎□□ □…#header(width:550px⇒リキッド)
■■◎◎ ■…#menu(画像を使用しているため、width:200px固定のまま)
■■◎◎ ◎…#main(width:550px⇒リキッド)
■■◎◎ 回…#footer(width:750px⇒リキッド)
回回回回回回
>>688 HTMLのほうはユーザビリティ上、CSSオフの事も考えて順番は変えたくないんです。
divの追加とかならなんとか対応できるのですが…
>>690 #container {width:90%;} /*←リキッド*/
#header {width:auto; float:right;} /*←リキッド*/
#menu {width:200px; float:left;} /*←固定*/
#main {clear:right;} /*←リキッド*/
#footer {clear:both;}
GJ!
いつのまにかFirefox1.5がリリースされてた、キャホーイ!
遅いお
FFなんていらない
IEなんていらない。
お前らなんていらない
もうシェア下がってきてるがな。
少なくともCSS使いでIEを喜んでる奴はいない。
>>700 ネー
IEのバグのために苦労してるよ。
だからと言って、布教するのはテラウザスww
<!-- 自分のサイトに貼っておくか -->
せめてお奨めブラウザとしてGetFirefoxバナーをトップに貼っておく
>>702 それでもIEからFirefoxに乗り変える奴って、新しいものに興味を
持った香具師が多いよな。
でも自分は拡張性があるのと、タブ使えるのと、mozillaが好きだったからだ。
だよな。
俺が乗り換えた理由は、自分は拡張性があるのと、タブ使えるのと、mozillaが好きだったからかな。
元々色んなブラウザで確認してたから、
N6/7の重さには辟易したけど、
FirefoxとOperaは軽くて使い勝手がよかったから確認以上に普通に使うようになったな。
Mozillaは自分の環境だとちと重い。
起動が早ければ文句ないな
Mozillaはその起動も重い。
Firefoxが軽いだなんて嘘だ!
環境によってはOperaも重いらしいな、何が影響してるんだか
サファリでも食ってろデブ
>>708 いやウチだとやっぱりFirefoxが一番早い。
IEよりも起動表示が早い。
これって特殊なのか?
>>708 俺の環境では今までOperaが一番だったが、
Firefox 1.5 にしたら信じられないほど早くなっていて、
Operaを通り越した速さになっていた。
モジラ系は嫌い。
だってツールバーやメインボタンの配置を好きなように変えられないもの…
>>713 Firefoxなら変更できますが。
拡張使えば縦置きにしたりOfficeみたいに自由な場所に置いたりもできる。
715 :
713:2005/12/03(土) 19:59:34 ID:???
習得が容易だからバカも沸きやすい
>>715 自分がスレ違いを言い出したんだろうが・・・アホォだな。
ここは釣り堀ですか
715が顔を真っ赤にして釣れたと申されてます。
MacIEでmin-width再現するのは、やっぱりJavaScriptとかで疑似再現するしかないですかね?
722 :
Name_Not_Found:2005/12/04(日) 03:08:47 ID:6C4da1i4
font: 1.3em italic Arial, Helvetica, sans-serif;
こうしても、文字がイタリック表示になりません。
font-style: italic; ならイタリックで表示されます。
一括指定は出来ない仕様なのでしょうか?
724 :
Name_Not_Found:2005/12/04(日) 03:41:52 ID:6C4da1i4
>>720 ありがとう。
しかし、それは前に試したことあるんです。やってみた物のどうも挙動が怪しい・・・。
やり方がイケナイのかなぁ。
>>726 ありがとうございます。
なんか上手く行きそうです。
既出な質問かもしれませんが、
文字サイズを指定する際は
・px
・em
・%
・キーワード
のどれで指定するのが一般的なのでしょうか?
時と場合によると返されそうなのですが、
自分的には文字の大きさを変えたくないときはpxくらいしか
思いつきません。
>>728 漏れは % で指定しているし、
それが最もブラウザの実装を考えると良い方法だと思う。
IEはデフォルトで「MS Pゴシック」Noはずなのに、
それを再指定しないと文字サイズを相対指定で変えたときにフォントが著しく汚くなるよね。
そういうときはこれを指定よろ。
body {
font-family: "MS Pゴシック", "Osaka", sans-serif;
}
このバグは原因不明。
>>728 本来はどれでもいい。
が、%が
>>729の理由で多いかな。
つーか目的が「文字の大きさを変えたくない」んだとしたら
ハッキリ言ってすべての文字を画像化するしかない。
ブラウザによっては手間が掛かるからフォントサイズ固定するなというだけで、
文字の大きさなんてちょっと馴れた人なら自分好みの大きさにしちゃってるから、
どれだけ大きさを変えても被って見えなくなるようなことのない
デザインを最初から目指したほうがいいよ。
俺みたいな玄人になると、おめおめと質問したくてもできなくなった。
そんな俺はがむばって一人で解決しようと”調べる”という努力をした。
そうしたらどうだろう、今までの自分が嘘のように変わり始めたのだ。
”調べる”という行為そのものに快感を覚えはじめたではないか。
楽しい、理解が深まる、奥が深い、そう、そして俺はついに出目徳の域に到達したのであった。
その後、上野のカモを洗いざらいぶちのめしたのは言うまでもない。
今日も上野のカモは元気です。
がんばって調べて一人で解決するのはいいことだけどさ
長いこと勘違いしたままになっちゃうこともあるから気を付けないと
あー・・・・あったな長い勘違い。
formの直下にずーーーーーっとinputやselectを直接置いてたよorz
>>728 %はもはや時代遅れの状態だよ
個人て作ってる分には良いんだろうけど
XHTMLにするつもりなら
キーワードがおすすめ。
736 :
728:2005/12/05(月) 02:07:38 ID:???
>>735 > XHTMLにするつもりなら
> キーワードがおすすめ。
それの明確な理由よろしく。
W3Cの仕様書は全文読んだが理由が分からん。
実装の問題ならキーワードでの指定はブラウザごとに著しく大きさの違いがあるし。
>>736 >実装の問題ならキーワードでの指定はブラウザごとに著しく大きさの違いがあるし。
XHTMLなら
ほとんど違いないよ。
本当にWebやる気あるの?
「Webやる」について詳しく。
740 :
Name_Not_Found:2005/12/05(月) 04:15:01 ID:k09nRMEh
特定のブラウザだけに+αでCSSを適用させる方法は無いのでしょうか?
出来れば一つの.cssファイルで事済ませられると良いのですが
方法があれば教えてください、お願いします。
>>739 おそらくキーワードと区別を明確に付ける目的があるのだろう。
>>741 だが、興奮しすぎではないか。
>>740 CSS ハックで検索すればいろいろ出てくる
注意:Googleで一番上に出てくるのは分かりづらい。
とりあえず、CSS本買えば一通り書いてあるよ。
744 :
728:2005/12/05(月) 08:12:35 ID:???
>>740 他のブラウザと同じCSSファイルで済ませたいなら、743の言うとおりCSSハック。
だけどそれってバグを利用した裏技みたいなものなので、
JSやCGIを使ってCSSファイルを振り分けてやるのが普通かな。
コンディショナルコメントほどスマートじゃないものもないとオモ・・・
変更点が出たときにHTMLまで修正せなアカンてどうよ。
>>747 ???
<!--[if IE]>
<link rel="stylesheet" href="./css/for_ie.css" type="text/css" media="screen" />
<![endif]-->
みたいに使うんよ。
>>745 あのさー。ここスタイルシート質問スレッドなんだけど。
CSSを振り分けるのもCSSで出来るでしょうに。
JSつかって複雑にしたり、CGIつかって重くしなきゃいけないんだよ、馬鹿かよ。
749は知らないと思うよ
馬鹿だと思うし。
>>748 だからコンディショナルコメントの書式自体その他が変更になったらどーすんのっつってんの。
M$はそのくらい昔から平気でしてきたんんだぞ。
VBなんてもはや別物。
>>753 その情報もう古くて使い物にならないよ。
おしーりふーりふーり
758 :
Name_Not_Found:2005/12/05(月) 16:19:14 ID:VWJm+EFU
>>753 そういう小手先のテクニックは、実に美しくない。
>>753 そっちのがよっぽどめんどくさいことになりそうな気がするんだが
もういいよ、CSS1のみで。
アホが多いな、それとも一人のアホが自演してるのか
>>752 将来コメントの書式一つ書き換えるのと(別にIE7で使えなくなるなんて話は聞いたことも無いが)、
cssのファイルぐちゃぐちゃになるのとどっちが良いの?
まぁ、好きにしなよ。
>>762 横からだが、普通にCSSがぐちゃぐちゃになる方が良いよ
>>762 別にConditional使わなくてもぐちゃぐちゃにはならんだろ。
ハックだって使いようによっちゃぐちゃぐちゃにはならんし、要は書き方次第。
まーCGIで振り分けが一番いいとは思うけど。
HTMLとCSS、どっちがグチャグチャになるほうがイイかと言えばCSSのほうだな
>>764 今時CGIなんか使ったら、スペック良い鯖なら良いけど さくら とかだと重くてしょうがねーだろ。
だったらJSで分けた方が1000000倍良い。
>>752 少なくともIE5〜6には使えるわけだからいいじゃん
7以降で変更されたら7用に別の方法を考える必要はあると思うけど
ていうかさ、それ言うならどの方法も問題あるだろ
スクリプトはいちばんよろしくない方法だろうに…
>>767 コンディショナルコメントはM$独自。
その他のスクリプトはM$独自でない。
どっちが変わる可能性が高いかというか変えてきたイヤな実績があるかと言えば歴然。
IEだけに対応させるんだからM$独自でいいんじゃないか
なんか勘違いしてない?
>>770 そうなるとやっぱCSSで振り分けるのが一番良いな。
ただ、今時JS切ってるやるどうしようなんて気違いじみた事を考える必要ないと思う。
>>772 ん?大本は740だしょ?どこにIEだけという記述が?
IEの挙動が他のブラウザとあまりにも違いすぎるから
IE用のCSSファイルを追加するんだよ
>>746が
> IEだけなら
って書いてるのに
>>747とか
>>752がわけわからんこと書くから変な流れになったんだろう
<!--[if lte IE 6]>
こうすればIE6以下にだけ適用されるんだから
もしも今後IEが仕様変更したとしても問題ないでしょ
>>775 それってそもそも
>>746がおかしいんジャマイカ
>>740がIEに適用させたいかどうかなんてわかりゃしないんだから
どのUAかわからないんなら答えとしてはハックかJavaScriptかCGIか
ってのが当たり前の応答だとオモ
かくて740は置き去りにされたまま・・・
出てこられない状態にしてるような希ガス。
CSSハックはブラウザごとの挙動の違いをうまく利用してるだけ
Conditional Commentsだってその挙動の違いの一つ
話題が出てくるのは当然だろう
781 :
Name_Not_Found:2005/12/05(月) 18:06:50 ID:VWJm+EFU
UserAgent で SetEnvIf して mod_rewrite。これ。
mod_rewriteできる鯖ってこの頃増えてきてんな
>>780 そこでIE*だけ*のを出したからおかしい。
よって746がおかしい。
終了。
近年稀に見る良い流れです、もっとやりなさい
それはともかくとして、やっぱりConditional CommentsもCSSハックも美しくない…orz
とりあえずJavaScriptだけはあり得ないから
ブラウザごとの見栄えを気にするような細かいやつが
ScriptOFFにしてるに対してはどうでもいいなんておかしい
見栄えを気にするような香具師だから
JS切ってるような香具師はどうでもいいんじゃないか?
本当に古いUAなんてどうでもよくないと叫ぶ香具師は
CSSの使用もしてないような希ガス。
>>783 お前がおかしいんだよ
ブラウザごとに適用させる方法を考えてるんだから
IEだけに適用させる方法やMozillaだけに適用させる方法を挙げるのが普通だろうが
>>740は「一つの.cssファイルで」と言ってるんだから
CSSハック以外にはあり得ないと思われ
出来れば
ね
そこでFlashですよ。
プラグイン入れてない奴?知らんがな。
>>788 だったらいっしょにMozzilaだけに適用させる方法も上げてあげればよかったのに(´・ω・`)
一方的なことばかり言って一方的に他人をおかしい呼ばわりか・・・やれやれ
Flash最強伝説
Mozilla
>>740はブラウザごとにCSSを変える方法が
CSS標準のやり方で存在するかって訊いたんじゃないの?
いまのところはCSS以外のところで振り分けるしかないんだから
ここに出てきた方法のどれかを使うしかないよ
Mozzilaはおかしいだろ
やれやれ
おかしい呼ばわりを先に始めたのは
>>783だと思われ。
自演乙
>>783のレスが一方的じゃないというなら
なんだというんだ
おめーらMozzilaをバカにすんなよ。
そうだそうだゴジラをバカにすんな
モッジラと読むのかしら?
もっじ〜ら
モジィーラ。
贋ブランドみたいな響きだな
>>788 IEだけに適用させる方法やMozillaだけに適用させる方法を挙げるのは普通だけど、
じゃあコンディショナルコメントだけを出したおまいは普通じゃないことになるのか?
携帯のオペラで見るとどうなんの
なにをいっとるんだおまいさんは
携帯持ってなさす(´;ω;`)
携帯で見るとどうなるかプレビューできるソフトがあればいいよね
誰か作ってないのかな
>>815 昔あったけど、URI失念したな・・・差がしてみる
ワクワク…
かっこいい
ああ、それそれ
ダウソしました
Oペラよりファイルサイズでけーね
>>818 ありがとう
プレビューだけのソフトではなくて
開発用のソフトなのか
CSS のカスなようなセレクタじゃなく、XPath を使いたい。
つうか、Firefox1.5があんだーすこあはっくなどに突き当たるたびに
JSコンソールを借りてCSSエラー吐きまくってるのを見てもまだ
あんだーすこあはっくなどが除WinIEのCSSパースを著しく阻害していることに
気付かないっつうのも痛いわな。
素直にHTMLコメント形式を使えば何の問題もないんだが。
826 :
Name_Not_Found:2005/12/05(月) 19:57:53 ID:u8iSxh2S
<ul><li><a>背景画像</a></li><li>背景画像</li>・・・</ul>で、
縦組みのナビゲーション作っているのですが、
win IE6では、画像の上下に隙間ができてしまいます。
対策をご存じの方、ご教授お願いします。
・<a></a>内にはdisplay:noneで<span>の中にテキストを入れてます。
・<ul><li><a>すべてにサイズ指定をしています。
・<a>はdisplay:block
・全然すき間が埋まらないので、すべてのmargin、paddingは0px指定
<ul></ul>部分全部とcss貼った方が早いよ
>>826 img{vertical-align:botttom;}
を追加
>>825 MSの独自仕様を「素直に」と思えるのも痛いよ
>>825 製作者が1.5で確認して、なお無視したとわかるお前様はエスパーですね。
832 :
826:2005/12/05(月) 20:50:36 ID:u8iSxh2S
>>827>>858ありがとうございます。
CSS----------------------------
#menu{
list-style:none;
margin:0px;
padding:0px;
width:100px;
height:100px;
}
#menu li{
margin:0px;
padding:0px;
width:100px;
height:20px;
}
#menu a{
display:block;
border-width:0px;
margin:0px;
padding:0px;
}
#menu a span{
display:none;
}
a.navi01{
width:100px;
height:20px;
background-image:url(●●●.gif);
}
833 :
826:2005/12/05(月) 20:51:23 ID:u8iSxh2S
(つづき)
HTML----------------------------
<ul id="menu">
<li>
<a class="navi01" href="●●"><span>メニュー名</span></a>
</li>
・
・
・
</ul>
こんな感じです。
>>832 ああ、それか。それだったらIEのバグだ。
/*#menu a span{
display:none;
}*/
a.navi01{
width:100px;
height:20px;
background-image:url(dot.png);
text-indent:-9999px;
}
spanはいらない。で、text-indentを追加。
>>834 828だが、それじゃなかったみたい。しょぼん。
body の background で背景画像を指定し、スタイルシートの方で
.box {
margin-top: 20%;
border-style: dotted;
border: 1px;
border-color: black;
margin-right: 62%;
background-color: white;
filter: alpha(opacity=30);
}
とボックス要素を半透明化して、ページ背景画像を透けて見えるように
したく色々試していますが、上手く行きません。
本文中では、
<div class="box">
なんたらかんたら
</div>
という風にしています。
正しい記述法はあるでしょうか、ご教示下さい。 m(_ _)m
ちなみにIE6を使っています。
>>836 根本を覆すようで悪いが、
「正しい記述法」と言うなら、
そもそもその「フィルタ」ってやつはCSSじゃないんだよ…
>>836 boxのバックに「1ドットごとに透明・白ドットを繰り返して作った」GIFを敷く
839 :
838:2005/12/05(月) 22:34:36 ID:???
半透明PNGを敷く
とも言えないIEの駄目ダメさ加減…orz
>>837 filterはIEの拡張規格なんですね。たしかに正確にはCSSじゃないですね。
>>838-840 ありがとうございます。一度試してみます。
>>839 原始的だなw
まだこの技法?使ってる人居るのか
MSはpngは使えなくても使えない事情があるんだよ
そんなことも知らないのかここの住民は。
>>844 MacIEとWinIEは開発チームが違うんだよ
>>845 >MSはpngは使えなくても使えない事情
とは、カンケーネーし
>>843 >MSはpngは使えなくても使えない事情があるんだよ
あるあるwwwwww ねーよwww
「使えなくても使えない事情」てどういう意味?
>>848 シェアでトップ取っちゃったし
ブラウザ部門では赤字出てるし
もう開発したくない
って理由
850 :
Name_Not_Found:2005/12/06(火) 00:23:53 ID:X9eAfnny
たいへん困っています、賢者の方、お力を貸してください。
ブログでCSSでリンクに文字色の指定をしました。
ただ、タイトルの文字のみ文字色を変えたいのです。
しかし、ブログの場合、タイトル文字もリンクになっているため、
<FONT>をつけても指定した文字色になってしまいます。
こういう場合、どうすればタイトル文字のみ色を変えられるのでしょうか?
よろしくお願いいたします。
>>850 a タグにクラス名を付ける
a.title:link {
color:red;
}
a.title:hover {
color:blue;
}
タイトルって大体h1だろ?
h1 a {
color: nullpo;
}
疲れた…
絶対テーブルよりも効率悪いわ。難しいな。
>>850 あのさ、質問の前に、テンプレ見て基礎の基礎から勉強してきたほうがいいよ・・・
そうすればすぐ解決するから
856 :
826:2005/12/06(火) 01:36:38 ID:HRxXwFr/
>>825 あい。あれ痛々しいですが、アンダースコアに頼りきりです。
その場しのぎの代償ってやつがそのうちくるでしょう。
858 :
850:2005/12/06(火) 03:35:19 ID:X9eAfnny
自力で解決したよ、ばーかw
下手にでりゃ調子こきやがって雑魚どもがw
また偽者か
ってアレ?
これは痛いな・・・
>下手にでりゃ調子こき
これには俺も同意。
誰しも通る道なのに見下して叩くこんな感じ↓の人間にはなりたくないと思う
859 名前:Name_Not_Found[sage] 投稿日:2005/12/06(火) 03:53:55 ID:???
また偽者か
ってアレ?
860 名前:Name_Not_Found[sage] 投稿日:2005/12/06(火) 03:58:42 ID:???
>>858 3時間もかかったのか、、、
861 名前:Name_Not_Found[sage] 投稿日:2005/12/06(火) 03:59:55 ID:???
これは痛いな・・・
恥ずかしいよねこの人たち
863 :
850:2005/12/06(火) 04:23:13 ID:X9eAfnny
C 超アホどもが
S すっかり調子づいている
S スレッド
スレッドにSはいただけないな。
結局わからなかった腹いせにこんな所で憂さを晴らすなんて、
かわいそう…
866 :
850:2005/12/06(火) 04:40:11 ID:X9eAfnny
>>865 おまえは文字読めんのか。ついでに空気も読め。な?
全部ID出したり消したりの自演だろ
調子こきやがってって、
>>851はこんなに親切に
即レスしてあげてるのに
これだからブログ世代は
久々にワロタw
870 :
Name_Not_Found:2005/12/06(火) 11:37:01 ID:qMvJMCJV
<table width="200">
<tr>
<td style="width:100px">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</td>
<td style="width:100px">aaaaaa aaaaaaa</td>
</tr>
</table>
こんなようにすると、一つ目のフィールド aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
が指定した100pxを無視して改行しないように広がって表示されてしまうのですが、
なぜでしょうか?
二つ目のフィールドは途中に空白があるため、そこで改行されて100pxにおさまるようです。
例)
+-------------------------------------------------+--------+
|aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa|aaaaaa |
| | aaaaaaa |
+-------------------------------------------------+--------+
871 :
Name_Not_Found:2005/12/06(火) 11:37:32 ID:qMvJMCJV
↑
例がくずれてしまった、スマソ
872 :
Name_Not_Found:2005/12/06(火) 11:40:56 ID:ZwFN07ko
>>870 >なぜでしょうか?
それはね、キミが無職ニートで彼女いない歴=年齢の童貞クズだからだよ。これで満足したかな?
>>870 aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa が一つの単語と解釈されるため
日本語で書いてご覧。
>>870 英語文化で、一単語は改行してはならないという規則がある。
今のUAは幅を超える一単語はハイフンを入れて改行できるほど賢くないorする仕様を由とはしない。
よってスペースのない半角英数の並びは幅を超えても改行されない。
>>870 ちなみに解決方法は overflow プロパティを適切に指定することだ。
877 :
Name_Not_Found:2005/12/06(火) 17:57:22 ID:nBEtMO5Y
CSSのborderですと、どうしても角ばったデザインになってしまいます。
丸角にしたいのですが、CSS2にはそういうプロパティや値はないようです。
そこで、何とか丸角にする方法を思い付きました。
1.img要素を使うが、これは見栄えなのでよろしくない。
2.余分なDIVを使うが、これも見栄えのためのDIVであって、さらにDIV厨。
これ以外に何か良い方法はありませんか?
多分画像を何とかするしかなさそうです……
どういう用途なのか分からない、横も縦も固定じゃなくて
伸ばしたり縮んだりした方が良いの?
>>883 参考になる(1)
・DIV使ってソース汚れても作業した感が心地良いよ派
・元データが汚れなければサーバサイドやらJavaScriptでDIV吐いて無理くり丸めても気にならないよ派
・そういう問題じゃないよ派(なんか他にないんか派)
理想は一番下
なんか他にないんか
Flash
887 :
879:2005/12/06(火) 21:10:25 ID:???
>>882 あ、オチてたのネ。スマソ。
# やぱり(人から頼まれたりしてどうしても角丸使わざるを得ないとしたら)
自分ならADPの方法選ぶかな。
888 :
Name_Not_Found:2005/12/06(火) 21:23:57 ID:nBEtMO5Y
人に厨って言える立場かよ
丸角もセンス悪
891 :
Name_Not_Found:2005/12/06(火) 22:11:20 ID:nBEtMO5Y
>>889 厨とは言ってません。
私の言葉が足りなかっただけでした…すみません。
div厨ってZenの事か?ありゃ多くのデザインに対応するため
ありえないほどぶちこんでるだけだよ
足りてなかったんじゃなくて、一言多かったんだよね^^;
895 :
Name_Not_Found:2005/12/06(火) 22:30:37 ID:nBEtMO5Y
禅庭の事です。ただ、あれは見栄えのために必要の無い
DIVを使っているのでした。
丸角もアレなんでやめときます。
禅庭貶すような奴が
質問スレで丸角にしたいって、ここは笑うとこですね
898 :
Name_Not_Found:2005/12/06(火) 22:42:04 ID:nBEtMO5Y
ID:nBEtMO5Yから
間違った知識を植え込んでる解説サイトの臭いがする
フォントサイズの大〜小の差を少なくするにはどうすればいいんですか><
固定文字はしたくありません><
って言ってた人の臭いを感じたお
禅庭のソースはアレだろ
参考にはならないな
デザインの参考にはなるけどね
>>902 あれは多人数に対応するためだからアレだけど、
別にValidでStrictなままあの程度のデザインはできるしなぁ
そんなことよりも誰かぼくの質問に答えてください。
IE使ってないしなぁ
>>902>>904 "あれ"やら"アレ"やら、一体何が言いたいのやら。
これだからブログ厨は困ったもんだ。話にならん。
>>903 "角丸"で画像使っているんだからブラウザの窓を画像の幅より狭くすれば横スクロール出て当たり前。
(ADP: Web Design アーカイブを通して読めば分る事だけど)
リキッドデザイン云々でADPにケチつけるのは見当違い。
日本人はあれやらそれやらで通じる曖昧な言語をずっと愛してきたというのに、
近頃の人間は情緒がありませんねぇ・・・
「あれとって」で通じるような彼女が欲しい。
ブログ厨だと決めつけて、一体何が言いたいのやら。
そもそもブログ厨って何だ?話にならん。
「あれ買って」で通じるような彼氏が欲しい。
「アレがないの・・・」で青くなった俺がいる・・・
そろそろ真面目に尻について語り合いませんか
「そこは駄目…」
女友達が言った名言。
「胸はさわっちゃ駄目、ないから!
腹はさわっちゃ駄目、あるから!」
さて、尻はあるべきかないべきか?
貧乳っていいよ
上から覗くと乳首見える事がよくあるから
貧乳の干しぶどうなんて見たか無い
貧乳はいいな。
でかいおっぱいは怖いお^^;
貧乳がタレたときほど悲惨な状態の乳は無い。
924 :
Name_Not_Found:2005/12/07(水) 00:41:17 ID:6rgFXfmA
質問ですが、MAC OS9のIE5で以下のCSSを
適応させた場合上のaは反映されるのですが、
下のbがまったく反映されません。
WINxpの IE firefox opera
MAC OS9の NN mozilla
ではab両方反映されるのですが、MAC IEで反映されない
のはなぜですか?
.a {
border-style: solid;
border-width: 1px 1px 1px 1px;
border-color: #000000;
background-color: #999999;
color: #FFFFFF;
padding: 2px 0px 2px 0px;
width: 200px;
}
.b {
border-style: solid;
border-width: 2px 2px 2px 2px;
border-color: #000000;
background-color: #999999;
color: #FFFFFF;
padding: 2px 0px 2px 0px;
width: 200px;
}
<optgroup label="hogehoge">の label によって表示される文字を装飾するのはどうすれば良いでしょうか。
ご教示ください
毎度スレッドを重ねても既出の質問が繰り返されるw
どうしてこうも質問者は
>>1が読めないのだろうw
ぁあーテンプレしかいじれねー人たちの悪あがきってほんと醜いよーw
一度勉強したら済む話じゃなーい?w
これまた痛いのが沸いたな
華麗にスルー
そうだ昼飯はカレーにするー
>>924 .a {
border-style: solid;
border-width:1px 1px 1px 1px;
border-color: #000000;
background-color: #999999;
color: #FFFFFF;
padding: 2px 0px 2px 0px;
width: 200px;
}
.b {
border-style: solid;
border-width: 2px 2px 2px 2px;
border-color: #000000;
background-color: #999999;
color: #FFFFFF;
padding: 2px 0px 2px 0px;
width: 200px;
}
こっち使ってみて。
なんか謎の文字が入ってる。
932 :
Name_Not_Found:2005/12/07(水) 19:08:49 ID:ylD7uPDN
質問ですが、インラインで
a:hover { color: #000000; }
を指定するにはどのように書いたらよいでしょうか?
>>932 <p style="a:hover{color:#000};">932はあふぉ</p>
>>932 えーと・・・そのまんまでいいんだが。
A要素ってインライン要素だよ?
935 :
932:2005/12/07(水) 19:38:08 ID:???
こんなんとか
<a href='./hoge'' style='a:hover{color: #00FF00;}'>hoge</a>
こんなんでも
<p style='a:hover{color: #00FF00;}'><a href='./hoge' >hoge</a></p>
変化無いんですけど。
'→"
インラインで何迷ってるのだ?
むしろブロック要素ってどうやるの?って質問かとオモタ
>>935 セレクタの意味わかってるか?
a:hover{プロパティ:値}の場合、セレクタ:疑似クラス{プロパティ:値}。
a{プロパティ:値}の場合、セレクタ{プロパティ:値}。
セレクタ style="プロパティ:値"は、セレクタ=要素に直接記入のため、{}内以外は省略される。
つまりa:hoverという要素は存在しないため、style「属性」による指定はできない。
外部スタイルシートかstyle「要素」でa:hoverを指定してやるしかない。
939 :
932:2005/12/07(水) 19:59:10 ID:???
>>938 理解できました。
設計を考え直します。
ありがとうございました。
>>939 これを機に、全部外部CSSにするといいよ。
全HTMLで共通にできるから、容量の削減にもなるし、
何よりリニューアルがとても楽、HTMLを変えずにCSSの変更だけで済む。
というか、style属性使わないで外部CSSを使えば。
でもさーたまに、急いでる時とかちょっと試したい時に
後で直そうと思いつつ、style="color:#fff;"とか書き込んでそのままにした事ない?
テーブル使わないで下の枠組みを作りたいんですがどうすればいいのでしょうか。
floatやclearなど自分なりにいじってみましたがどうも上手くいきません。
ご教授ください。
┏━┳━━━━┳━┓
┃ ┃ ┃ ┃
┣━┫ ┃ ┃
┃ ┃ ┃ ┃
┗━┻━━━━┻━┛
ないないないないww
>>945 それ、ゼロからテンプレよこせって言ってるようなものじゃん。
自分でどこまでやってどう駄目だったかくらい出せや・・・
CSS
>>947 スタイルシート部分は以下のようになってます。
.set1{border-color:#cccccc;border-style:solid;border-width:1px;
width:150;height:500;background-color:#000000;color:#ffffff;
margin:0 2.5;float:left;}
.main{border-color:#cccccc;border-style:solid;border-width:1px;
width:500;height:500;background-color:#000000;color:#ffffff;
margin:0 2.5;font-weight:bold;float:}
.set2{border-color:#cccccc;border-style:solid;border-width:1px;
width:150;height:500;background-color:#000000;font-weight:bold;
color:#ffffff;margin:0 2.5;float:left;}
>>947 body部分は以下のように・・・
<body>
<div align="center">
<div class="set1">左</div>
<div class="main">真ん中</div>
<div class="set2">右</div>
</div>
</body>
</html>
>>950 次ぎスレ立てたいなら最初からそういえば良いのに
>>953 mainのfloat:で終わってる部分が激しく謎だがwww
左側、二つブロック必要なんじゃないの?このまま3ブロックで直しちゃってもいい?
>>955 >mainのfloat:で終わってる部分が激しく謎だがwww
アウ! leftが抜けてましたすいません。
出来ましたら左側2つブロックを積み上げて以下のようにお願いします。
┏━┳━━━━┳━┓
┃ ┃ ┃ ┃
┣━┫ ┃ ┃
┃ ┃ ┃ ┃
┗━┻━━━━┻━┛
957 :
:2005/12/07(水) 21:16:06 ID:???
CSSの質問かどうかは微妙だが CSSの問題かもしれないので
<form>
<p>abc<button>def</button>ghi</p>
</form>
というHTMLをOpera 8.51 (Win) で見ると
abcとdefの間が改行されてしまう
borderを付けて確認してみると どうやら<button>の前で<p>が
閉じているかのように扱われているらしい(後ろのghiは匿名ブロック扱い?)
#p button にスタイルを指定しても効果ナシ
1行で表示させる(abc def ghiのようにする)ためには
p { display: inline; } とする必要があるみたいだが これって Opera のバグ?
・button { display: inline;} や button:before { content: ''; } も効果ナシ
・p ではなく div だと改行されない
>>957 ろくに見てなくてスマンが、もし検証してもらいたいんだったらバグスレッドのほうがいいかも。
>>956 連投規制に引っ掛かって遅くなりんした…。
widthやheightは単位なし禁止なんでpxにしちゃったけどヨカ?
.set1{border-color:#cccccc;border-style:solid;border-width:1px;
width:150px;height:500px;background-color:#000000;color:#ffffff;
margin:0 2.5;float:left;}
.main{border-color:#cccccc;border-style:solid;border-width:1px;
width:500px;height:500px;background-color:#000000;color:#ffffff;
margin:0 2.5;font-weight:bold;float:left;}
.set2{border-color:#cccccc;border-style:solid;border-width:1px;
width:150px;height:500px;background-color:#000000;font-weight:bold;
color:#ffffff;margin:0 2.5;float:left;}
<div align="center">
<div class="set1">
<div>左1</div>
<div>左2</div>
</div>
<div class="main">真ん中</div>
<div class="set2">右</div>
</div>
>>959 ウホ!素晴らしいです。
非常に勉強になりました。ありがとうござます。
margin:0 2.5;
って、なに?
ぐぐれカレー
上から右回りに、0 2 5の余白
上0右2下5 ね。
>>959 ビチぐそみたいなソースやな
.set1{border:1px solid #ccc;
width:150px;height:500px;background-color:#000;color:#fff;
margin:0 2.5;float:left;}
.main{border:1px solid #ccc;
width:500px;height:500px;background-color:#000;color:#fff;
margin:0 2.5;font-weight:bold;float:left;}
.set2{border:1px solid #ccc;
width:150px;height:500px;background-color:#000;font-weight:bold;
color:#fff;margin:0 2.5;float:left;}
ぐらいにダイエットしたれや。
だから東京もんはいかん。
965 :
961:2005/12/07(水) 21:53:39 ID:???
>>963 間にピリオドって入れないよね普通
それとも、入れるのが普通??>賢明な皆様
>>963 間違ったこと教えるなww
上下に0、左右に2.5だww
因みに値が三つの場合でも違うぞ、上、左右、下の順だ。
.,
969 :
Name_Not_Found:2005/12/07(水) 22:12:25 ID:TICurCM0
divに背景画像を指定してそのの中にdivをクラス付けして、スペースを作った所
クラス付けした方のdivの中にも新たに背景画像を貼付けようとします。
これって、俺の使い方が間違ってるんすかね?
どうもうまくいかないっす
>>969 日本語がよくわからないから、とりあえずソース貼り付けてごらん
971 :
Name_Not_Found:2005/12/07(水) 22:15:32 ID:TICurCM0
div{background-color:white;/*中枠*/
padding-left:20px;/*内側余白幅*/
padding-top:20px;/*内側余白幅*/
padding-right:20px;/*内側余白幅*/
background-image:url(clover.gif);/*背景画像(現在はクローバー)*/
background-repeat:no-repeat;/*画像の繰り返しを禁止*/
background-position:right top;/*画像の表示位置を右上に設定*/
}
.txt {border-width:1px;/*チュートリアル内で主にテキストを囲む範囲*/
border-style:dashed;/*ボーダーのスタイル*/
border-color:#444444;/*ボーダーの色*/
padding-left:10px;/*テキスト内余白*/
padding-top:10px;/*テキスト内余白*/
padding-right:10px;/*テキスト内余白*/
padding-bottom:10px:/*テキスト内余白*/
}
すまない、余り口は達者じゃないんだ。これでわかるかどうか、、、お願いします
973 :
Name_Not_Found:2005/12/07(水) 22:17:12 ID:TICurCM0
で、.txtがdivの中のdivってわけです
974 :
Name_Not_Found:2005/12/07(水) 22:20:25 ID:TICurCM0
<body>
<div>
なんやらかんやら
<div class=text>
なんやらかんやら
</div>
</div>
あまりにもソースが膨大なのでコピー出来ないのですが、要約するとこうなります
>>973 あー、わかった。
それは当たり前だよ、.txtは上のdivの装飾プラス.txtなんだもん。
上の階層のdivにもclassでも付けてやって、div{}を.クラス名{}にすれば
.txtだけがclass="txt"に反映されるよ。
976 :
Name_Not_Found:2005/12/07(水) 22:28:47 ID:TICurCM0
おお、解決した!
ありがとう!勉強になりました。
上の装飾プラス.txtになるとは知りませんでした。
サンクス!
>>976 うーん、もちっと基本勉強したほうがいいかも。
CSSは汎用装飾→特殊装飾の順にトップダウンしていく仕組みだから、
divで指定した場合、全部のdivにその装飾がいくワケね。これが汎用。
で、その中から特殊なclassなりidなりに、更に修飾を足す、または上書きする。
floatで枠組みするとalign=centerが無効にならね?
>>978 当たり前です・・・floatを何だと思ってるんだ
980 :
Name_Not_Found:2005/12/07(水) 22:46:31 ID:TICurCM0
>>977 そうだね、ありがとう。こんな簡単な事でつっかかる用じゃ勉強が足りない様です。
そんな俺が作ってるページはジャバスクリプトのチュートリアルページ。
出直して来いって自分で思ったよ。OTL
プログラマの才能とデザイナの才能は別物だし、
CSSは慣れるまで若干の癖があるし、いいんじゃね?
JavaScriptだろうがC++だろうが、PGのサイトってレガシーなの多いし、
たぶんそんなに気にしてる人は多くないwww
orz
すいません。OTLとかorzて何ですか?
>>985=909なので、985のテンプレは使わないように
ぁあーしこりてー!!
やめとけ、死人が出るぞ
次スレ立つまで保守
992 :
990:2005/12/08(木) 22:21:41 ID:???
梅るぉ(^ω^ )
VIP
i wanna VIP☆STAR
390 名前:ぱくぱく名無しさん [sage] 投稿日:2005/12/04(日) 01:24:05 ID:YfU3XsPy0
メレンゲをがっつり立てるのに、いい道具は何でしょう?
バーミックスじゃ無理っぽいです。。。
ほぼメレンゲ専用道具になっても構いません。
ふわふわのチーズスフレが作りたひ。
396 名前:ぱくぱく名無しさん [sage] 投稿日:2005/12/04(日) 11:29:25 ID:YfU3XsPy0
>>391 レス&リンクサンクス。だがたけえ(笑)
独身30男の買うもんじゃないな。
やっぱ筋肉か。
「いい体してますね。何かスポーツでも?」
「ええ、メレンゲを少々。」
∧∧
(,,゚Д゚),
γ⌒´‐ − ⌒ヽ
〉ン、_ `{ __ /`( )
\´∧ミ キ )彡ノ( ヽ)
\ノ~ミ~~~~.| ||
ノ レ´ | (||||)
「 ( ゚Д゚)ハァ? 」
他所のネタを持ってくるのはどうかと思うな。
⊂ニニ(^ω^ )ニニニニ⊃
完
1001 :
1001:
このスレッドは1000を超えました。
もう書けないので、新しいスレッドを立ててくださいです。。。