5ちゃんねる ★スマホ版★ ■掲示板に戻る■ 全部 1- 最新50  

■ このスレッドは過去ログ倉庫に格納されています

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

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

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

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

【まとめサイト】 http://web2ch.s31.xrea.com/?CSS
【FAQ】 http://web2ch.s31.xrea.com/?CSSFAQ
【過去ログ】 http://web2ch.s31.xrea.com/?CSSLog
【関連リンク】 http://web2ch.s31.xrea.com/?CSSRelated
【前スレッド】 http://pc8.2ch.net/test/read.cgi/hp/1160702243/

関聯リンクは>>2-10
【関連スレ】【仕様書】【CSS検証】>>2
【解説など】>>3-4
【FAQ】>>5-9

2 :Name_Not_Found:2007/01/24(水) 20:11:05 ID:???
【関聯スレッド】
CSS/DHTMLバグ辞典スレッド【第5版】
 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でイケてるデザインサイト 37
 http://pc8.2ch.net/test/read.cgi/hp/1162545373/

【仕様書】
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

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

3 :Name_Not_Found:2007/01/24(水) 20:11:55 ID:???
【解説など】
・ごく簡単な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
・CSS Laboratory対応表・一覧
 http://is.vis.ne.jp/charts/index.xhtml
・ブラウザのHTML4/CSS対応度テスト
 http://homepage1.nifty.com/emk/moz/browsertest.html
・CSSバグリスト@CSSバグ辞典スレッド
 http://cssbug.at.infoseek.co.jp/index.html

4 :Name_Not_Found:2007/01/24(水) 20:12:37 ID:???
【解説など】
・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

5 :Name_Not_Found:2007/01/24(水) 20:13:18 ID:???
【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

6 :Name_Not_Found:2007/01/24(水) 20:13:59 ID:???
【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

7 :Name_Not_Found:2007/01/24(水) 20:39:19 ID:???
【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:background-imageは一要素に一つだけ。要素を重ねるなど工夫しませう。

8 :Name_Not_Found:2007/01/24(水) 20:39:58 ID:???
【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

9 :Name_Not_Found:2007/01/24(水) 20:40:45 ID:???
【参考】
 IEの position:absolute; のバグを利用した擬似フレーム

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

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

1.標準モードにする
2.body {height:100%; overflow:auto;}
3.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

10 :Name_Not_Found:2007/01/24(水) 22:11:10 ID:???
>>1乙。
しかし63ndって・・・・・・

11 :Name_Not_Found:2007/01/25(木) 00:40:52 ID:oUtsHJ0m
プログラムコードをHTMLで公開したいのですが、
マックでうまいこと表示できるフォントが見つかりません。
今のところ、Osaka−等幅とCourier Newを試しました。
前者は等幅にならないようです。フォント名の表記が間違ってるかも知れません。
後者は等幅になったのですが、あまり気に入りません。

他にどんな等幅フォントがあるでしょうか?

12 :Name_Not_Found:2007/01/25(木) 00:52:37 ID:???
ネットでMonacoってのを見つけて、なかなか良さげでした。
他にもあったらお願いします。ちなみにfont-sizeは12pxです

13 :Name_Not_Found:2007/01/25(木) 01:03:05 ID:???
>>11,12
今はOsaka-等幅なんてわざわざ入れてる人は少ない。
Monacoでもいいけど、総称ファミリだけ指定しとけば済む。


14 :Name_Not_Found:2007/01/25(木) 01:24:02 ID:???
なるほど、そういう指定があるのを初めて知りました。
monospaceとすればよいということですね。
ただ、マックはよくなったのですが、winで第一候補を
MS ゴシックにしていたのが、返っておかしくなってしまいました。
という訳で、MS ゴシック, monospaceとすることにしました。
どうもありがとうございました。

15 :Name_Not_Found:2007/01/25(木) 01:55:34 ID:???
フォント指定すんなカス

16 :Name_Not_Found:2007/01/25(木) 02:27:54 ID:???
確かに自分で指定してるし指定されなくても問題ない。

17 :Name_Not_Found:2007/01/25(木) 04:22:00 ID:???
自分で指定してる人は少ないと思うけど

18 :Name_Not_Found:2007/01/25(木) 08:59:10 ID:???
別に指定されても構わないが、Comic Sans指定してるサイトには殺意を覚えた

19 :Name_Not_Found:2007/01/26(金) 18:58:40 ID:???
>>15
そのプロパティはフォントを指定するために存在しているんだろw

20 :Name_Not_Found:2007/01/26(金) 19:39:09 ID:???
ふぉんとに何やってんだか

21 :Name_Not_Found:2007/01/26(金) 20:13:53 ID:???
>>19
押しちゃいけないボタンみたいなもんだ

22 :Name_Not_Found:2007/01/26(金) 20:45:50 ID:???
というかそれ何>押しちゃいけないボタン

23 :Name_Not_Found:2007/01/26(金) 20:57:39 ID:Ug2ahy94
火災警報器
列車非常停止装置
核発射スイッチ

24 :Name_Not_Found:2007/01/26(金) 21:14:40 ID:???
ちょwww

25 :Name_Not_Found:2007/01/27(土) 03:33:54 ID:bmjG8zpV
WYSIWYGなCSSエディタが欲しいよ〜

position:absolute;
で延々場所を指定していってたらわけがわからなくなりました

26 :Name_Not_Found:2007/01/27(土) 03:45:50 ID:???
>>25
おまえのやってるそれはCSSデザインじゃない。
ど こ で も 配 置 モ ー ド だ 。

27 :Name_Not_Found:2007/01/27(土) 04:25:37 ID:???
>>26
ではどうすれバインダー


今までずっとフレーム&勧告無視のHTMLソースこりこり書いてたのだがこのたび今月中にCSS化しなければならなくなりまして、
でもCSSレイアウト実験なんてやったことねーよ間に合う訳ねーだろボケwwwwwwwwwうぇうぇうぇうぇえっうぇorz


28 :Name_Not_Found:2007/01/27(土) 04:32:07 ID:???
>>27
あえて言う

死 ね

29 :Name_Not_Found:2007/01/27(土) 04:32:21 ID:???
>>27
金払って、別の業者に丸投げする。

30 :Name_Not_Found:2007/01/27(土) 04:48:17 ID:???
>>28
やなこった

>>29
m9(`・ω・´)ソレダ!!

金さえあればな
予算一万円じゃ無理だwwwwwwwww

31 :Name_Not_Found:2007/01/27(土) 10:44:02 ID:???
まあ、一言で言うと   自 業 自 得   だな。

32 :Name_Not_Found:2007/01/27(土) 11:53:02 ID:DSrU6XlT
>>25
仕事でやっててTopStyleも知らんとは・・・  馬鹿め

33 :Name_Not_Found:2007/01/28(日) 00:16:24 ID:???
>>25
freeで日本のなら Visual Box Styler とか
海外のもあったなぁ

34 :Name_Not_Found:2007/01/28(日) 03:44:24 ID:???
WEBデザイナーって25みたいな阿呆でもなれるものなの?

35 :Name_Not_Found:2007/01/28(日) 03:58:34 ID:???
デザイン能力とCSS知識は別っこだからね。
>>25 は、紙に描くと、もの凄いデザイン能力を
発揮するんだよ。  水中のズゴックなのだよ。

36 :Name_Not_Found:2007/01/28(日) 09:51:53 ID:wRo90ln1
初歩的な質問で申し訳ありません
フォントファミリーについてですが、サイト全てのフォントが同じならば
bodyだけにフォントファミリーを宣言すればよいのでしょうか?
それとも各主要divごとにフォントファミリーを宣言するのでしょうか?

よろしくお願いします。

37 :25:2007/01/28(日) 11:41:58 ID:???
なんだかんだ言いつつ答えてくれた>>32,33さんくすだ。

あと俺Webデザイナーじゃないんで安心しれ。
半分勝手にHP作ってたら上司が
「最近SEOとやらが流行ってるようだからうちも全部CSSにして訪問者倍増でうっはうは」
等とわけのわからないことを口走っており上司の常識と俺の進退が危ぶまれる今日この頃。

38 :Name_Not_Found:2007/01/28(日) 13:35:05 ID:???
>「最近SEOとやらが流行ってるようだからうちも全部CSSにして訪問者倍増でうっはうは」
うわぁ…

39 :Name_Not_Found:2007/01/28(日) 16:07:16 ID:GozvwxxD
>>36
統一したいんだったらbodyに設定しとけば一括だよ。
変えたい所のdivだけフォント設定変えればいいんだよ。

40 :Name_Not_Found:2007/01/28(日) 17:57:23 ID:???
初心者なのですがcssで改行の幅を指定することって可能でしょうか?
可能ならやりかたを教えて頂けないでしょうか><

41 :Name_Not_Found:2007/01/28(日) 17:59:34 ID:???
初心者じゃなくてただの馬鹿でしょう?
ちゃんと勉強してください><

42 :Name_Not_Found:2007/01/28(日) 18:04:38 ID:???
>>41
やり方見ても出来ないとか言ってるなら分かるが
ただ知らないって言ってるだけなんだからめんどくさがりな初心者だろ。
そんなレスしてるお前が馬鹿でしょう?www

43 :Name_Not_Found:2007/01/28(日) 18:09:45 ID:???
>>42 ( ゚д゚) ・・・

44 :40:2007/01/28(日) 18:12:43 ID:???
すいません一応初心者用の本は買ったのですが載ってなかったのです。
line-heightっていうのが近いかと思ったのですが折り返した時の幅みたいだしorz



45 :Name_Not_Found:2007/01/28(日) 18:15:31 ID:???
ん?「改行の幅」っていうのはてっきり何文字で折り返すとか
そういうことかと思っていたが、そうじゃなくてたとえば
段落と段落の間の隙間の高さのことを言ってるのか?

46 :40:2007/01/28(日) 18:20:24 ID:???
>>45
そうです。縦に並べた画像の幅を変えたいのですが、
<br>で改行すると幅が大きすぎて見栄えが上手くいかなかったので
そういうことが出来ないかと聞いてみました。

47 :Name_Not_Found:2007/01/28(日) 18:26:13 ID:???
説明がへたくそなんだから、ソース出すとか具体例を上げたらどうよ。
>縦に並べた画像の幅を変えたい
歪んだ画像が好みなのか?

48 :Name_Not_Found:2007/01/28(日) 18:33:25 ID:???
はば 【幅】(1)物の横の長さ。縦長なものの短い方の端か端まで。

49 :Name_Not_Found:2007/01/28(日) 18:34:57 ID:???
>>46
まず、<br>で、どうこうしようと言う発想を捨てる事だ。むしろ<br>を使うのは特殊な場合で、普通は必要ない物だと思った方が良い。

"間隔"を調整したいなら、margin や、padding を使いなさい。

50 :Name_Not_Found:2007/01/28(日) 18:40:35 ID:???
>>46
画像を並べるなら普通リストだと思うが、
それにマージンを取れ。

51 :40:2007/01/28(日) 18:41:59 ID:???
>>47-48
すいません。こういうことが言いたかったのです。
http://www.uploda.org/uporg671252.jpg
間隔って言ったら良かったのですねorz

>>49,>>50
そうだったのですか><
ヒドい勘違いしてとにかく全部<br>で今まで調整してましたorz
そのmarginなどについてググッてみます。ありがとうございます><

52 :Name_Not_Found:2007/01/28(日) 19:16:27 ID:???
CSS言いたかっただけちゃうんかと

53 :Name_Not_Found:2007/01/28(日) 20:20:35 ID:???
>>39
ありがとうございました。

54 :Name_Not_Found:2007/01/28(日) 21:40:18 ID:GozvwxxD
>>40
ナビゲーションボタンを縦にダーっと並べたいのかな?
ナビゲーションボタンだったら、リスト化したらいいんじゃないかな。
その画像を配置したdiv内のリスト<li>に対してmargin設定すればいいと思うよ。


55 :Name_Not_Found:2007/01/28(日) 21:45:23 ID:???
>>54ほど話の読めない香具師も珍しい・・・

56 :Name_Not_Found:2007/01/29(月) 09:27:21 ID:1ASsrh9/
border-width の値をパーセントで指定すると、
IE7で border-colorが変わらなくなるのはIE7のバグですか?

57 :Name_Not_Found:2007/01/29(月) 09:44:16 ID:???
>>56
仕様書読め。可能な値に、<percentage> と書いてないだろ。

58 :Name_Not_Found:2007/01/29(月) 10:10:02 ID:???
それにしても幅を無視するならともかく
色を無視するのはバグ臭いなwww

59 :Name_Not_Found:2007/01/29(月) 22:17:04 ID:XtsMoifM
cssで、文章中の一文字だけ色を変えたい場合の記述の仕方を教えてください。
FONTタグですと

あい<FONT color="#ff0000">う</FONT>えおかきくこ

っで「う」を赤くなるのを、cssではどう記述すればよいのでしょうか?

60 :Name_Not_Found:2007/01/29(月) 22:20:54 ID:???
>>59
テンプレ嫁

61 :Name_Not_Found:2007/01/29(月) 23:25:41 ID:???
>>59
spanにクラス付けるか
あい<span style="color:#ff0000">う</span>えおかきくこ
とか

62 :Name_Not_Found:2007/01/29(月) 23:32:33 ID:cLE4MGmL
html側でwidthとheightが指定されているimg要素(↓下のような)
<img src="" width="200" height="400" alt="">

cssで縦横それぞれ元の指定のたとえば1/2などにするにはどうすればいいんでしょうか。
Firefoxでのみ対応している方法でもかまいません。
img {
 width: 50% !important;
 height: 50% !important;
}
とするとブラウザのwindowサイズの50%になって。

画像ごとに縦横比がまちまちで、pxで指定すると比率が崩れてしまうので
倍率で指定したいと思ったしだいです。
自サイトのレイアウトではなくfirefoxのuserContent.cssについてなんですが・・・。

63 :Name_Not_Found:2007/01/29(月) 23:44:08 ID:???
>>61
ありがとうございました。
出来ました。

64 :Name_Not_Found:2007/01/29(月) 23:45:01 ID:???
>>61
spanは嫌いなので、<strong class="hage">にしてください

65 :Name_Not_Found:2007/01/30(火) 00:19:58 ID:???
>>62
画像を全部CSSでオリジナルサイズの1/2にしたいということかな?
そりゃ無理じゃないかな。

66 :Name_Not_Found:2007/01/30(火) 00:27:41 ID:???
>>62
そういうプロパティは無いよ。
JavaScriptなら出来るのかも知れないけどわからん。

67 :Name_Not_Found:2007/01/30(火) 00:35:36 ID:wxMoRXLh
>>65-66
レスどうもありがとうございます。cssでは無理なんですね。
夜遅くに質問してすみませんでした。回答してくれて感謝です。
おやすみなさい。

68 :Name_Not_Found:2007/01/30(火) 01:11:22 ID:???
インラインSSの質問です。

ある段落の文字色とバックグラウンドを設定することはできますか?
<p style="color:red">で文字色はできたんですが、バックができません。

<p style="color:red" "background-color:white">
こんなことやってみましたが駄目で・・・。

69 :Name_Not_Found:2007/01/30(火) 01:14:02 ID:???
あ、>>68自己レスです。
できました^^;

<p style="color:red;background-color:white">

こうですね。すみませんでした;

70 :Name_Not_Found:2007/01/30(火) 01:38:22 ID:???
こういう質問者が一番腹立つな。

71 :Name_Not_Found:2007/01/30(火) 01:52:20 ID:???
style=""つかわないでCSSに記述しようぜ。

72 :Name_Not_Found:2007/01/30(火) 02:01:48 ID:???
っはい!わかりました。

73 :Name_Not_Found:2007/01/30(火) 05:44:38 ID:???
素朴な疑問なんだが、68のインラインSSってなに?
たんに脱字?

74 :Name_Not_Found:2007/01/30(火) 07:30:46 ID:???
多分style=""を使った埋め込み型のスタイルシートと言いたいんだと思う

75 :Name_Not_Found:2007/01/30(火) 08:10:31 ID:???
>>74
それはインラインCSS

76 :Name_Not_Found:2007/01/30(火) 08:33:53 ID:???
バロスw

77 :Name_Not_Found:2007/01/30(火) 10:46:10 ID:???
>>75
インラインスタイル(シート)だよ。
http://www.w3.org/TR/css-style-attr#grammar
http://www.w3.org/TR/html401/present/styles.html#h-14.2.2
だから、>>68のインラインSSの方がより正しい。

HTMLのstyle属性値は、``default style sheet language" 依存。
つまり、建前上、CSS限定ではない。
このことからも、>>75は間違いであると分かる。

78 :Name_Not_Found:2007/01/30(火) 11:10:58 ID:???
>>77
それはインラインマジレス

79 :Name_Not_Found:2007/01/30(火) 11:35:33 ID:???
>>77
ひとつ勉強になった。

80 :68:2007/01/30(火) 16:44:14 ID:???
インラインSSは「インラインスタイルシート」のつもりで使いました。

が今考えたら「間違ってたかな?」と。
<span>を使ったなら「インラインスタイルシート」と呼んでいいと思えますが、
<p>というブロックに「style=""」を設定した場合は
果たしてインラインと呼べるのか?と。

とにかくお騒がせして申し訳ありませんでした。

81 :Name_Not_Found:2007/01/30(火) 16:56:00 ID:???
それはインラン妻

82 :Name_Not_Found:2007/01/30(火) 16:59:28 ID:???
淫乱スタイルショーツ

83 :Name_Not_Found:2007/01/30(火) 21:31:37 ID:XCeBQqLU
style属性なんて使うのはどんな場合?

84 :Name_Not_Found:2007/01/30(火) 21:35:25 ID:???
DOM

85 :Name_Not_Found:2007/01/30(火) 23:24:27 ID:???
DQN

86 :Name_Not_Found:2007/01/31(水) 00:12:34 ID:???
DOA

87 :Name_Not_Found:2007/01/31(水) 06:08:49 ID:???
DQM

88 :Name_Not_Found:2007/02/01(木) 21:03:19 ID:QUebGEt+
表自体を中央に持ってきたいんだけど、どうすればよいのですか、先生。

89 :Name_Not_Found:2007/02/01(木) 21:06:48 ID:???
テンプレくらい読もう

90 :Name_Not_Found:2007/02/01(木) 22:46:19 ID:???
<center>表</center>

91 :Name_Not_Found:2007/02/01(木) 23:38:38 ID:???
>>90
ありがとうございました。助かりました。

92 :Name_Not_Found:2007/02/01(木) 23:44:48 ID:???
助かるなよw

93 :Name_Not_Found:2007/02/02(金) 02:54:06 ID:???
思い通りに表示されればHTMLだろうとCSSだろうとなんでもオケ
ってことでFA?

94 :Name_Not_Found:2007/02/02(金) 04:05:09 ID:???
お前は何を言っているんだ。

95 :Name_Not_Found:2007/02/03(土) 00:22:41 ID:???
クラスがfooのh2子要素を持った親のh1要素にルールを適用する、
といったことはCSSだけで可能でしょうか?

96 :Name_Not_Found:2007/02/03(土) 00:48:21 ID:???
カスケーディングの思想に反するだろ

97 :Name_Not_Found:2007/02/03(土) 00:49:37 ID:???
<h1>
 <h2>なんたらかんたら</h2>
</h1>

って形か?
これ、HTMLの文法違反じゃないのか?

98 :Name_Not_Found:2007/02/03(土) 04:06:15 ID:nA06+PAI
>>97 おもいっきり文法違反。
っていうか 普通に考えておかしいやろ。

<h1>このスレ良スレ</h1>
<h2 class="foo">1から100まで</h2>

ってこと。

99 :Name_Not_Found:2007/02/03(土) 07:54:44 ID:???
基本的に遡って適用はありえない。
それに親のh1にclassを指定すれば良いだけの事。

>>98
それだと子じゃなくてブロック要素が2つ並んでるだけだな。
section指定されてたらわからんけど。

100 :Name_Not_Found:2007/02/03(土) 08:17:54 ID:???
>>97-99
すみません、正しくはh2.fooを子に持つすべてのdiv要素、でした。

101 :Name_Not_Found:2007/02/03(土) 09:07:13 ID:???
yahooのジオでCSS作ってるんだけど所々わけわからん。
もしかしてジオってCSSにはきちんと対応してないの?

102 :Name_Not_Found:2007/02/03(土) 09:45:39 ID:tGXYbn93
divを縦横中央に配置しているのですが、ブラウザのwindowサイズを横スクロールバーが出るほど小さくすると表示がおかしくなります。
具体的には、上側と左側が一番端から表示されず、スクロールバーを動かしても端が表示されません。

これを改善する方法はありませんでしょうか?
ソースは以下のようになっています。

div#main{
background-image:url(img.jpg);
overflow:auto;
height:500px;
width:900px;
position:absolute;
top:50%;
left:50%;
margin-top:-250px;
margin-left:-450px;
}

103 :Name_Not_Found:2007/02/03(土) 09:49:48 ID:???
>>102
ない。
そもそも物凄く不自然なやり方をしてるから。

104 :Name_Not_Found:2007/02/03(土) 09:59:05 ID:tGXYbn93
>>103
回答有難う御座います。
もし、縦横中央に配置しなければならないとしたらどのような方法を採られますか?

105 :Name_Not_Found:2007/02/03(土) 10:39:04 ID:???
>>100
h2.fooを子に持つ全てのdivにclass指定してあげれ。

>>101
ジオで何をしてるか知らないが、CSSの動作はブラウザ依存だから鯖は関係なし。

>>104
テンプレ嫁。

106 :103:2007/02/03(土) 12:44:41 ID:???
>>104
そういう意味じゃなくて、そもそも縦中央というのが
CSSの仕様からしたらとても不自然なんだから、ということ。
イレギュラーな手とならざるを得ないから、ちょっとしたことで崩れる。

107 :Name_Not_Found:2007/02/03(土) 13:47:10 ID:???
tableのcaptionあるじゃないですか
captionに囲まれたクラスセレクタが無視されてしまうんですが、
同じ症状の人はいますか?

ちなみにie6です

108 :Name_Not_Found:2007/02/03(土) 13:56:51 ID:???
>>107
>captionに囲まれたクラスセレクタ
は?

109 :Name_Not_Found:2007/02/03(土) 14:07:05 ID:???
>>107
<!ELEMENT CAPTION - - (%inline;)* -- table caption -->

110 :Name_Not_Found:2007/02/03(土) 14:14:48 ID:???
>>108
ごめんなさいちょっと説明へたで。

<table>
<caption>
<ul class=inline>
<li><a href=?year=2007&month=1>1月</a></li>
<li>>></li>
<li>2月</li>
<li><<</li>
<li><a href=?year=2007&month=3>3月</a></li>
</ul>
</caption>

こんな感じにcaptionのなかにulがあるんです。
ulにはクラスinlineを設定しているんですが、
cssがどうも適用されないようなんです。

111 :Name_Not_Found:2007/02/03(土) 14:19:22 ID:???
>>110
>>109

112 :Name_Not_Found:2007/02/03(土) 14:28:44 ID:???
109のエスパーっぷりに感動

113 :Name_Not_Found:2007/02/03(土) 19:15:02 ID:???
ttp://dev.opera.com/tools/
質問と関係ないが、Operaユーザは使ってみるといいかも。

>>109
確かに前さんすごいなw

114 :107:2007/02/03(土) 20:03:38 ID:???
>>109
ありがとうございます
いま調べて初めてDTDという存在を知ったので、
苦戦している最中です。

質問ばかりで大変申し訳ないんですが、
<!ELEMENT CAPTIONはhtml中のどこに記述すれば
良いんでしょうか?

調べてもよくわからないものでして・・・

115 :Name_Not_Found:2007/02/03(土) 20:08:32 ID:O8/1sBqF
サイトを今から、作り始めるんですが
サイト名がまだ決まってません。
CSSで一括デザイン変更が出来るのはわかったのですが
cssを使って、
後から文字も一括で変更することって可能でしょうか?



116 :107:2007/02/03(土) 20:10:38 ID:???
>>115
それはたぶんhtmlを書き換えなければいけないので、
phpのようなプログラムでないと無理だと思います

117 :Name_Not_Found:2007/02/03(土) 20:11:04 ID:???
>>114
そういう意味じゃないよ。
入れても無理。captionの中にはinline要素しか不可ということ。
だからCSSの問題じゃなく、HTMLレベルで間違ってるから
CSSがそれを補正できるはずもない。

>>115
無理。
一括置き換えができるフリーエディタはたくさんあるので、
そういうソフトを探してください。
ttp://www.vector.co.jp/

118 :107:2007/02/03(土) 20:12:44 ID:???
>>117
ありがとうございます。勉強になりました。

119 :Name_Not_Found:2007/02/03(土) 20:37:48 ID:???
スレ違いかもしれないですけど、
最近いろんなサイトで「Tag」って書いてあって、
いろんな単語がいろんな大きさで表示されてるのを見かけるのですが、
あれってどういう意味、メリットがあるのでしょうか。

120 :Name_Not_Found:2007/02/03(土) 20:53:53 ID:Qkr82Z1d
>>119
あれは、どんなジャンルが人気があるかを示すもので、HTMLのタグとは全然関係ないよ。
だから本当にスレ違いだよ。

121 :Name_Not_Found:2007/02/03(土) 21:03:57 ID:???
>>119-120
スレ違いすまんが、一体何のことだ?

122 :Name_Not_Found:2007/02/03(土) 21:23:33 ID:Qkr82Z1d
>>121
例を挙げると、http://vision.ameba.jp/の「人気タグ」とか。

123 :Name_Not_Found:2007/02/03(土) 21:25:13 ID:???
>>121
ttp://ja.wikipedia.org/wiki/%E3%82%BF%E3%82%AE%E3%83%B3%E3%82%B0_%28%E3%82%B3%E3%83%B3%E3%83%94%E3%83%A5%E3%83%BC%E3%82%BF%29

124 :115:2007/02/03(土) 21:27:26 ID:6Vlf+vZJ
>>116、117
ありがとうございます!
てことは、ブログみたいに
サイトのデザインを一括変更は無理ってことですか?
今から作ろうとしているHPはページ数が多くなりそうなので
しかも、自身が飽き性なので、すぐにデザインかえるかもなので、、、



125 :Name_Not_Found:2007/02/03(土) 21:33:18 ID:???
>>122-123
ありがとう・・・初めて見た。

>>124
何百あろうが>>117の言うように全ページ一括変換できるソフトはある。
ていうかデザインはCSSで一括で変えられるが、おまいさんの言ってるのはデザインじゃない。

126 :Name_Not_Found:2007/02/03(土) 21:33:22 ID:???
>>124
ホームページ製作王には一括置換機能があるので、サイト名やデザインをまとめて変えることができるからオススメ

127 :Name_Not_Found:2007/02/03(土) 21:36:24 ID:Qkr82Z1d
>>124
文書のデザインというか、体裁を決めるのはまさにスタイルシートの役割だけど、
文書の記述内容をスタイルシートにゆだねるべきではないよってこと。

128 :Name_Not_Found:2007/02/03(土) 21:38:30 ID:???
>>124
君は文字の変更を聞いてたんだろ。
然るべきhtmlを書いて、cssで装飾したサイトだったら、
cssを変更するだけでいい。
君が初心者なら、まずhtmlをちゃんと勉強する、これが重要。


129 :115、124:2007/02/03(土) 23:01:26 ID:x+cnygRT
えっと、分かりにくくなってすみません。
実際、私がやりたいのは
HPの上部にメニューバーや、
両サイドにサイドバーを設けた場合、
ブログだとテンプレート編集のページで変更すると、
全ページに反映されるのと同じようなことを
ホームページでも出来たらと思ってました。
ブログだとCGIが使えなかったりするので、
HPを始めようと思ったのですが、、、
出来れば、最初なので
フリーソフトで何か無いでしょうか?m(__)m

130 :Name_Not_Found:2007/02/03(土) 23:25:57 ID:???
>>129
スレ違いだっつーのに。
SSI使え。

131 :Name_Not_Found:2007/02/03(土) 23:26:34 ID:???
>>126
ホームページ製作王ってw

132 :Name_Not_Found:2007/02/03(土) 23:26:53 ID:???
>>129
CSS関係ないでしょ。
スレ違い。

133 :Name_Not_Found:2007/02/03(土) 23:33:10 ID:???
質問はコロコロ変わるし、自分が何やりたいかもわかってないんだろ。
初心者向けほーむぺーじの作り方なら、サイト上にいくらでもある。勉強汁。

134 :Name_Not_Found:2007/02/03(土) 23:47:17 ID:???
>>129
おまえは用語さえ理解できてないど素人
文字列もデザインの一部だと思ってる馬鹿
懐かしい言葉を使うとこういうことだ。
3年ROMってろ

135 :Name_Not_Found:2007/02/03(土) 23:55:26 ID:???
何かネットで見聞きしたワードだけで、
理解したと思っちゃってる感じだなぁ…
でもまだ1行も書いたことない、みたいな。

136 :Name_Not_Found:2007/02/04(日) 00:06:37 ID:???
だな

137 :Name_Not_Found:2007/02/04(日) 04:32:10 ID:???
>>129
実に簡単なことだ。
そう、フレームを使えば良いのだよ。

138 :Name_Not_Found:2007/02/04(日) 12:08:36 ID:???
じゃあ俺はJavascriptちゃん!

139 :Name_Not_Found:2007/02/04(日) 13:40:31 ID:???
私はオール1枚画像ちゃん!

140 :Name_Not_Found:2007/02/04(日) 15:37:06 ID:???
PDFファイル最強説

141 :Name_Not_Found:2007/02/04(日) 16:02:17 ID:???
filterなんて使わないよな?

142 :Name_Not_Found:2007/02/04(日) 16:10:00 ID:???
それなんてCSS?

143 :Name_Not_Found:2007/02/04(日) 16:14:00 ID:???
filter: alpha(opacity=50);
だとか


144 :Name_Not_Found:2007/02/04(日) 16:16:51 ID:???
143は142の意図を多分分かってない。

145 :Name_Not_Found:2007/02/04(日) 16:20:51 ID:???
>>144
わからないよ
jsなの?

146 :Name_Not_Found:2007/02/04(日) 16:23:50 ID:???
いろんなのが増えたなあ・・・

147 :Name_Not_Found:2007/02/04(日) 16:30:36 ID:???
CSSじゃないのかよ
わからないよ

148 :Name_Not_Found:2007/02/04(日) 16:39:49 ID:???
技術的にはactiveXの部類

149 :Name_Not_Found:2007/02/04(日) 16:43:04 ID:???
>>148
ありがとう
filterをいちいち使うことってあるのかな?
あらかじめ加工した画像を作ったほうがいい気がするんだよ


150 :Name_Not_Found:2007/02/04(日) 16:43:38 ID:???
>>149
CSSの話じゃないのでスレ違い

151 :Name_Not_Found:2007/02/04(日) 16:44:54 ID:???
>>150
だってCSS filterとかでぐぐると出てくるし
書籍にも載ってるよ

152 :Name_Not_Found:2007/02/04(日) 16:45:57 ID:???
沼に池

153 :Name_Not_Found:2007/02/04(日) 16:51:44 ID:???
ひどいこと言うなよ
かわいそうじゃないか

154 :Name_Not_Found:2007/02/04(日) 16:52:30 ID:???
壷と池・沼とどれだけの違いがあるというのかな

155 :Name_Not_Found:2007/02/04(日) 16:53:25 ID:???
最近ネットを始めた同僚が、匿名掲示板で自分の苗字を当てられてびびってた。
彼の名は「池沼」。

156 :Name_Not_Found:2007/02/04(日) 17:06:49 ID:???
確かに解説サイトを名乗ってるトコで、CSS filterとして説明してるアホサイトがある。
他の内容もいい加減だし糞。

157 :Name_Not_Found:2007/02/04(日) 17:09:05 ID:???
まぁ>>153のレスは自演なんだ

158 :Name_Not_Found:2007/02/04(日) 18:37:41 ID:???
どうでもいいけど>>142は"それなんて〜"の使い方間違えてるよな。

159 :Name_Not_Found:2007/02/04(日) 18:48:18 ID:???
間違えてはない、ローカルでちょっとずつ違う。

160 :Name_Not_Found:2007/02/04(日) 20:02:44 ID:???
このスレには "filter:"キーワードに過剰なアレルギー反応を
示す人が何人か居ますのでご注意下さい。

161 :Name_Not_Found:2007/02/04(日) 20:12:06 ID:???
<div id="container">
<h1 id="header><a>nurupo</a></h1>
<div id="sidebar"></div>
<div id="content"></div>
</div>

#container { margin:0; position:relative; }
#header { position:absolute; top:0; left:0; height:100px; width:100px; }
#header a { position:absolute; left:0; overflow:hidden; text-indent:-5000px; }
#sidebar { position:absolute; top:100px; left:0; width:100px; }
#content { margin: 0 0 0 120px; }

こんな感じなんだけど、#header aの部分が上手く機能してくれません。リンクとしてクリック出来ないようになってしまいます。
やりたいことは大体分かると思いますが、#header aにimageを埋め込んでタイトル画像+リンクとして表示したいわけです。
ちなみにFirefoxで確認したところ駄目でした。IE6ではどうもtext-indentが適用されていない感じです。
なにか上手い回避方法は無いか、ご教授お願いします。

162 :Name_Not_Found:2007/02/04(日) 20:16:25 ID:???
<h1 id="header><a>nurupo</a></h1>
    ↓
<h1 id="header"><a>nurupo</a></h1>

単に閉じ " 忘れてるからじゃね?

163 :Name_Not_Found:2007/02/04(日) 20:17:48 ID:???
>>162
ああ、すみません。実際のものではそういったミスは無いです。

164 :Name_Not_Found:2007/02/04(日) 20:43:58 ID:???
リンクって。。。<a href="hoge.htm">のhrefはあるんだよね?
#headerにイメージを埋め込むということは、#headerにbackgroundで画像の指定もしてあるのかな?

それで、#header aにもwidthとheightは指定したのかな?display: block;もつけてやってさ。
aにposition使わなくてもいいと思うんだけど。marginとpaddingを0にしてやれば、
h1に入れ子状態でおさまってるでしょ。

まあ、aがボックスになってないので、そのままリンク範囲が-5000pxのかたなにあるからじゃない?

165 :Name_Not_Found:2007/02/04(日) 20:47:27 ID:???
>>161
それだけじゃわかりようもない。
自分で設定したCSSをひとつずつ増やしていって
どこの次点でクリックできなくなるか検証してごらん。

166 :Name_Not_Found:2007/02/04(日) 20:58:24 ID:???
>>163
text-indent:-5000px;なんだから、imgも飛んじゃうよ。

167 :Name_Not_Found:2007/02/04(日) 21:10:50 ID:???
>filter
単に、W3C仕様に存在しないというだけで、特に問題は無い。

寧ろ問題があるとすれば、
WinIE5.5以降がこのプロパティを整理したのに、古い書式を使い続けたり、
そもそも、この程度の微々たる拡張を消化吸収できないといった、不勉強であろう。
(何かとんでもない勘違いをしているど素人がこのスレに常駐しているが、
 仕様とする何か(W3C勧告など)に何かを付加してベンダが特色を出す事は普通である。)

ただし、過去(初期のIE6以前)においては、決定的な問題があった。
ActiveXコントロールを無効、に設定していたら、黄色い三角の警告がブラウザ左下に出た。
製作者側が出来ることは、スクリプトの例外処理などで回避することに限定されるから、
この回避までを考慮する場合、とてもCSSスレに相応しい内容ではなかった。
しかし、この問題は既に過去の物とみなしても良いから、CSSスレの範囲で回答可能である。
見方を変えれば、回答可能なのに、他のプログラミング関連のスレに誘導するのは嫌がらせでしかない。

168 :Name_Not_Found:2007/02/04(日) 21:20:47 ID:???
>>167
使っても問題ないが、問題は
ス レ 違 い
だということだ。

169 :Name_Not_Found:2007/02/04(日) 22:23:06 ID:???
>>168
スレ違いじゃないと懇々と説明したのだが、さすがだな、うぇぶでざいなあ、地の底を這うほどの低脳だ。

170 :Name_Not_Found:2007/02/04(日) 22:39:31 ID:???
>>168
>W3C仕様に存在しないというだけで、特に問題は無い。
どうして問題無いと言い切る?
IEだけの馬鹿仕様なんて語らなくても問題無い、の間違いだろ。
IE7では反省して半透明.pngに対応したのだし。

171 :Name_Not_Found:2007/02/04(日) 22:40:55 ID:???
↑間違えた>>169へのレス。ごめんね>>168

172 :Name_Not_Found:2007/02/04(日) 22:41:44 ID:???
>>167>>169はCSSイケスレでファビョってた例のプログラマだろ、ほっとけよ。

173 :Name_Not_Found:2007/02/04(日) 22:49:00 ID:???
そうなの?じゃあ野次馬してくる。さんきゅー。

174 :Name_Not_Found:2007/02/05(月) 18:01:19 ID:???
ページ内の要素をCSSの周り込みで配置した場合、
フルブラウザ等のケータイでCSSが
適用されないようにする方法はあるのでしょうか?
ケータイも同じように周り込み適用されてしまうと
レイアウトが崩れるのでどうしたものかと悩んでいます。
どなたか良い方法があれば教えて頂きたいです。

175 :Name_Not_Found:2007/02/05(月) 18:14:20 ID:???
>>174
media属性値で設定。

176 :Name_Not_Found:2007/02/05(月) 19:08:59 ID:???
以下の記述で1番目のdd要素にアクセスする場合、class-nameやidをふらずに参照するにはどうすればよいでしょうか?

<dl>
<dt>W3C</dt>
<dd>技術標準化を勧める団体</dd>
<dd>MIT/LCS,INRIA, Keio-SFCによって共同運営</dd>
</dl>

177 :Name_Not_Found:2007/02/05(月) 19:18:32 ID:???
>>176
CSS3のセレクタをサポートしてるブラウザなら:first-of-type擬似クラス使って
dd:first-of-type { /*何かスタイル指定*/ }
ってすればいいけどサポートしてないブラウザに向けても必要なスタイル指定なら
諦めてidやclassを振るべき


178 :176:2007/02/05(月) 20:01:49 ID:???
>>177
first-of-typeってそういう役目なんですね…Firefox 3.0でも未実装ぽいのは悲しいですが。
なんらかのjavascriptライブラリで使えればいいですが、現実的には仰るとおりクラス名をふった方が楽ではありますね。
ありがとうございました。

179 :Name_Not_Found:2007/02/05(月) 20:10:02 ID:???
dt+ddでよくね?
これもIEはサポートしてな(ry

180 :Name_Not_Found:2007/02/05(月) 20:11:44 ID:???
first-child擬似クラスでもよくね?
これもIEはサポートしてな(ry

181 :Name_Not_Found:2007/02/05(月) 20:21:36 ID:2oPrOW+Y
frame要素の幅などをcssで指定するにはどうすればいいんでしょうか
試しに
frame,
frameset {
border: 1px solid #ff0000 !important;
}
などとやってみても効果がありません。
frame要素の属性はsrcとnameのみです

firefoxのユーザスタイルシートについてです

182 :Name_Not_Found:2007/02/05(月) 20:23:54 ID:???
>>181
frame構造をcssでどうにかしようとするのは間違い。

183 :Name_Not_Found:2007/02/05(月) 20:25:39 ID:???
>>181
基礎の前に概念から勉強してきてください・・・

184 :177:2007/02/05(月) 20:28:00 ID:???
>>179
あ、そうか。それでいいな…
dtとddの組が2つ以上ある場合:first-of-typeだと最初の組のddにしかマッチしないけど
dt+ddだと2つ目以降の組の最初のddでもマッチする
多分>>176はdt+ddの方が満足するんじゃないかな

>>178
>>176のHTMLの場合dlのfirst-childはdtだからdd:first-childってやってもマッチしないよ

185 :Name_Not_Found:2007/02/05(月) 20:29:41 ID:???
filterだのframeだの
それなんてCSSだぜ?

186 :176:2007/02/05(月) 20:39:40 ID:???
>>184
ですね。隣接セレクタならモダンブラウザがサポートしてますし。
IE6は判別後、ie7.js(でしたっけ?)で何とかしたいと思います。
179さん、ありがとうございました。

187 :Name_Not_Found:2007/02/05(月) 20:44:04 ID:???
>>186
>ie7.js
できればkwsk

188 :Name_Not_Found:2007/02/05(月) 23:05:31 ID:???
CSSデザインのすばらしい書籍を教えてくれよ

189 :Name_Not_Found:2007/02/05(月) 23:09:21 ID:f5x2CvCW
サルのやつとかかなぁ?

190 :Name_Not_Found:2007/02/05(月) 23:10:56 ID:???
サル?
わからないよう
Zen Gardenの本とかあったね

191 :176:2007/02/06(火) 00:34:48 ID:???
>>187
ご存じだと思いますがこれです。
http://dean.edwards.name/IE7/
いちいちUA判別して、標準準拠モードにするのがめんどい人はいいんじゃないでしょうか。

192 :107:2007/02/06(火) 00:36:32 ID:???
<div class ="content">
<div class =content>

こんな風にクラス名を""で囲む理由はなんでしょうか?
ie6では問題ないようなんですが、
ほかのブラウザでは認識されなかったりするんでしょうか?


193 :Name_Not_Found:2007/02/06(火) 00:48:45 ID:???
>>192
それはCSSじゃなくてHTMLレベルの問題。
数字だけならHTMLだとなくても問題ないが、
数字以外がある場合とXHTMLだとダブルクォーテーション必須。

194 :Name_Not_Found:2007/02/06(火) 00:51:27 ID:???
因みにクラス名だけじゃなくて属性値全般そうだからな。

195 :Name_Not_Found:2007/02/06(火) 00:51:46 ID:???
CSSを使っているとどうしても

<div>
 <div>
  <div >
   <h1></h1>
   <p>
   </p>
  </div>
 </div>
<div>

という風にDivが多段重ねになってしまうのですが、これは正しい使い方ですか?
それぞれのDivは別のClassまたはIDで使ってます。
あとh1はDivの中に入れていいのでしょうか?


196 :Name_Not_Found:2007/02/06(火) 00:53:43 ID:???
>あとh1はDivの中に入れていいのでしょうか?
いい。
>という風にDivが多段重ねになってしまうのですが、これは正しい使い方ですか?
原理主義的には「正しくない」。
仕様的には「正しい」。
結論から言うと「好ましくない」。
デザインのためにdivを使いまくるならテーブルレイアウトから何も変わってないということ。

197 :Name_Not_Found:2007/02/06(火) 01:14:13 ID:???
>>193
ありがとうございます

198 :Name_Not_Found:2007/02/06(火) 02:28:11 ID:???
質問ですが、

Aの名前   → Aの説明Aの説明Aの説明Aの説明
         Aの説明Aの説明Aの説明Aの説明
         Aの説明Aの説明Aの説明。
Bの長い名前 → Bの説明Bの説明Bの説明Bの説明
         Bの説明Bの説明Bの説明Bの説明
         Bの説明Bの説明Bの説明Bの説明

という様なA、B、長さの違う名前があって、
その右にそれぞれ頭揃えで「→」があり、
さらにその右にそれぞれの名前の説明をインデントで
頭を揃えて表示させたい時、
みなさんならどの様にCSSでレイアウトしますか?


199 :Name_Not_Found:2007/02/06(火) 02:37:32 ID:???
思いつきでfirstletter

200 :195:2007/02/06(火) 02:37:47 ID:???
>>196
ありがとうございます。
tableとbrタグからの脱却、中途半端になりそう・・・

201 :174:2007/02/06(火) 11:42:46 ID:???
>>175
遅レスですんません。
回答ありがとうございマス。
まだ良く分かって無いですが(ぉ
media属性値で調べて試してみます。

202 :Name_Not_Found:2007/02/06(火) 12:20:05 ID:???
>198

dtにwidth指定してfloat。ddはpaddingとtext-indent。

203 :Name_Not_Found:2007/02/06(火) 12:20:22 ID:???
>>198
dl-dt-ddで
dtをfloat、ddに左マージン、
dd::beforeでcontent:"→"か背景画像で→。

204 :Name_Not_Found:2007/02/06(火) 12:27:39 ID:???
>>195
複数のclass指定とかできるから、もっとシンプルに出来るんじゃない?

205 :Name_Not_Found:2007/02/06(火) 12:29:58 ID:???
CSSのためにclassを山ほど付けるのも結局テーブルから(ry

206 :Name_Not_Found:2007/02/06(火) 13:30:16 ID:???
>>191
知らなかった、どうもどうもありがとう
IEは見捨ててたけどちょっと希望がわいてきた

207 :Name_Not_Found:2007/02/06(火) 13:59:33 ID:???
>>195
間違いなくDIV病です

208 :Name_Not_Found:2007/02/06(火) 19:09:59 ID:???
DIV病ってのは、ふさわしい要素型を無視して何でもかんでもdiv(とspan)
でマーク付けする病気じゃないの?

209 :Name_Not_Found:2007/02/06(火) 19:12:36 ID:???
>>208
それはもうお亡くなりになる直前の病。
レベルはいろいろあるが、統一感なくデザインのためにdivdivするのもdiv病ではある。

210 :Name_Not_Found:2007/02/06(火) 19:34:36 ID:???
CSSテンプレ設定方法が分からないです・・

211 :Name_Not_Found:2007/02/06(火) 19:42:13 ID:???
人生諦めも肝心。

212 :Name_Not_Found:2007/02/06(火) 19:49:44 ID:???
>>210
ttp://hp.vector.co.jp/authors/VA022006/css/adding-style.html
がんがれ・・

213 :Name_Not_Found:2007/02/06(火) 19:56:56 ID:???
>>212
ありがとうございます(^^)

214 :Name_Not_Found:2007/02/06(火) 21:04:23 ID:???
>>212
日本語が微妙におかしくて読み難いで砂('A`)

215 :Name_Not_Found:2007/02/06(火) 21:41:55 ID:???
確かに日本語が痛いけど、一応内容はしっかりしてるからガンガレ。

216 :Name_Not_Found:2007/02/06(火) 21:45:49 ID:???
>>214
おかしくはない。難しいだけで。

217 :Name_Not_Found:2007/02/06(火) 23:11:10 ID:???
ゐない とか違和感バリバリなんですけど

218 :Name_Not_Found:2007/02/06(火) 23:15:02 ID:???

ゐない の検索結果 約 127,000 件中 1 - 10 件目 (0.12 秒)

219 :198:2007/02/06(火) 23:15:04 ID:???
>>198, >>203
ご回答ありがとうございました。
やっぱり、dl内でのfloatが妥当なんでしょうかね。

:beforeは使えたら便利そうなんですけど、
ブラウザの対応がちょっと悪くないですか?

大変参考になりました。
ありがとうございます。

220 :198:2007/02/06(火) 23:16:45 ID:???
あっ、まちがえた。
>>202, >>203 でした。

221 :Name_Not_Found:2007/02/06(火) 23:29:33 ID:???
>>219
absoluteを使うやりかたもある。

222 :Name_Not_Found:2007/02/06(火) 23:32:26 ID:???
>ブラウザの対応がちょっと悪くないですか?
モダンブラウザで対応してんいのはIEだけだから
数から言えば対応状況はいいはずなのにM$のバカ。

223 :195:2007/02/06(火) 23:47:26 ID:???
DIV病って言葉は知ってたから注意してるんですが、どうしても。
しかしモジラのトップページとか見てもDIVは三段までは使ってますね。
私は三段までを許容しようかと思いました。
今日はそんな感じです。

224 :Name_Not_Found:2007/02/06(火) 23:59:33 ID:???
>>223
段組みしようと思ったら、div三重入れ子になる事もあるさ。
君がサンプルとして出したのはhnとpにdiv3個だ。
いくら例えでもそれはおかしい。

225 :Name_Not_Found:2007/02/07(水) 00:57:04 ID:???
どこ見てんのよw

226 :Name_Not_Found:2007/02/07(水) 02:42:12 ID:???
ぶっちゃければ、HTMLなんてどうでもいい
HTMLなんて見る奴は極少数の人間だけ。
ただしそれなりに正しく書かないとデザインしにくいのは確かだがな

227 :Name_Not_Found:2007/02/07(水) 02:45:48 ID:???
SEOとか言うが、要は内容。
googleでメジャーキーワードトップに来てる奴のHTMLを見ればわかる。
音声ブラウザだのアクセビリティだの言う奴もいるが
そのまえに、そうゆう奴が来て楽しめるようなサイトを作るのが先決

228 :Name_Not_Found:2007/02/07(水) 02:46:52 ID:???
だいたいHTML・CSSに拘ってる奴のサイトは糞内容が多い
それでアクセビリティだの言ってると笑えてくる

229 :Name_Not_Found:2007/02/07(水) 05:02:13 ID:???
ttp://www2.tky.3web.ne.jp/~shio/gta/gtavc/missions2.html
このサイトの題名部分のように、文字の下に長い線をつけたいのですが、どうすればいいでしょうか?

230 :229:2007/02/07(水) 05:04:16 ID:JngDleJg
ID出すの忘れてた

231 :Name_Not_Found:2007/02/07(水) 05:36:50 ID:???
>>229
<hn>ほげほげ</hn>

hn {border-bottom:solid 1px #333;}

232 :Name_Not_Found:2007/02/07(水) 08:25:53 ID:???
GTAか。一応微グロって書いといたほうがよかったんじゃね?
見たくない人もいるだろうし

233 :Name_Not_Found:2007/02/07(水) 11:15:46 ID:uq741CI8
表を作っているが、テキスト通りしたつもりなのに1行増やすごとに表の上の余白が1行増える。
(表が1行のとき余白が1行、表が2行のとき余白が2行、表が3行のとき余白が3行という具合に・・・。)
どうすれば余白が増えないようにできますか。

234 :Name_Not_Found:2007/02/07(水) 11:30:12 ID:???
>>233
ソースは?

235 :Name_Not_Found:2007/02/07(水) 12:06:35 ID:???
>>229
ありがとうございます。

>>232
スミマセン、そこまで気がまわりませんでした。。。

236 :Name_Not_Found:2007/02/07(水) 12:14:25 ID:uq741CI8
>234
233です。ありがとうございます。ソースは次の通りです。

<html>
<head><title>下呂温泉ツアーのスケジュール</title>
<style type="text/css">
body { background-color: #bbffff; }
</style>
</head>
<body>
<table border align="center">
<tr><!--1行目、見出し-->
<th>日程</th>
  <th>スケジュール</th>
</tr>
<tr><!--2行目-->
<td>1日目</td>
  <td>新宿発→東名道→香嵐渓→下呂温泉</td>
</tr>
  <tr><!--3行目-->
<td>2日目</td>
  <td>【午前】下呂温泉→飛騨高山</td>
</tr>
<tr><!--4行目-->
  <td></td>
<td>【午後】飛騨高山美術館→白川郷→中央道→新宿着</td>
</tr>
</table>
</body>
</html>

237 :234:2007/02/07(水) 12:36:58 ID:???
>>236
tr td thの前の余計なスペースを消す

238 :234:2007/02/07(水) 12:39:34 ID:???
>>236
追伸:全角だからNG
半角もしくは、TABならOK

239 :Name_Not_Found:2007/02/07(水) 12:50:24 ID:???
ていうかどこがCSSの質問?

240 :Name_Not_Found:2007/02/07(水) 13:57:59 ID:???
>>239
まぁ気にスンナ

241 :Name_Not_Found:2007/02/07(水) 15:51:26 ID:???
>>236
そのマークアップはどうだか。

<dl>
<dt>1日目</dt>
<dd>新宿発→東名道→香嵐渓→下呂温泉</dd>
<dt>2日目</dt>
<dd>【午前】下呂温泉→飛騨高山 </dd>
<dd>【午後】飛騨高山美術館→白川郷→中央道→新宿着</dd>
</dl>

242 :Name_Not_Found:2007/02/07(水) 15:54:19 ID:???
ここは何スレだ。

243 :Name_Not_Found:2007/02/07(水) 15:59:55 ID:???
>>241
別にtableでも変では無いけどな

244 :Name_Not_Found:2007/02/07(水) 17:36:59 ID:???
あとは、矢印とかに実体参照使うとか?

245 :Name_Not_Found:2007/02/07(水) 18:15:01 ID:???
HTML・CSSに拘ってるサイトの8割は糞。
一方、HTML・CSSに拘ってないサイトは9割が糞。

246 :Name_Not_Found:2007/02/07(水) 18:20:45 ID:???
245が一番の糞

247 :Name_Not_Found:2007/02/07(水) 18:34:59 ID:???
ちと配置について知恵をお借りしたいです。

メインコンテンツの幅はウィンドウサイズに合わせて可変。
サイドメニューは170px固定。
で、周り込みやサイズ指定のcssファイルを別に用意して
サイドメニューの右側or左側を切り替えたい。

ソースの並びは
・ヘッダー
・メイン[divで括った複数の項目を含む]
・サイドメニュー[divやらリストやらで括った複数の項目を含む]
・フッター

けどメインをウィンドウサイズにあわせて可変にしようとすると
どうしてもうまくいかないのです。
メインに
width/auto
float/right
margin-left/190px
でやってみたら
何故かサイドの中の項目が途中で千切れた…。
サイドの残りはメインの内容が終わってから表示されてる。

どなたか助けて下さい。長文スマソです。

248 :Name_Not_Found:2007/02/07(水) 18:42:01 ID:???
>>247
これけ?
ttp://www.fsiki.com/archive/css-doc/float.html

249 :Name_Not_Found:2007/02/07(水) 19:32:32 ID:???
>>247
ttp://www.geocities.jp/multi_column/practice/2column1.html#fixed-liquid
ここら辺参考

250 :247:2007/02/07(水) 20:33:24 ID:???
>>248
>>249
トンクス、それっぽいですな。
なぜかサンプルは正しく見えるのに俺のソースは上手くイカンが…。
なんか余計なソースが悪さしてるのか。
とりあえずがんがってみます。即レス感謝。

251 :Name_Not_Found:2007/02/07(水) 22:08:49 ID:???
>>236のソースはガチに見えますが・・・

252 :233=236:2007/02/07(水) 22:48:09 ID:uq741CI8
>234=237=238
ありがとうございました。解決できました。


253 :Name_Not_Found:2007/02/07(水) 23:39:04 ID:Qq/fnbay
<ul>
<li>ああああ</li>
<li>ああああ</li>
<li>ああああ</li>
<li>ああああ</li>
</ul>

ul{
width:200px;
}
ul li{
height:20px;
padding-left:10px;
display:block;
float:left;
}

と、した場合Firefoxだと↓の様になるのですが

ああああ ああああ
ああああ ああああ

IEで表示させてみると↓の様になってしまいます。

ああああ ああああ あ
             あ
             あ
             あ
ああああ

liにwidthを指定せずにIEでもFirefoxと同様に表示させる事は出来ないのでしょうか?

254 :Name_Not_Found:2007/02/07(水) 23:41:31 ID:???
それFxだって文字のサイズ変えれば・・・・。

255 :Name_Not_Found:2007/02/08(木) 01:54:33 ID:???
HTML・CSSに拘る人々はHTMLの知識を先に身に付けてしまう為、
デザイン能力が大幅に欠けている場合が多いのは確か
それに加え無駄にアクセビリティを優先する為に子供の絵本のようなサイトを作る。

職場でデザイン力のない奴はゴミ同然



256 :Name_Not_Found:2007/02/08(木) 02:07:41 ID:???
紙媒体でデザイン能力とやらを身に付けた人間が
Webデザインでどれだけ意識が違っててバカにされてるか知らないというのは
幸せなことだと釣られてみるテスト。

257 :Name_Not_Found:2007/02/08(木) 02:12:18 ID:???
>>255はstricterを煽ってるのではないだろうか?
スレ違いなのに。

258 :Name_Not_Found:2007/02/08(木) 02:21:00 ID:???
使いやすいサイトなら子供の絵本っぽくてもよいよ。

259 :Name_Not_Found:2007/02/08(木) 02:35:19 ID:???
ある意味ひとつの完成系でもあるよな>子供の絵本

260 :Name_Not_Found:2007/02/08(木) 03:38:45 ID:???
簡単に言えば知識は後からでもどうにでもなるが
デザインする力はそうはいかないってことだな

261 :Name_Not_Found:2007/02/08(木) 03:42:52 ID:???
ブログのテンプレート作ってるんだけど
HTML・アクセビリティに拘ると一般うけしないよな・・・orz

262 :Name_Not_Found:2007/02/08(木) 03:47:21 ID:???
>>261
http://mb.blog7.fc2.com/

こことかそこそこアクセビリティに気使ってるけど、カッコよいと思うよ。
頑張れば両立できると思う。

263 :Name_Not_Found:2007/02/08(木) 03:51:04 ID:???
別に、デザインとか、CSSなんて、どうでも良いよ。有益な情報を公開しさえすれば、後は自分でユーザーCSSかまして見るから。
あぁ、HTMLもどうでも良いや、有益な情報さえ公開してくれれば、自分でHTML書いて、ローカルで使うから。

いっそ、txt文で良いぞ。

264 :Name_Not_Found:2007/02/08(木) 03:57:13 ID:???
宣伝のための壮大な前ふりとは思わんかった

265 :Name_Not_Found:2007/02/08(木) 04:02:44 ID:???
>>261
はぁ?典型的な子供の絵本デザイン

266 :Name_Not_Found:2007/02/08(木) 04:03:32 ID:???
アンカミス >>262

267 :Name_Not_Found:2007/02/08(木) 05:06:21 ID:???
質問スレで何やってんだ。
お前らまとめてどっかいけ。

268 :Name_Not_Found:2007/02/08(木) 09:39:49 ID:???
まあ、HTMLマニア系サイトは役に立たないという事は無いと思うよ。

269 :Name_Not_Found:2007/02/08(木) 10:03:10 ID:???
>>255とか>>260はデザイン=設計がわかってないのかな。
設計には知識が不可欠なのに。

270 :Name_Not_Found:2007/02/08(木) 13:20:51 ID:???
イコールではないにせよ
切り離せない関係ではあると思う。
感性はともかくWebデザインも知識ですよ、と。

271 :Name_Not_Found:2007/02/08(木) 14:47:28 ID:???
設計=構造
デザイン=センス

272 :Name_Not_Found:2007/02/08(木) 14:59:48 ID:cvDj5Y0p
<body id="test">
<div class="test2">
<p class="test3">ほげほげ</p>
</div>
</body>
という形のときに、#test > .test3 と書いたんだが使えなかった。

#test > .test3 や body > .test3 という指定は出来ないの?
.test2 > .test3 なら使えたんだが。ブラウザにもよるのかな、IE7で確認してます。
IE6対策で子供セレクタを使い始めたのだが、よくわからない…
検索しても「これ使えばIE6ハックできるよー」としか書いてないページばかりで。


273 :Name_Not_Found:2007/02/08(木) 15:12:51 ID:???
HTML知識はあるがクールデザインがまったく思いつかない俺様が来ましたよっと

274 :Name_Not_Found:2007/02/08(木) 15:23:50 ID:???
>>272
よく分からないなら止めとけ


275 :Name_Not_Found:2007/02/08(木) 15:58:43 ID:???
>>269
デザイン事務所大手になるとデザインと設計は分業なんだぜ
要するに初めにラフデザインを考え、それをHTMLで再現する
HTML再現工程をデザインするとは言わない

HTMLを書きながらデザインして行くという素人的な方法をする人ならば
それをデザインするというかも知れない

276 :Name_Not_Found:2007/02/08(木) 16:02:49 ID:???
>>275
design 辞書で引けよ…。

277 :Name_Not_Found:2007/02/08(木) 16:27:13 ID:???
>>275
本気でそんな事言ってんのか?
服飾でいえば、大手はデザイナーとパタンナーが完全分業化してる。
小規模ならデザイナー兼パタンナーなんて普通。縫製まで1人でやってる洋品店だってある。
さて、どこのデザインが一番優れているでしょう?

278 :Name_Not_Found:2007/02/08(木) 16:44:46 ID:???
>>277
プロフェッショナルなデザイナーと
プロフェッショナルなバタンナーがいる方

279 :Name_Not_Found:2007/02/08(木) 16:54:56 ID:???
1.デザインに秀でているがHTMLが適当なWebデザイナー
2.デザインもそこそこ、HTMLそこそこのWebデザイナー
3.HTMLは完璧だがデザイン性に欠けるWebデザイナー
一般的に需要があるのはどれでしょう?

答え
1>2>>>>>>3

悲しいけどこれが現実。

280 :Name_Not_Found:2007/02/08(木) 17:00:23 ID:???
つか、普通、デザイナーって、HTML、CSSまで作るよなぁ…。
で、そこにアプリケーションを組み込む(サーバサイドプログラム)のが、プログラマで…。

281 :Name_Not_Found:2007/02/08(木) 17:07:44 ID:???
>>279
そんなのミスリードじゃんw

282 :Name_Not_Found:2007/02/08(木) 17:16:23 ID:???
>>253

<ul>
<li>ああああ</li>
<li>ああああ</li>
<li>ああああ</li>
<li>ああああ</li>
</ul>


ul {
width:190px;
}

ul li {
height:20px;
padding-left:10px;
display:block;
float:left;
white-space: nowrap;
}

これでは駄目か?

283 :Name_Not_Found:2007/02/08(木) 17:51:37 ID:???
>>272
IE7はもうそのセレクタに対応してるはずだが・・・
とりあえずFxで確認してみ、それでおKなのにIEでは駄目だったら
またバグってると思われ。

284 :Name_Not_Found:2007/02/08(木) 18:16:19 ID:???
>>272
それはpがbodyの子供要素じゃなくて孫要素だから子供セレクタにマッチしないってオチかもしれん。

285 :Name_Not_Found:2007/02/08(木) 18:27:11 ID:???
今日からwebデザイナーになろうと思います。
でも難しいことや面倒な事は嫌いです。
どうしたら上手になりますか?
どんなことでもいいので教えてください!

google検索で、yahooという検索ワードで1番上に表示するようなサイトを作りたいです!

286 :Name_Not_Found:2007/02/08(木) 18:35:37 ID:???
逝ってよし

287 :Name_Not_Found:2007/02/08(木) 18:47:49 ID:???
>>286
また古い時代のレスだなw

288 :Name_Not_Found:2007/02/08(木) 19:22:11 ID:???
とりあえず、何か1冊だったら、
Webディレクション標準ガイド が割と良いかも。

289 :Name_Not_Found:2007/02/08(木) 19:24:13 ID:???
>>272
子供じゃないじゃん

290 :Name_Not_Found:2007/02/08(木) 23:28:16 ID:???
中央に横650pxで内容を置いてプラウザを小さくしても動くのは余白だけと言うようなCSSを
外部において一括指定出来るような代物を作りたく思い、数ある講習サイトを巡りながら四苦八苦してたのですがどうしても中央に寄せる方法が見つからず
検索をかけたらここのまとめサイトが見つかり大変助かりました。
その際、まとめサイトと其のリンク先を眺めていたのですが、ひとつのリンク先にTABLE要素の弊害と銘打って、レイアウトとしてボックス等を使うのは良くないとあったのですが
其のページの更新履歴が2003年1月となっており、現状でも出来るだけ使わない方がいいのか、或いは推奨されないならどのような代替要素があるのか教えていただけないでしょうか?

因みに使っているのは
body { margin-left: auto ; margin-right : auto ; width: ???px }
です


291 :Name_Not_Found:2007/02/08(木) 23:28:15 ID:???
body {
color : #ffffff;
background-color : #000000;
font-family : 'MS PGothic',sans-serif;
text-align : center;
margin : 0;
padding : 20px;
}
.body {
font-size : 15px;
text-align : left;
width : 700px;
margin : auto;
padding : 0;
border-width : 1px;
border-style : solid;
border-color : #666666;
}
.text {
font-size : 15px;
line-height : 30px;
letter-spacing : 2px;
margin : 30px;
padding : 0;
}

上記のCSSを適用し、.bodyの中に.textを配置した場合、<br>を2つ挿入しないと空行ができないのですが、
これは何が原因なんでしょうか?

292 :Name_Not_Found:2007/02/08(木) 23:34:41 ID:???
>>291
あああああああああ<br>
<br>
あああああああああ

改行で空行作るんなら普通に二つじゃね?
CSS関係なく

293 :Name_Not_Found:2007/02/08(木) 23:37:42 ID:???
わからないので教えを乞いたいのですがっ

portfolioの背景がIEで表示がずれます。
absoluteを使っているので、左側リンクが悪さをしてバグを起こしているのはわかるのですが、そこから進みません
他にフッターの高さが異なるのも調べましたがわからないままです

理想はfirefoxで見たものなのですが、同じくIEで見せるための改善方法を教えてはいただけないでしょうか

http://sund1.sakura.ne.jp/uploader/source/up1997.rar
portfolio.htmlです

294 :Name_Not_Found:2007/02/08(木) 23:37:53 ID:???
>>292
説明不足ですみません。

あああああああああ<br>
<br><br> ←こういうことです。
あああああああああ

295 :Name_Not_Found:2007/02/08(木) 23:51:09 ID:???
>>290
ここはCSSスレだから、テーブルレイアウトは卒業しなさいと言いたい。
もちろんそれぞれ長所短所がある。
しかし個人サイトで骨董品ブラウザの事まで考える必要はないし、
tableってのはあくまで表を作る為の要素。

296 :Name_Not_Found:2007/02/08(木) 23:58:21 ID:???
>>294
brなんか使ってるからおかしな事になる。
何の為にmargin入れてるんだか。

297 :Name_Not_Found:2007/02/09(金) 00:03:32 ID:Wr6wPZ0Y
情報だけほしいのならば、テキストですよ。
http://www.ietf.org/rfc/rfc2396.txt

298 :Name_Not_Found:2007/02/09(金) 00:08:53 ID:???
2年以上前に上書きされた文書なんて持ち出してくるなよ。
ってかテキストだと見出しに飛べねーじゃないか。
http://tools.ietf.org/html/rfc3986

299 :Name_Not_Found:2007/02/09(金) 00:38:36 ID:???
>>295
わかりました。ありがとう御座います
取り合えずテンプレにまだ読んだことの無い資料も随分あったので全部読み直してから出直してきます。

300 :297:2007/02/09(金) 00:51:41 ID:???
>>298 参考に、お暇でしたら、[rfc3986]は、W3Cのどの仕様書のRefereceか教えてください。
一応、xhtml2.0のRefereceをあたってみたものの、[RFC3987]しか見当たりませんでした。
あっ、CSSと関係なくてすみません。

301 :Name_Not_Found:2007/02/09(金) 01:02:49 ID:???
>>300
rfc3986でググったら一発で出てきた件・・・
http://www.ietf.org/rfc/rfc3986.txt

302 :Name_Not_Found:2007/02/09(金) 01:12:48 ID:???
たとえばCSS2.1はRFC 3986を参照している。
http://www.w3.org/TR/CSS21/refs.html#ref-RFC3986
ついでに言うとすべてのURIはIRIとして扱うことができ、
すべてのIRIはURIに変換可能だ。

303 :297:2007/02/09(金) 01:25:49 ID:???
Working Draftの話だったんだですね。ありがとうございます。
>>298 >>301 With vest Regards.

304 :Name_Not_Found:2007/02/09(金) 01:43:10 ID:???
>>303
別に草案に限らずともXML 1.0勧告(第4版)だってRFC 3986を参照してるぞ。
http://www.w3.org/TR/2006/REC-xml-20060816/#rfc3986
それからRFC 3986はRFC 1738を更新、RFC 1808、2396、2732を廃止してるんだから、
たとえ直接RFC 3986を参照していなくとも、これらのRFCを参照していれば
間接的にRFC 3986を参照してることになるだろが。

305 :Name_Not_Found:2007/02/09(金) 02:34:10 ID:xvZBTMR8
スタイルシートで背景をGrayにするとカーソルが文字と重なると
「|」みたいにならずに文字の後にカーソルがうつるんだがどうすればいい?

306 :Name_Not_Found:2007/02/09(金) 16:37:56 ID:???
>>305
本当のgray(#808080)じゃなく少し変えたり、若しくはcursor: default;。
しかし環境次第かと。

307 :Name_Not_Found:2007/02/09(金) 20:39:20 ID:???
<div class="A">文文文文<div>
<div class="B">文文文文<div>
としたときにAの高さを固定してしまうと
firefoxで文字を大きくした時にAの文がBの文にかかってしまいます。
背景画像を見せたいのでAに高さを持たせたいのですが
(高さがないと逆に文字を小さくしたときに画像が隠れてしまうので)
IEと同じような挙動(Aの文字に合わせてBが下がっていく)
になってほしいのですがどうしたらよいのでしょうか?

308 :Name_Not_Found:2007/02/09(金) 20:48:25 ID:???
>>307
文なんだったらdivじゃなくてpでやりなさい・・・。
min-height。

309 :307:2007/02/09(金) 21:10:22 ID:???
>>308
あ、いえ一応<div class="A"><h1>〜</h1><p>〜</p><div>とかには…。
じゃなくて、ありがとうございました!バッチリ解決です。
本当にありがとうございました!

310 :305:2007/02/10(土) 07:50:44 ID:???
>>306
やっぱり背景の色を変えてみて駄目ならカーソルいじるしかないようですね
ありがとう、頑張ってみます

311 :Name_Not_Found:2007/02/10(土) 16:20:33 ID:???
リストマーカーに画像を使っています。

<div class="list">
<ul>
<li><a href="http://〜">AAA</a></li>
<li><a href="http://〜">BBB</a></li>
<li><a href="http://〜">CCC</a></li>
</ul>

.list li {
margin: 0;
padding: 0;
list-style-image:url(http://〜.gif);
}

これで問題なく表示されたのですが、CCCだけ違う画像を使いたいです。
classで指定するのはわかるのですが、スタイルシートの書き方がわかりません。
CCCのliにabcというクラスを指定して、

.abc li {
margin: 0;
padding: 0;
list-style-image:url(http:/〜.gif);
}

これだと表示されないようです。どこかおかしいでしょうか。

312 :Name_Not_Found:2007/02/10(土) 16:26:15 ID:???
>>311
根本的にセレクタの書き方をわかってない。
ttp://hp.vector.co.jp/authors/VA022006/css/selector.html#class-selectors

313 :Name_Not_Found:2007/02/10(土) 17:43:40 ID:???
うわ読みにく

314 :Name_Not_Found:2007/02/10(土) 17:59:32 ID:???
>>313
>>215

315 :Name_Not_Found:2007/02/10(土) 18:05:55 ID:???
最近のゆとり教育では正かな遣いも学ばないのか?

316 :Name_Not_Found:2007/02/10(土) 18:06:53 ID:???
無駄な顕示欲だな。

317 :Name_Not_Found:2007/02/10(土) 20:17:37 ID:???
最近CSSを意識してきたんだけど、
firefoxの事を考えると、CSSで段組するよりも、table使った方がいいのかしら?

世の中のブログはfirefoxで正しくみれる確率ってどれくらい?
IEが85%以上のことを考えると、firefoxの事は考えずにcss段組したほうがいい?

macのブラウザでは基本的にIEに近い?(見え方)

318 :Name_Not_Found:2007/02/10(土) 20:20:33 ID:???
>>319
1. ×
2. ×
3. ×

319 :Name_Not_Found:2007/02/10(土) 20:21:36 ID:???
>>319 × >>317
もう寝る。。

320 :Name_Not_Found:2007/02/10(土) 21:15:42 ID:???
>>317
FirefoxのほうがずっとCSS解釈は正しい。
むしろIEにも見せられるように作るととても大変。
基本Fxで作るとMac、Opera、Safariその他にも対応できる。
IEはハックで。

321 :Name_Not_Found:2007/02/10(土) 21:55:11 ID:???
>>317
それはFirefoxでなくIEに対して言うべき
CSS解釈はIEが一番ダメ

322 :Name_Not_Found:2007/02/10(土) 23:29:51 ID:???
>>311

<div class="list">
<ul>
<li><a href="http://〜">AAA</a></li>
<li><a href="http://〜">BBB</a></li>
<li class="abc"><a href="http://〜">CCC</a></li>
</ul>

.list li.abc {
margin: 0;
padding: 0;
list-style-image:url(http://〜.gif);
}

で出るかな?


323 :Name_Not_Found:2007/02/10(土) 23:36:44 ID:???
リストの一番下って事ならulの背景画像にしてはどうか

324 :Name_Not_Found:2007/02/11(日) 01:32:34 ID:???
俺のサイト(弱小)のアクセス解析では
IE6が近日中に70%を切りそうな物凄い勢いで減少してる

325 :Name_Not_Found:2007/02/11(日) 01:37:26 ID:???
何が増えてるの?

326 :Name_Not_Found:2007/02/11(日) 01:47:41 ID:???
そりゃもちろんIE7だろ。

327 :Name_Not_Found:2007/02/11(日) 02:36:38 ID:???
ウチではIE6が50%を割って、携帯が30%超した。

328 :Name_Not_Found:2007/02/11(日) 03:42:52 ID:???
text-indentを-9999pxにしてタイトルを飛ばしたりするのは問題ないの?

329 :Name_Not_Found:2007/02/11(日) 04:09:16 ID:???
うちのサイトだと訪問者のブラウザの割合(%)はこんなもんだった。
ただし英語サイト。

2006年5月 IE 60.7 FF 28.0 Op 6.5 Safari 3.0 他 1.8
2006年9月 IE 58.9 FF 30.8 Op 5.3 Safari 3.1 他 1.0
2007年1月 IE 56.0 FF 33.7 Op 3.6 Safari 4.1 他 2.6

全体的には、IEとOperaが減って Firefoxが徐々に増えて
いる感じ。IEの中で見れば、当然IE6が減ってIE7が増えて
いる。

てか、Netscapeって絶滅危惧種だったのね、知らなかった。


330 :Name_Not_Found:2007/02/11(日) 04:31:54 ID:???
>>328
一部で問題視されているけど、実際に問題があるかどうかはわからん。
SEO的に微妙ってうわさも。

331 :Name_Not_Found:2007/02/11(日) 04:53:14 ID:???
まあ画像オフのCSSオンだと問題出る罠。

332 :Name_Not_Found:2007/02/11(日) 05:00:37 ID:???
問題のあるない以前にキモい

333 :Name_Not_Found:2007/02/11(日) 06:03:51 ID:???
は?

334 :Name_Not_Found:2007/02/11(日) 13:26:42 ID:???
日本語でおk

335 :Name_Not_Found:2007/02/11(日) 13:41:28 ID:???
は?

336 :Name_Not_Found:2007/02/11(日) 16:26:00 ID:???
明朝で見せたい、という場合、
font-family: "MS P明朝",serif
としてしまうと、より美しいフォントを入れてそれを使っている人に対しても、MS P明朝を使うことを強要してしまうんですよね?
ということは、見る人の環境でより美しい明朝で見てもらいたいという場合は、そのフォント名がわからないので
font-family: serif
とするほうがいいんですかね?


337 :Name_Not_Found:2007/02/11(日) 16:48:13 ID:???
>>336
というか、指定しなければいいんじゃね?

338 :Name_Not_Found:2007/02/11(日) 17:15:24 ID:???
>>336
明朝体で見てください。とお願いを書いておく。w

と言う話は置いといて、serif で良いんじゃない。

339 :Name_Not_Found:2007/02/11(日) 17:26:52 ID:???
OSXで明朝見てうはー綺麗じゃんと思って
XPで見ると orz

340 :Name_Not_Found:2007/02/11(日) 17:27:26 ID:???
bodyの背景画像で、
画像1をヘッダ
画像2をメインでrepeat
画像3を固定でウインドウ下固定

を、CSSでできる?
body の background は 1つだけの画像しかさわれない?

○○○○○○○
■□□□□□■
■□□□□□■
△△△△△△△

みたいな上下数十ピクセルぐらいのヘッダ、フッタ画像がbodyのスタイルシートではれればいいんだけど。
frame使えって言わないでw

341 :Name_Not_Found:2007/02/11(日) 17:35:25 ID:???
>>340
1つの要素に1つしか指定出来ないよ。
divで適当にわけりゃいいじゃん。

342 :340:2007/02/11(日) 17:41:08 ID:???
>>341

れすありがとうございます。
d, divですか・・・、ちょっと電子の海を調べてきます。

htmlメインだった世代なもので、
divといえば、<div align="center">ぐらいしか使った事ないです。

343 :Name_Not_Found:2007/02/11(日) 17:46:12 ID:???
これはひどい

344 :Name_Not_Found:2007/02/11(日) 17:46:55 ID:???
>>342
>>3-4に解説サイトあるよ。

345 :336:2007/02/11(日) 18:15:20 ID:???
>>336です。続きです。



一方、大多数の人は特にフォントも追加されていないWindowsの、特に設定も変更してい
ないIEでみるわけです。
font-family: serif
と総称名だけとしたとき、欧字は serifになるのですが日本語文字はゴシックになってしまいます。
これはIEのバグですか?

euc-jp で保存して表示させると欧字は serif で、日本語文字も期待どおり明朝になります。
Firefoxだとeucでもutfでも期待どおりになります。


346 :Name_Not_Found:2007/02/11(日) 18:31:10 ID:???
>>345
IEに限らず、ブラウザの設定でserifは○○とか指定してるだろ。
総称ファミリのみ指定の時は、それが表示されるはずだが。

347 :336:2007/02/11(日) 18:41:06 ID:???
>>346
ええ、ふつうそう思いますよね。eucならそうなります。
でもutfにすると日本語だけゴシックになるんです。

CMS使ってて、utf以外にするのは別のところで問題が出てくるので非常に難しいんです。

348 :Name_Not_Found:2007/02/11(日) 18:49:51 ID:???
>>347
じゃあバグなんでしょ。バグ報告でもしたらいい。
別に明朝だろうがゴシックだろうが、見る側はどうでもいい。
どうしても明朝でなければ表現出来ないというなら、
汚いwindowsのフォントなんかに頼らず、画像にすればいい。

349 :Name_Not_Found:2007/02/11(日) 19:01:16 ID:???
>>345
それはIEのバグなんだか仕様なんだかwww
とにかくなるよ、Shift-JISでも。EUCだとできるってのは初めて聞いたが。
諦めれ。

350 :336:2007/02/11(日) 19:06:20 ID:???
>>347
>じゃあバグなんでしょ。バグ報告でもしたらいい。
はあ。
私は普段IEどころかWindowsも使っていないもので、まったく詳しくなくて検索の要領もよくないのか、情報を見つけることができなかったんです。 >>345で書いたのは既知のバグではないのですか?


351 :Name_Not_Found:2007/02/11(日) 19:12:49 ID:???
>>347
そういうものだから無理だろうな。
lang属性付きの<span>などを丁寧に配置して、レスポンスする前に、class="ascii" みたいな、IE6以前のCSS実装にも判ってもらえる何かを加えるしかないだろうな。
1日1万リクエスト程度の動的なページで、IEを名乗るUAに対して、これをやった事があるが、何の問題もなくサクサク表示されたから、まあ、大丈夫だろ。

352 :Name_Not_Found:2007/02/11(日) 19:20:37 ID:???
>>351
おまえ1日1万リクエスト程度って言いたかっただけだろ

353 :Name_Not_Found:2007/02/11(日) 19:25:17 ID:???
結局質問者はバグor仕様かって確認したかっただけ?
ふざけたヤツだぜ。

354 :336:2007/02/11(日) 19:28:41 ID:???
>>353
ふざけていませんが。
回避する方法があれば知りたいと思っています。
でも「諦めれ」という声もあり…

355 :Name_Not_Found:2007/02/11(日) 19:31:07 ID:???
いままでのレスが気に入らないと?

356 :336:2007/02/11(日) 19:37:29 ID:???
>>355
いえ、レスはありがたく思っています。現実を知ることができました。
353を除く皆さんありがとうございました。


357 :Name_Not_Found:2007/02/11(日) 19:46:27 ID:???
立つ鳥後を濁さず。昔の人はいい事言うよ。

358 :Name_Not_Found:2007/02/11(日) 20:41:08 ID:???
http://fov120.net/
このサイトのように上に画像を表示して、その横サイズ分、下に線を引くにはどうすればいいのでしょうか?

359 :Name_Not_Found:2007/02/11(日) 20:58:57 ID:???
>>358
ソース見れ。

360 :Name_Not_Found:2007/02/11(日) 20:59:55 ID:pcFE2vfR
>>358 見えないよ

しっかし、みんな意地悪レスしてんな。
だからCSSが難しいとか言われちゃうんだよ。
確かに勉強してないと難しいかもしれないが、
それよりも、教える側がもったいぶっているからダメなんだと思う。

後継者育てたいのか、自分よりも良いものを作る人間が嫌いなのか。
いい加減、正しいレスしなよ。

361 :Name_Not_Found:2007/02/11(日) 21:04:52 ID:???
>>360
ソースが見えないとレスした時点でもうネタ以外のなんでもないことを(ry

このスレはそういうネタとウォッチャーによって正しい運営を為されております

362 :Name_Not_Found:2007/02/11(日) 21:07:59 ID:???
馬鹿だな。cssなんて簡単。このスレの存在意義だって疑わしい。
まあテクニックとか小技とかそういうモンが必要になる事はあるだろうがな。
例えば358の質問の場合、お手本があるわけだ。ソース見るなんて勉強の基本。
わざわざ人に見てもらって解説が必要なようじゃ、基礎的知識が足らんという事だ。
基礎的知識補完についてはテンプレが用意されてる。

363 :Name_Not_Found:2007/02/11(日) 21:18:23 ID:???
>>360
(´,_ゝ`)プッ

364 :Name_Not_Found:2007/02/11(日) 21:21:14 ID:???
>>362 だろ。
自分もそう思う。簡単か・・といったら、テーブルに慣れてきた奴にとっては難しいらしい。
ただ、基本ってのがあるもんだ。Firefoxでソースを見る、ググる。いろいろ打開策はある訳だ。

ただ、このスレそのものはみんな意地悪だと思う。
自分が後輩に教える時、そんな言い方はしないぜ。
ここ見てみな、なんか勉強になるから。とか、このサイトのソース見て勉強しろとか、いろいろある訳だ。

365 :Name_Not_Found:2007/02/11(日) 21:27:16 ID:???
>>364
そんな事を毎回一々ネットで説いて回っているお前の方が余程荒らしに近い。

366 :Name_Not_Found:2007/02/11(日) 21:31:11 ID:???
>>364
お前ググレカスとかよく言われない?

367 :Name_Not_Found:2007/02/11(日) 21:34:41 ID:???
>>363>>365>>366
俺、死ぬわ。
お前ら、頑張ってね。

368 :Name_Not_Found:2007/02/11(日) 21:39:32 ID:???
うぜえ

369 :Name_Not_Found:2007/02/11(日) 21:41:36 ID:???
>>367
一々ウザイレスしてんじゃないよ。いいからあと30年ROMれ。

370 :Name_Not_Found:2007/02/11(日) 21:50:43 ID:???
そんな事言ってるけど、このスレ優しくなったぜ。
4,5年前オレはこのスレで質問した。テーブルレイアウトからcssに移行しようと足掻いてた時だ。
返って来た答えは、基礎を勉強しろと本を買え、だけだ。
当時はテンプレも他サイトもあんまり充実してなかったんだろうけど、
でもネット上の質問に対して、本買えは無いだろと思ったもんだ。
しかしハッキリ基礎不足を指摘された事に感謝している。

371 :358:2007/02/11(日) 22:04:44 ID:B9D1Szwk
最初にIDを出していなかった私が悪いのですが、>>360は私ではありません。
ソースも一応見たのですが、勉強不足なせいか、どこがそうなっているのか分かりませんでした。

それから、私が原因で荒れてしまったみたいなんで、今回はとりあえず去ります。
ご迷惑をおかけして申し訳ありませんでした。

372 :Name_Not_Found:2007/02/11(日) 22:05:55 ID:???
大体>>1に基礎は解説サイトとかで勉強しろって書いてあんでしょうが。
自分はテンプレもろくに読まないくせに、回答者を意地悪だのもったいぶっているだの。
挙句に「正しいレスをしなよ」だとさ。

373 :Name_Not_Found:2007/02/11(日) 22:12:55 ID:???
>>371
そんなのみんな知ってるし、残念ながらあんたが原因じゃないから。

374 :360です:2007/02/11(日) 22:39:16 ID:???
みんな、汚い書き込みしてごめんね。
でも、いい教訓になったろう。
たった一言で、どれだけ、人を傷つけるかっていう。
Web制作担当だったら、そういうの感じないとね。顔知らないから何でも言っていいじゃないだろ。
創造する仕事だってこと、気づかないと。
たぶんこの後叩かれるんだろうけど。


375 :Name_Not_Found:2007/02/11(日) 22:42:23 ID:???
>>374
お 前 は 何 を 言 っ て い る ん だ

376 :Name_Not_Found:2007/02/11(日) 22:46:49 ID:???
矛盾だらけの話をしつつ、あくまで自分は正義と主張するレスですかw しゅごいでしゅね〜☆


377 :Name_Not_Found:2007/02/11(日) 22:48:08 ID:???
教訓にするようなことがどっかにあったか?

378 :Name_Not_Found:2007/02/11(日) 22:52:16 ID:???
別に。

379 :Name_Not_Found:2007/02/11(日) 22:56:38 ID:???
お前らホント性格悪いな。

>>371
http://css.uka-p.com/index_3column.shtml
これが参考になるんじゃない?

380 :Name_Not_Found:2007/02/11(日) 23:05:39 ID:???
>>379
そんなレベルの質問じゃないと思うんだけど

381 :Name_Not_Found:2007/02/11(日) 23:21:13 ID:???
>>379
君も相当な性格だよ。余計な事言わなきゃいいのに。
classやidの見方がわからないようでは、明らかに勉強不足。
出直して来るのが、本人の為だよ。
そんな回答してるって事は君も同じレベルなんじゃないか?
基礎を勉強しないと損するのは本人。いじわるではなく、本当にそうだから言ってるんだよ。

382 :Name_Not_Found:2007/02/11(日) 23:30:27 ID:B9D1Szwk
>>379
ありがとうございます!
パラパラッと見た感じでは私にも理解できそうな内容だったので、是非参考にさせていただきます。

>>381
一応一通りは勉強したので、classやidは分かります。
が、確かに勉強不足です。
ご指摘ありがとうございます。

383 :Name_Not_Found:2007/02/11(日) 23:36:57 ID:???
>classやidは分かります
だったらソース見てわかるだろうに。。

384 :Name_Not_Found:2007/02/12(月) 04:29:17 ID:???
ここの住人は優しい
なぜなら、CSSを知らない奴に勉強の仕方を教えてあげてるじゃないか
いきなり答えを教えても、そいつの為には一切ならない。

CSSを数学として考えればわかりやすい。
1+1=2と言うように足し算を知っている奴からすれば答えを出すのは簡単だ
しかし答えよりも何故そうなるかが重要なんだよ

385 :Name_Not_Found:2007/02/12(月) 05:08:33 ID:???
Web製作板に沸く変な奴にはどうも似たような奴が多い気がする。

まぁ良い、次の質問を待つとしようじゃないか。

386 :Name_Not_Found:2007/02/12(月) 05:52:01 ID:???
少し前までは、答えを考えるのも勉強になるような質問ばかりだった。
最近は悪いけど超初心者の質問がほとんどだし、スルーされるような質問にも
我慢強く答えてるなって感心するよ。
blog使う人が多くなったし、CSSの解説サイトも本当にたくさんあるから、
人に聞く迄もないのかも知れないけどね。

387 :Name_Not_Found:2007/02/12(月) 13:12:50 ID:???
ここまで飛ばし読み

388 :Name_Not_Found:2007/02/12(月) 13:20:26 ID:???
ここまで俺のターン

389 :Name_Not_Found:2007/02/12(月) 13:40:52 ID:jogZN0lh
ここで一旦CM

390 :Name_Not_Found:2007/02/12(月) 18:31:28 ID:???
いちばん簡単な解決法は
何でも答える初心者用のCSSスレを立てることだ。
そうすればここも需要がなくなり過疎糞スレになる。

391 :Name_Not_Found:2007/02/12(月) 19:53:57 ID:???
次でボケて!

392 :WinIE ◆aDPTJcehPo :2007/02/12(月) 20:10:20 ID:???
俺、このスレに足りないのは糞コテだと思うんだ!
だから俺がそれをやるよ!ばんばん質問するから皆ヨロシクな!

393 :Name_Not_Found:2007/02/12(月) 20:17:47 ID:???
>>390
望み通り糞スレになったぞ。

394 :Name_Not_Found:2007/02/13(火) 01:50:58 ID:ifg+kGvZ
左にメニューをリストで作ったのですがずれてしまいます。
なんか右側が大きくとられてしまって
回り込みができません。
リストで作らないほうがいいのでしょうか?

395 :Name_Not_Found:2007/02/13(火) 02:48:31 ID:???
>>394
んなバカな。
なんか間違えてるだけだろ。

396 :394:2007/02/13(火) 03:18:02 ID:ifg+kGvZ
<body style="text-align : center;">
<div id="container" align="left">
<div id="manu"><img src="img/image08.gif" width="160" height="28" border="0"><br>
<img src="img/image13.gif" width="160" height="30" border="0"><br>
<ul style="list-style-type : none">
<li class="li-1">ああああとは</li>
<li class="li-1">いいいい</li>
<li class="li-1">うううううう</li>
</ul>
</div>
<div id="main">
えええええええ
おおおおおおお
</div>
</div>
</body>
</html>


397 :394:2007/02/13(火) 03:21:04 ID:ifg+kGvZ
#container{
font-size : 95%;
line-height : 150%;
width : 800px;
}

#main{
width : 600px;
float : right;
}

#menu{
width : 160px;
float : left;
font-size : 90%;
font-weight : bold;
color : navy;
background-color : #ffcee7;
line-height : 150%;
white-space : nowrap;
}
こんなかんじなんですけど・・・。
余白は設定していません。
メニュー右側が空白でおおきくとられていて
その下にメインがきてしまっています。
もう20時間ぐらい悩んでいるので誰か教えてください。

398 :Name_Not_Found:2007/02/13(火) 03:27:22 ID:???
>>397
あたりのえだのくらっかー・・・・・
ちょっとあまりに根本の基礎からわかってないから、
本当に基礎の基礎から勉強してきたほうがいい。
ttp://hp.vector.co.jp/authors/VA022006/css/

399 :Name_Not_Found:2007/02/13(火) 03:28:10 ID:???
あ、ヌゲーショックで誤字を。はずかし。
ttp://hp.vector.co.jp/authors/VA022006/css/

400 :Name_Not_Found:2007/02/13(火) 03:29:46 ID:???
あれ?
http://hp.vector.co.jp/authors/VA022006/css/

401 :Name_Not_Found:2007/02/13(火) 03:31:07 ID:???
すまん、↑は気にしないでくれ。

402 :Name_Not_Found:2007/02/13(火) 03:36:28 ID:???
>>397
<div id="manu">になってるぞ。
上手く行かない時は、各ボックスに色違いでborder付けてみると分りやすい。


403 :394:2007/02/13(火) 04:03:18 ID:ifg+kGvZ
>>402
うわああああ!!!!!
ハずかしいであう!!!
マヌーを"menu"に直したらできました!!!
本当にありがとううございます(泣

>>398
ほんともっと勉強します。
わざわざすみません。
ところで教えてもらったサイト
漢字がすごい読めないです。




404 :Name_Not_Found:2007/02/13(火) 06:32:24 ID:???
>>403
一番上の一番右に「略字に置換」ってあるお( ^ω^)

405 :Name_Not_Found:2007/02/13(火) 13:01:24 ID:???
<body style="text-align : center;">
↑一番のツッコミどころはここじゃないのか・・・?

406 :Name_Not_Found:2007/02/13(火) 20:17:39 ID:???
<br>
↑一応これもつっこんどく

407 :Name_Not_Found:2007/02/13(火) 20:23:02 ID:???
ツッコミ所満載なんだから、そっとしておいた方がいいんだよ。

408 :394:2007/02/14(水) 00:02:22 ID:ifg+kGvZ
そっとしないで教えてください・・・。
<br />
の方がいいとか?
改行せずに上下に並べる方法があるとか!?
<body style="text-align : center;">は解除した方がいいとか!?

409 :Name_Not_Found:2007/02/14(水) 00:14:49 ID:???
サイトをfloatで段組してる場合って画像とかにfloatとかclearって使うとまずいの?

段組ってfloatとpositionどっちが主流なんでしょうか

410 :Name_Not_Found:2007/02/14(水) 00:19:52 ID:???
段組にpositionを使用すると
デザインによってはレイアウトしきれない場合がある。
柔軟性があるfloatをお勧めする

411 :Name_Not_Found:2007/02/14(水) 00:31:16 ID:???
>>408
なんでそれだけインラインにしてるのかとか、
それはインラインテキスト用だけどちゃんとわかって使ってる?とか
IE以外の正しく解釈するブラウザで見ると多分ひどさに驚くよ、とか。

>>409
410とは逆にpositionをお奨めする。
floatは元々img要素のalign属性程度の小さな用途を目的として制定されたものだし、
バグが一番多いのもfloat関係。

412 :Name_Not_Found:2007/02/14(水) 00:32:37 ID:???
>>408
あ、brに関しては、そもそも使う必要がないだろ、という。
divには意味がないのに、その中に入ってるimgとかインライン要素は何の意味よ、とか。
CSSは単なる装飾だけど、HTMLは意味づけだからね。

413 :Name_Not_Found:2007/02/14(水) 01:14:08 ID:???
>>412 strictorは、何故に存在しているのか?
strictな、ブラウザなど、この世に存在していないのに。
まあ、考えてみればstrictっていうのは、単純明快で、分かりやすいわな。

414 :Name_Not_Found:2007/02/14(水) 01:17:51 ID:???
WindowsでIE7とFirefox。MacでSafariを使って確認しながら制作して問題なかったのに、
WindowsのIE6で見てみたら右のカラムが下に落ちてるんだけど、これって何が問題ですかね?
XML宣言を外してもダメでした。

415 :Name_Not_Found:2007/02/14(水) 01:31:23 ID:???
>>408
divのalign="left"もどうかと思うぞ。

416 :Name_Not_Found:2007/02/14(水) 01:32:01 ID:???
>>414
floatしてる要素のfloatしてる方向にmargin指定したりしてない?

417 :Name_Not_Found:2007/02/14(水) 01:40:30 ID:???
>>414
何を使ったカラムなのかくらい書け。


418 :394:2007/02/14(水) 01:53:36 ID:QMe6COT4
<body style="text-align : center;">
<div id="container" align="left">
<p style="padding-top : 0px;padding-left :
0px;padding-right : 0px;padding-bottom :
0px;margin-top : 0px;margin-left : 0px;margin-right :
0px;margin-bottom : 0px;width : 160px;">
<img src="img/image08.gif" width="160"
height="28" border="0" style="width : 160px;"></p>
<div id="menu">
<ul style="list-style-type : none">
<li class="li-1">あああああ

>>412
とりあえずbr使わずにできました。
でも<div id="menu">の外に出したら
右に並べた<div id="main">の上部が画像分だけ下に下がってしまいました。
画像はズバリ【MENU】って書いたやつですが
こんなものは使わないほうがいいのでしょうか・・・。


419 :Name_Not_Found:2007/02/14(水) 01:57:15 ID:???
>>418
君、昨日勉強しますって言ってたろ?何やってんの?
折角問題を指摘してもらっても全く理解してないから意味がない。

420 :394:2007/02/14(水) 01:59:32 ID:QMe6COT4
>>415
これつけないと【MENU】の画像があっちこっち飛んでいくんです。
画像の<p>に右揃えを指示した方がいいということでしょうか。


421 :394:2007/02/14(水) 02:03:02 ID:QMe6COT4
↑左揃えの間違いです。
>>419
インラインとかブロックとか
なんでMENUの下に空白ができるんだーとかです。
スミマセン・・・(´・ω・`)


422 :Name_Not_Found:2007/02/14(水) 02:05:26 ID:???
floatで左右にカラムを分けた場合に、左のカラムと右のカラムのheightを同じ長さにしたいのですが、どうすればいいのでしょうか?

423 :Name_Not_Found:2007/02/14(水) 02:10:56 ID:???
>>414
WinIE6のバグの多さは異常。

>>422
無理。
それっぽく画像で見せかけることは可能。

424 :Name_Not_Found:2007/02/14(水) 02:11:44 ID:???
>>422
出来ない。
よくある対処として、短い方のカラムの背景を画像にしてrepeat-y。
または、外枠divの背景色を短い方のカラムと同色にする。

425 :422:2007/02/14(水) 02:11:52 ID:???
>>423
では、positionだと、左右を同じ長さにすることができるのでしょうか?

426 :Name_Not_Found:2007/02/14(水) 02:14:42 ID:???
やってみれ。

427 :Name_Not_Found:2007/02/14(水) 02:15:59 ID:???
>>425
>>423-234

428 :Name_Not_Found:2007/02/14(水) 02:16:49 ID:???
段組自体が、上から下へのフローを前提として作られた仕様にそぐわないからな・・

429 :Name_Not_Found:2007/02/14(水) 02:46:58 ID:???
>>424
>>426
>>428

どうも、結局positionの使い方が分からなかったので、背景画像を云々の方法で試してみます。
ありがとうございました。

430 :Name_Not_Found:2007/02/14(水) 03:20:55 ID:???
>>411
仮にブログのデザインとしてpositionを使うと
サイドナビの高さに対してメインコンテンツがその高さを超えない場合、
footerがナビの高さを無視してメインコンテンツの高さまで上がってこないか?

それにあったレイアウトをすれば良いのだろうけど、その点で柔軟性にかけると思う

431 :Name_Not_Found:2007/02/14(水) 03:42:03 ID:???
>>430
どこにフッターなんて話が出たのかと小一時間。
フロートだろうがポジショニングだろうが基本はそこまで上がる。

432 :Name_Not_Found:2007/02/14(水) 03:45:53 ID:???
もう段組なんて嫌い!!なだれ式が一番楽わぁ

433 :Name_Not_Found:2007/02/14(水) 03:49:01 ID:???
そこでオールフラッシュですよ

434 :Name_Not_Found:2007/02/14(水) 03:49:50 ID:???
>>420
スタイルシート使えってことだよ。

435 :Name_Not_Found:2007/02/14(水) 04:00:25 ID:???
>>431
おまえ日ごろどんなデザインしてるんだ?w

436 :Name_Not_Found:2007/02/14(水) 04:18:27 ID:???
CSS便利だけどどうしてこうも崩れやすいかねぇ
CSS3になったらそこらへん解決するんだろうか

437 :Name_Not_Found:2007/02/14(水) 05:31:28 ID:???
>>432
何にも分かってないだろ・・・そりゃ崩れるわ

438 :Name_Not_Found:2007/02/14(水) 05:33:21 ID:???
間違えた、436宛だった。

439 :Name_Not_Found:2007/02/14(水) 11:41:43 ID:???
すみません質問です。

<html>
<head><title>サンプル</title></head>
<body>
<img src="title.gif">
〜略〜
</body>
</html>

という、画像が表示されているWebページを、
印刷する時に、画像を表示させるのではなくテキストを表示させたいのですが、
そんなことってできるのでしょうか?

■行ったこと

印刷表示用のスタイルシート(print.css)を用意し、
img.non_img_disp{
display:none;
}
と記述し、
<html>
<head><title>サンプル</title>
<style type="text/css" src="print.css" media="print">
</head>
〜略〜
<body>
<img src="title.gif" class="display:none;">
</body></html>
として、現在は印刷時に画像を表示させないようにしています。
で、画像の箇所にテキストを表示させたいのですが・・・。
今ここで止まっています。

440 :Name_Not_Found:2007/02/14(水) 11:48:06 ID:???
>>439
元々テキストにしておいて、画像置換にしたら?

441 :Name_Not_Found:2007/02/14(水) 12:54:34 ID:???
>>439

【HTML】
<link type="text/css" src="base.css" media="screen">
<link type="text/css" src="print.css" media="print">

<h1>たいとる</h1>
<p>あいうえお</p>

【base.css】
h1{
width: いくつかpx;
height: いくつかpx;
background: #色 url('title.gif') scroll no-repeat left top;
text-indent: -1000em;
}

【print.css】
h1{
width: auto;
height: auto;
background: transparent;
text-indent: 0;
}


こんな感じ。背景画像として画像を表示しながら、文字は画面外に追いやる。

442 :Name_Not_Found:2007/02/14(水) 13:06:31 ID:???
<h1>たいとる</h1>
<div id="header"><img src="title.gif" /></div>

【base.css】

h1{
display:none;
}

【print.css】

#header {
display:none;
}

443 :Name_Not_Found:2007/02/14(水) 13:08:26 ID:???
初心者に手取り足取り教えるスレじゃないんだから、そんな詳しく解説すんなよ。

444 :Name_Not_Found:2007/02/14(水) 13:10:22 ID:???
>>443>>441へ。

>>442はアホか。

445 :Name_Not_Found:2007/02/14(水) 13:10:47 ID:???
>>443
自治厨おつ

446 :Name_Not_Found:2007/02/14(水) 13:14:38 ID:???
印刷にdisplay:none;って通用しないのか?

447 :Name_Not_Found:2007/02/14(水) 13:18:02 ID:???
>>445
この程度で自治厨かよw

448 :Name_Not_Found:2007/02/14(水) 13:19:51 ID:???

<p class="base"><img src="title.gif" /></p>
<p class="print">print用テキスト</p>


【base.css】

.print{
display:none;
}

【print.css】

.base {
display:none;
}

449 :Name_Not_Found:2007/02/14(水) 13:20:12 ID:???
>>446
普通に効いた筈。
何がアホなのか全然わからんな。

450 :Name_Not_Found:2007/02/14(水) 13:21:22 ID:???
あ、良く見たらh1にdislpay:none;してるじゃんw
確かにダメだこりゃ。

451 :Name_Not_Found:2007/02/14(水) 13:27:20 ID:???
>>442は上のを流用しただけ。
正確には>>448だ。

>>450
仮にこの形なら

<h1>たいとる</h1>
<h1 id="header"><img alt="たいとる" src="title.gif" /></h1>

こうしたらまずいか?

452 :Name_Not_Found:2007/02/14(水) 13:30:06 ID:???
ダメだな。
h1は一つまでし。
2つ以上あるとクローラーにスパム判定されて村八分であぼーんの可能性大だよ。

453 :Name_Not_Found:2007/02/14(水) 13:41:50 ID:???
>>452
そうか何気に厄介ですね。
でも>>441の方法でやるぐらいならpositionでh1を飛ばしたほうが楽な気はするが

454 :Name_Not_Found:2007/02/14(水) 13:43:35 ID:???
ああh1に背景で画像か・・・
これもだめだな

455 :Name_Not_Found:2007/02/14(水) 13:51:44 ID:???
<div id="header"><h1>たいとる</h1></div>
<p>あいうえお</p>

【base.css】
headerに背景指定。h1をpositionで飛ばす

【print.css】
header背景をnone 幅指定してh1のポジションを外す

これでいけるんじゃね

456 :Name_Not_Found:2007/02/14(水) 14:00:39 ID:???
普通にPhark法でいいじゃねえか。

457 :Name_Not_Found:2007/02/14(水) 14:13:10 ID:???
FireFox1.5の点線問題みたいに、
indentつけて吹っ飛ばすのは今後どんな問題が出るかわからんぞ。

458 :Name_Not_Found:2007/02/14(水) 14:14:36 ID:???
すまん。質問なんだが

.contents {
width: 780px;
       border:solid 1px #777777;
margin:auto;
}
.main {
width: 579px;
float:right;
border-left:solid 1px #777777;
height:auto;
}
.side {
width: 180px;
margin-left: 10px;
background-color:White;
}


↑という感じのCSS作って、IEで表示させたらうまくいったんだが
firefoxで表示させたら.side底辺部分がmainの長さまで伸びないんだけど・・・

IE表示はデザイン上、main部分が長いからsideもmainと同じ長さまで下に伸びるんだけど、
firefox表示の場合は、side部分がだいぶ短いので、
mainの長さまで伸びずにsideの最終行でborder線が引かれてしまうんだが

ブラウザ上どうにもならんのだろうか・・・orz

459 :Name_Not_Found:2007/02/14(水) 14:15:05 ID:???
>>451
>>448でもそうだが、そんないびつなHTML書くことを勧めるなよ。

460 :Name_Not_Found:2007/02/14(水) 14:16:11 ID:???
>>457
そんなこと言ってたらCSSでレイアウトなんてやってられませんがな。

461 :Name_Not_Found:2007/02/14(水) 14:26:31 ID:???
>>458
一、質問するのになんでそんな偉そうなんだ。
一、HTMLのソースも出せ
一、>IE表示はデザイン上、 〜 border線が引かれてしまうんだが
   意味が分からん。

462 :Name_Not_Found:2007/02/14(水) 14:32:11 ID:???
>>459
こうか?

<p>
<img src="title.gif" />
<span class="print">print用テキスト</span>
</p>

<dl>
<dt><img src="title.gif" /></dt>
<dd>print用テキスト</dd>
</dt>

463 :Name_Not_Found:2007/02/14(水) 14:32:26 ID:TXba93cs
GoLiveCS2で作成しています。
よく、ブログなどである 画像にマウスを当てると画像の周りに枠で
色がつくようにしたいのですが、

a:hover { color: blue; border-top: 1pt solid orange; border-right-style: none; border-bottom-style: none; border-left-style: none; outline-style: none; }

hover を使うのかなと思い、GoLiveでやってみたところ
Border-TOPだけ 反映してくれません。1ptを20にしてみたりしましたがTOPだけ表示しません。
バグですか?
それとも、hoverを使うのではない?

よろしくお願いします。m(_^_)m

464 :Name_Not_Found:2007/02/14(水) 14:33:09 ID:???
>>458
一から勉強しなおせ

465 :Name_Not_Found:2007/02/14(水) 14:33:27 ID:???
突っ込まれそうだから書いておく
</dt>=×
</dl>=○


466 :Name_Not_Found:2007/02/14(水) 14:42:51 ID:???
>>463
その初心者的な質問はこのスレでは教えてもらえない。
この板に”何でも答えるCSS初心者質問スレ”をおまえが建ててそこで質問しろ。
そうしたら教えに行ってやるぞ。ここはW3C信者が五月蝿くてしかたない

467 :Name_Not_Found:2007/02/14(水) 14:53:27 ID:???
>>462
そもそも、画像とテキストは"意味的には同じもの"だから、同時に存在するのはおかしいと思う
…と、ここまで書いて、
自分が>>439のいう画像もテキストもサイトタイトルだと勝手に解釈していることに気付いた。
「画像の箇所にテキストを表示させたい」といっているだけで、同じものとは限らんよな。

468 :Name_Not_Found:2007/02/14(水) 15:11:05 ID:???
ここはCSSスレなんだから質問に対しての解答(ふいんき←何故か変ry)さえ伝わればいい筈なのに
HTMLの書き方にまで口出すからややこしくなるんだよ

469 :Name_Not_Found:2007/02/14(水) 15:18:38 ID:???
>(ふいんき←何故か変ry)

なつかしい

470 :Name_Not_Found:2007/02/14(水) 15:32:18 ID:???
>>468
言いたいことはわかるが、
回答者の方がおかしなHTMLを提示するのはどうかと思うぞ。

471 :Name_Not_Found:2007/02/14(水) 15:35:52 ID:???
左揃えの文をそれぞれ的確にセンタリングしたいのですが、
tableを使わずに再現するにはどのような記述が必要でしょうか?
イメージ的には下のような感じです。

あああああ
あああ

 い
 いい
 いいい

  う
  う

#あ, #い, #う { margin: 0px auto; text-align: left; }だけではダメですよね。
要素の横幅を文字幅に合わせたいのでwidthで固定値は指定できません。

472 :Name_Not_Found:2007/02/14(水) 15:44:27 ID:???
>>471
文字の長さに合わせてボックスの幅が変わるようじゃ、レイアウト崩れるんじゃないの?

473 :Name_Not_Found:2007/02/14(水) 15:53:44 ID:???
>>471
この状況がどのようなタグで構成されているのかわからないのに答えはでないだろ。

474 :463:2007/02/14(水) 16:29:45 ID:TXba93cs
>>466
しゅーん。
はじめてきた板なのに、初心者には優しくないのね。
板たてていいの?しょぼーん。

475 :Name_Not_Found:2007/02/14(水) 16:38:22 ID:???
板たてられるのか すげーなw

476 :Name_Not_Found:2007/02/14(水) 16:46:19 ID:???
>>474
たてたらいいと思うよ。このスレはマニア向け。
質問以前にHTMLが正しくないと答えてもらえない。
初心者用のスレが立てばここの重要は殆どなくなると思う

477 :Name_Not_Found:2007/02/14(水) 16:48:44 ID:PMbuXgBd
http://livesushi.jp/
これなんだ?

478 :Name_Not_Found:2007/02/14(水) 17:05:26 ID:???
グロ

479 :Name_Not_Found:2007/02/14(水) 17:14:14 ID:???
聞きたいんだけど

画像ってpに内包すべき?しないべき?
W3C的にはどうなの?

480 :Name_Not_Found:2007/02/14(水) 17:33:02 ID:???
>>479
ここで聞くなよ
それがパラグラフの一部、または全体であるならp要素に内包することが望ましいし
そうでないなら他の妥当な要素を探すべきだろ

481 :Name_Not_Found:2007/02/14(水) 17:35:16 ID:???
いや俺はcssに関連する問題だと思ってる

482 :Name_Not_Found:2007/02/14(水) 17:39:11 ID:???
思うのは勝手だが

483 :Name_Not_Found:2007/02/14(水) 17:40:46 ID:???
>>476
「マニア向け」… ( ´,_ゝ`)プッ

484 :Name_Not_Found:2007/02/14(水) 17:46:30 ID:???
>>481
構造化文書がなけりゃCSSは意味がないんだから
そりゃあ関連はするだろうけど
479で書かれたものが479を書いた奴の質問したいことの全てなら
Strict-HTMLスレッドの方がずっと適切

485 :Name_Not_Found:2007/02/14(水) 19:40:41 ID:???
実際Strictスレで議論になったからログ見てみるといいかもな。


486 :Name_Not_Found:2007/02/14(水) 19:55:02 ID:???
マジでスレ立てしたアホがいるんだな。。
初心者スレも超初心者スレもあるのに、目に入らないんだろうか。



487 :Name_Not_Found:2007/02/14(水) 20:27:47 ID:???
>>483
おまい、今日チョコレート貰ってないだろ?

488 :Name_Not_Found:2007/02/14(水) 20:41:19 ID:???
>>439
それまさかクラス名じゃないよな・・・?
img要素にalt属性をつけてprintメディアで
img.クラス名:after { content : "attr(alt)" }
で行くんじゃないか。


>>458
それはIEのバグ。
ttp://www.fsiki.com/archive/css-doc/float.html

489 :488:2007/02/14(水) 20:42:26 ID:???
あ、display:noneはするなよ。

490 :Name_Not_Found:2007/02/14(水) 23:52:22 ID:???
初心者向けの質問スレはこちらです
http://pc10.2ch.net/test/read.cgi/hp/1171444150/

491 :Name_Not_Found:2007/02/15(木) 01:23:21 ID:???
>>487
なにその苦し紛れの煽りw

492 :Name_Not_Found:2007/02/15(木) 09:56:14 ID:???
質問です。
以下のように、文字の色を変えて、さらに半透明に
しようとしたのですが、

<html>
<head><title>文字半透明</title></head>
<body>
<span style="color:red; filter:alpha(opacity=50)">半透明</span>
</body>
</html>

色だけ変わって、半透明にはなってくれません。
spanタグでは設定できないのでしょうか?

493 :Name_Not_Found:2007/02/15(木) 13:02:05 ID:???
>>492
folterはCSSじゃないのでスレ違い。

494 :Name_Not_Found:2007/02/15(木) 13:02:44 ID:???
filterだった。俺はもっとスレ違いw

495 :Name_Not_Found:2007/02/15(木) 13:30:44 ID:???
>>492
誘導
http://pc10.2ch.net/test/read.cgi/hp/1171444150/

496 :Name_Not_Found:2007/02/16(金) 02:47:12 ID:???
質問です。
なんでマイクロソフトはまともなブラウザが作れないんですか?

497 :Name_Not_Found:2007/02/16(金) 03:03:32 ID:???
仕様です

498 :Name_Not_Found:2007/02/16(金) 04:47:38 ID:???
text-indentで文字を背景に置換する方法がありますが、
あれを使うとIE5.0でたまにリンクごと画面外に飛びます。
何か条件があるのでしょうか?

499 :Name_Not_Found:2007/02/16(金) 07:19:32 ID:???
>>498
リンクごとっつーか要素ごとな。
floatすると飛ばなくなる。

500 :Name_Not_Found:2007/02/16(金) 12:23:18 ID:???
ていうかIE5なんて対応しなくていい

501 :Name_Not_Found:2007/02/16(金) 12:29:44 ID:???
ログ見ると、IE5でのアクセス一日数件はあるからなあ。
崩れるくらいならいいが消えるのはさすがにちょっとな。
ほんのちょっとの手間で対応できるならしといたほうが無難でしょ。

502 :Name_Not_Found:2007/02/16(金) 13:02:04 ID:???
IE5はまだちょっといるよな。
流石にメニューとか消えちゃうのはマズイけど
本のちょっとズレたりはもういいやと思う。

503 :Name_Not_Found:2007/02/16(金) 14:50:13 ID:???
text-indentで文字を背景に置換するぐらいなら
初めから画像使えば?

504 :Name_Not_Found:2007/02/16(金) 15:12:36 ID:???
>>503
ロールオーバーメニューの話だと思うぞ

505 :Name_Not_Found:2007/02/16(金) 15:47:09 ID:gd58dzrx
<div id="略">
<div style="margin:10px 0px;background-image:url();background-repeat:repeat-y;">
内容
</div>
<div style="margin:10px 0px;background-image:url();background-repeat:repeat-y;">
内容
</div>
</div>

こんな感じのHTMLを組んでいます。
でっかいボックスの中に小さいボックスを縦にならべて、
小さいボックスには背景に画像をrepeat-yで表示、
また、小さいボックスの間には白い空白ができるようにしたいです。
FireFoxではしっかりと表示されました。
IEだと小さいボックスの背景に指定した画像が小さいボックスをはみ出し(?)
id略のボックス内全体に広がってしまいます。

DOCTYPEは標準モードです。

どうすれば火狐、IE、双方を目的の表示にできますか?
よろしくお願いします。

506 :Name_Not_Found:2007/02/16(金) 16:03:42 ID:???
>>503
"情報"でない画像をHTML内に挿入することは、物理要素を使うこととなんら変わらん。

507 :Name_Not_Found:2007/02/16(金) 16:08:05 ID:???
>>505
再現しない。div閉じてないとかケアレスミスだろ。

508 :Name_Not_Found:2007/02/16(金) 16:15:06 ID:???
>>507
私もそれ確認したんですが、ダメでした。
http://csstemplate.blog.shinobi.jp/Preview/V/19/
これです。
左のメニュー部分です。

509 :505:2007/02/16(金) 16:24:01 ID:???
まだ作成途中で提示したCSSとは多少異なりますが、
やっていることはおそらく一緒なので、
ご了承ください。

よろしくお願いします。

510 :Name_Not_Found:2007/02/16(金) 16:34:43 ID:gCaEBUr3
x-indexでもつかえばいいじゃん

511 :Name_Not_Found:2007/02/16(金) 16:34:53 ID:???
>>508
自分で>>505確認したのかよ。
こっちのソースは検証する気にもならん。
テストページなのに忍者入れてるのも気に入らない。しかも邪魔な場所にあるし。

512 :Name_Not_Found:2007/02/16(金) 16:55:12 ID:???
>>510

513 :Name_Not_Found:2007/02/16(金) 17:27:59 ID:???
画像オフの環境でもaltテキストが表示され、
かつメニューのhover時に画像が切り替わるようにするには
Javascriptを使う以外に無いでしょうか?

514 :Name_Not_Found:2007/02/16(金) 18:19:45 ID:???
>>513
>画像オフの環境でもaltテキストが表示され、
ブラウザ依存、てかそれ普通の動作だろ?
画像オンの環境でもaltテキストを表示するなら
img:before { content: attr(alt) }
で出来る希ガス

ul.menu li{ background-image: url(1.png);}
ul.menu li:hover{ background-image: url(2.png);}



515 :Name_Not_Found:2007/02/16(金) 18:28:25 ID:???
Phark法とかだと画像オフのとき何も表示されないが、
CSSだけじゃなんとかならんのかコラヽ(`Д´)ノ
ってことじゃなかろうか。

516 :Name_Not_Found:2007/02/16(金) 18:37:35 ID:???
<img>に透明な画像を使えば済む話だが、しかし、この方法は、装飾以前に、ALT属性値と透明画像に関連性が全く無いのが痛い問題だけどな。

517 :505:2007/02/16(金) 19:06:50 ID:???
>>511
確認しましたよ。
テストページもブログと同じプラグインになりますから
そんなこと言われても仕方ないです。

518 :513:2007/02/16(金) 19:10:43 ID:???
>>514
スマンなんかむちゃくちゃになってしまった。

CSSでのテキストの画像置換法は画像オフだとテキストが読めない物ばっかりだが、
オフ環境でもきちんと対応できる方法は無い?
もし無いとなるとimgを置いてJSでhover時に切り替えるしかない?

と言いたかった。

519 :505:2007/02/16(金) 19:12:30 ID:???
>>510
x-indexってなんですか?
ぐぐってみたのですがヒットしません。

520 :Name_Not_Found:2007/02/16(金) 19:19:23 ID:???
何が仕方ないんですか。
あなたは自分で間違い探しするのが面倒くさいだけです。
代わりに他人にやって貰おうなんて言語道断の厚顔無恥ですよ。

521 :513:2007/02/16(金) 19:21:20 ID:???
たびたびスマン。
言いたい事が違ってたorz

HTML側にimgを置いて、それをhover時に切り替えるには
Javascriptを使うしかない?


522 :Name_Not_Found:2007/02/16(金) 19:25:16 ID:???
>>519
誘導
http://pc10.2ch.net/test/read.cgi/hp/1171444150/

523 :Name_Not_Found:2007/02/16(金) 19:30:13 ID:???
>>521
a の中にimgを二つ置き、ネガティブマージンかpositionで重ね、
hover時にdisplay: none;かvisibility: hidden;で上側を消す、
というやり方ならできそうだが。

524 :Name_Not_Found:2007/02/16(金) 19:30:20 ID:???
>>521
cssの範疇でない事は確か。

525 :Name_Not_Found:2007/02/16(金) 19:32:32 ID:???
>>519
z-indexの間違いだと思うが。

526 :Name_Not_Found:2007/02/16(金) 19:32:40 ID:???
このスレはたまにグダグダになる

527 :505:2007/02/16(金) 20:16:42 ID:???
>>522
x-indexって何ですか?
超初心者スレへ誘導するんですから、あなたは答えられるんですよね?

528 :Name_Not_Found:2007/02/16(金) 20:22:23 ID:???
半年ぐぐれ

529 :Name_Not_Found:2007/02/16(金) 20:24:54 ID:???
その言い方いいな>半年ぐぐれ

530 :Name_Not_Found:2007/02/16(金) 20:27:37 ID:???
答えられない回答者は出て行きましょう、
スレのクオリティが下がる。

531 :Name_Not_Found:2007/02/16(金) 20:36:14 ID:???
回答者がそっけなくx-indexとtypoした事で粘液出してる訳ですかw

怖い怖い

532 :Name_Not_Found:2007/02/16(金) 20:36:36 ID:???
>>530
凄いね、わかるんだ。答えてあげてよ天才君。

533 :Name_Not_Found:2007/02/16(金) 20:53:53 ID:???
必死^^

534 :Name_Not_Found:2007/02/16(金) 22:19:26 ID:???
CSS 2.1の仕様書を読んでいると出てくる"in-flow"という単語はどういった意
味なんでしょうか。「通常フローにある」という意味にとっていたのですが、
これであっていますか?

535 :534:2007/02/16(金) 22:55:54 ID:???
具体的には

> The bottom margin of an 'in-flow' block-level element is always
> adjoining to the top margin of its next 'in-flow' block-level sibling,
> unless that sibling has clearance.
http://www.w3.org/TR/CSS21/box.html#collapsing-margins

とかです。

536 :Name_Not_Found:2007/02/16(金) 23:27:31 ID:???
>>527
>>466
てことで誘導
http://pc10.2ch.net/test/read.cgi/hp/1171444150/
あっちで聞くが良いぞ

537 :498:2007/02/16(金) 23:50:08 ID:???
文字の置換の件についてだが、floatしなくても画面外に飛ばなくなる方法は無い?
ttp://detlog.org/
ここのロゴはfloatを指定しているわけではないのに5.0でも普通に表示されています。
ソースを見ても普通にtext-indentで飛ばしているだけみたいだし、
飛ぶ時と飛ばない時の条件がイマイチ分かりません。

538 :Name_Not_Found:2007/02/17(土) 01:02:49 ID:???
>>534
それでいいとオモ

539 :Name_Not_Found:2007/02/17(土) 11:31:27 ID:???
>>214-215 >>217
むしろ「現代仮名遣い」のはうが餘つ程をかしな表記法なのだが。
歌人や俳人がお書きになる仮名遣も「をかしい」「痛い」と言ひますか。
戦前生まれの漱石や鴎外らの文章も「をかしい」「痛い」と言ひますか。

歴史的仮名遣すら満足に読めない日本人の教養のなさには落胆しますよ。
自国の由緒ある伝統的な表記法を「をかしい」「痛い」呼ばはりとは、
戦後の国語審議会による愚民政策は見事に成功したわけですね(嗤ひ

540 :Name_Not_Found:2007/02/17(土) 11:51:21 ID:???
>>539
やっぱりおかしいよ。

541 :Name_Not_Found:2007/02/17(土) 12:08:39 ID:???
>>539
釣られてやる。

そういうこっちゃないんだよ。
俺は近代日本文学が好きでよく読んでいるから普通に読めるが、
ほとんどの文章が現代仮名遣いで書かれている現代では、
歴史的仮名遣いが読みづらいという人が多くいるのは至極当然のことだ。
読まれて何ぼの文章を、そうする必要も無いのにわざわざ読み難い表記にする、
その中二病的気質が"痛い"んだよ。

まあ>>214のように「日本語がおかしい」という表現は確かに違うが。

542 :Name_Not_Found:2007/02/17(土) 12:48:02 ID:???
最近よく聞くけど中二病って何なの

ようするに言文一致運動をすすめた二葉亭四迷たちが悪いんだな

543 :Name_Not_Found:2007/02/17(土) 12:51:21 ID:wuwHs8xe
>>542
つ伊集院

544 :Name_Not_Found:2007/02/17(土) 12:53:11 ID:???
>>542
つgoogle

545 :Name_Not_Found:2007/02/17(土) 14:06:40 ID:???
中二病の最近の定義は、すぐ「中二病」を口にする病気のことだよ。俺もなー。

というか>>541よ、そういうこっちゃないんだよ。
日本語を正しく表現するための最良の手段が正字正仮名なんだよ。
彼は読み手に媚びるよりも、自分の思想を正しく表現する方を選んだ。
そういうことなんだよ。

546 :Name_Not_Found:2007/02/17(土) 14:18:14 ID:???
>>545
>日本語を正しく表現するための最良の手段が正字正仮名
根拠は?

547 :Name_Not_Found:2007/02/17(土) 14:20:19 ID:???
>>545
>読み手に媚びるよりも、自分の思想を正しく表現する方を選んだ。
ただのオナニーだということに気付け。

548 :Name_Not_Found:2007/02/17(土) 14:27:49 ID:???
>>546
福田恒存著「私の国語教室」

>>547
オナニーと言えばオナニー。そして、この世のすべての思想表現はオナニー。
そう、君のそのレスも。

549 :Name_Not_Found:2007/02/17(土) 14:31:25 ID:???
どう見ても本人降臨してます。

550 :Name_Not_Found:2007/02/17(土) 14:32:08 ID:???
>>548
自分の言葉で説明しろよ。

551 :Name_Not_Found:2007/02/17(土) 14:40:12 ID:???
>オナニーと言えばオナニー。そして、この世のすべての思想表現はオナニー。
>そう、君のそのレスも。

いるよね。言い返せなくなるとこういうこと言って誤魔化そうとするやつ。

552 :Name_Not_Found:2007/02/17(土) 14:43:17 ID:???
最良じゃなく最小だろ。
ひらがなは表音文字だから、大昔は発音に合わせて今より沢山あったけど、
多過ぎるから減らそうってお上が決めたわけだし。
あのサイトがわざわざカビくさい言葉をつかってるのは、本人のオナニーで間違いないだろう。
でも自分のサイトで何しようが勝手だと思うぞ。


553 :Name_Not_Found:2007/02/17(土) 14:45:57 ID:???
>>549
本人じゃないよ。

>>550
自分の言葉で説明してたら時間もかかるしスレも埋まるよ。
「私の国語教室」を読めって言っても持ってないのなら読めないか。
じゃあ「言葉 言葉 言葉」(http://members.jcom.home.ne.jp/w3c/)にも同じようなことが書いてあるから、そこ見るよといいよ。

554 :Name_Not_Found:2007/02/17(土) 14:48:20 ID:???
現代仮名遣いを使う = 読み手に媚びる か。
偏狭だな。

555 :Name_Not_Found:2007/02/17(土) 14:53:12 ID:???
>>551
そもそもオナニーなんて言うのが間違ってるんだが。
そっちに付き合っただけだよ。

>>554
正字正仮名を「カビくさい」だの「オナニー」だの言う方がよっぽど偏狭だぜ。

556 :Name_Not_Found:2007/02/17(土) 14:55:03 ID:???
>>555
素朴な疑問なんだけど、あなたは何で現代仮名遣いでレスしてんの?

557 :Name_Not_Found:2007/02/17(土) 14:56:52 ID:???
自己満足できないものを公表したらそれはそれで問題だけどな

著作物ってのは自己満足を満たしてるのが健全だよ

558 :Name_Not_Found:2007/02/17(土) 14:59:40 ID:???
>>555
誰も彼もが敵かw 何がしたいんだ?

559 :Name_Not_Found:2007/02/17(土) 15:02:48 ID:???
>>556
正字正仮名の入力の仕方が分からないから。

560 :Name_Not_Found:2007/02/17(土) 15:03:36 ID:???
この人は、クライアントや取引先に送る文章も歴史的仮名遣いで書いてるのかな?
それで「読みづらい」と言われたら「無教養ですね」と返してんのか?
そこまでしてたら逆に尊敬するw

561 :Name_Not_Found:2007/02/17(土) 15:05:24 ID:???
リストにて横並びのメニューを作成した場合、IEで上部に隙間ができ
妙な段差が生まれてしまいます。

<div id="header"><h1><a href=""></a></h1>
<ul id="navigation">
<li id="A"><a href="">A</a></li>
<li id="B"><a href="">B</a></li>
</ul></div>

h1 a { float:left; display:block; padding: 5px 2px 1px 2px; }
#header { width:450px; height:25px; margin-bottom:10px; }
#navigation {float:right;}
#navigation li a { float:left; display:block;
padding: 5px 2px 1px 2px; margin-right:10px; }

どのようにすれば良いのでしょうか?
ご教授お願いします。

562 :Name_Not_Found:2007/02/17(土) 15:05:28 ID:???
>>559
その程度のものということですね。

563 :Name_Not_Found:2007/02/17(土) 15:11:24 ID:???
>>561
段差っつーのはAとBに段差ができるつーことか?
それならliにdisplay: inline;

564 :Name_Not_Found:2007/02/17(土) 15:19:26 ID:???
>>560
さすがにそれは尊敬できんな。
私信は相手の立場に立つべきだろう。

>>562
俺にとっては。
彼にとっては違うだろうけど。

565 :Name_Not_Found:2007/02/17(土) 15:29:03 ID:???
>>564
どこが「私信」なんだ。
仮名遣いの前に言葉の勉強しろよ。

566 :Name_Not_Found:2007/02/17(土) 15:30:34 ID:???
Webなら読む側の立場に立たなくていいなんて考えの奴がWeb制作やってるなんて信じられん。

567 :Name_Not_Found:2007/02/17(土) 15:38:55 ID:???
>>566
何を言ってるのか。。巷に溢れるブログなんて究極のオナニーだろ。

568 :Name_Not_Found:2007/02/17(土) 15:40:58 ID:???
>>567
巷に溢れるブログの話なんかしてないんだが。

569 :Name_Not_Found:2007/02/17(土) 15:43:16 ID:???
>>568
web制作を何だと思ってる。

570 :Name_Not_Found:2007/02/17(土) 15:48:20 ID:???
>>569
だからなんでいきなり巷に溢れるブログに限定した話が出て来るんだよ。

571 :Name_Not_Found:2007/02/17(土) 15:48:58 ID:???
>>565
じゃあ何と言うの?

>>566
自らの思想の表現する場では、思想を最も正しく表現できる手段を選んだっていいだろう。

572 :Name_Not_Found:2007/02/17(土) 15:51:18 ID:???
おまいらいい加減スレチだってことに気づけ

573 :Name_Not_Found:2007/02/17(土) 15:51:56 ID:???
さっきからクライアントとかそんな言葉が出てきて違和感あったんだが、なんかプロ前提の話になってないか?

ここはWeb制作板であって、Webデザイナー板じゃないですよっと

574 :Name_Not_Found:2007/02/17(土) 15:52:37 ID:???
>>653

以前に試しましたが、float:left;にdisplay:inline;だと変わらず
float:leftを外すとulのfloat:rightによって全てのリストが
右によってしまいます。

他にありませんか?

575 :Name_Not_Found:2007/02/17(土) 15:52:39 ID:???
>>555
実際にオナニーじゃん。
当時の文書でもないものをわざわざやってるんだから。

576 :Name_Not_Found:2007/02/17(土) 15:54:23 ID:???
>>571
HTMLやCSSを解説するサイトが"自らの思想の表現する場"だとでも?

577 :Name_Not_Found:2007/02/17(土) 15:56:58 ID:???
>>574
float:left外せなんていってないだろう。よく読め。

でもって中二病患者とそれに構う奴らは消えろ。

578 :Name_Not_Found:2007/02/17(土) 16:00:25 ID:???
>>574

ですから、それだと変わらないんですよ。


579 :Name_Not_Found:2007/02/17(土) 16:00:40 ID:VmNC4bef
失礼いたします。初めて外部CSSを使ってサイトを作っています。ヘッダ部分にh1で背景画像を入れて
text-indent:-2000px;でh1の文字を画面外に押し出しているのですがこの方法は問題無いでしょうか?
各種ブラウザで問題が発生しないか、またスパムにはならないでしょうか?
お手数ですがご教授願います。下記にCSSのh1部分を載せておきます。
h1 {
background: url(imeges/header.jpg) no-repeat;
text-indent:-2000px;
height: 280px;
margin: 0px;
padding: 0px;

580 :Name_Not_Found:2007/02/17(土) 16:02:55 ID:???
>>574
>>561のソースを見ると、リストにて横並びのメニューを作るだけじゃなく、なんかいろいろしたいみたいだが、
完成品はどういうイメージなのさ。

>>575
日本語でOK。

>>576
はい。

581 :Name_Not_Found:2007/02/17(土) 16:03:05 ID:???
>>578
よく読めつってんだろ。
#navigation li a はそのままで
#navigation li に display: inline だ。

あとさっきからレス番間違えすぎ。

582 :Name_Not_Found:2007/02/17(土) 16:04:51 ID:???
>>579
問題あるよ。CSSは有効だけど画像は表示されない場合を考えてみよう。

583 :Name_Not_Found:2007/02/17(土) 16:05:07 ID:???
>>574
まずは完成形がどんなだかがわからん。
どういう風にしたいの?
あとだれだかわからんから、sageを無しにしてID出すなり名前欄に番号入れるなりしてくれ。

584 :Name_Not_Found:2007/02/17(土) 16:05:59 ID:???
>>579
問題がないわけでは無いが、現状では他に方法が無いだけ。

585 :Name_Not_Found:2007/02/17(土) 16:06:04 ID:???
>>581 そういう意味でしたか勘違いでした。
すんません。

どもでした。


586 :Name_Not_Found:2007/02/17(土) 16:07:09 ID:???
>>583
先ず隗より始めよ

587 :Name_Not_Found:2007/02/17(土) 16:07:44 ID:???
>>584
ヒント:img要素

588 :Name_Not_Found:2007/02/17(土) 16:08:47 ID:???
>>580
w3cの仕様やらがお前の"思想"なのかw

589 :Name_Not_Found:2007/02/17(土) 16:11:10 ID:???
h1にdisplay:block;とかは要らんぞ。
あとaにfloatも要らん。

590 :Name_Not_Found:2007/02/17(土) 16:11:18 ID:???
思想だってより伝わりやすい方法で伝えるべきだと思うがね。
まあ本人の勝手だから好きにしてくれ。
そんなイカ臭え文章、俺は読まんが。

591 :Name_Not_Found:2007/02/17(土) 16:12:22 ID:???
>>587
htmlでやりたいならお好きに。

592 :579:2007/02/17(土) 16:17:22 ID:VmNC4bef
ご指導ありがとうございました。
完全にXHTML文とレイアウト要素(画像)を分離したかったので(´・ω・`)
ちなみに画像が表示されない場合というのはどういう事なのでしょうか?
閲覧者が画像を表示しない設定にした場合ということでしょうか?
まだ始めたばかりで分からないことだらけですがとても楽しいです。
教えてクレクレ状態で申し訳ございませんが上記2点をご教授ください。

593 :Name_Not_Found:2007/02/17(土) 16:17:41 ID:???
imgに大体文字入れとけば問題なさそうだな。
CSSでやる必要さえない。

594 :Name_Not_Found:2007/02/17(土) 16:18:58 ID:???
>>588
CSSという言語を彼なりの思想に基づいて解説してるんだってば。それに俺のじゃないって。

>>590
大衆に迎合するのもあり。そして、表現の正しさを求めるのもあり。
ただ、正しさを追求した結果を「痛い」と言っちゃうのは偏狭。

595 :Name_Not_Found:2007/02/17(土) 16:20:22 ID:???
>>592
> 閲覧者が画像を表示しない設定にした場合ということでしょうか?

それもあるし、読み込みの失敗もある。

596 :Name_Not_Found:2007/02/17(土) 16:22:11 ID:???
>>594
"思想に基づいて解説"することと"自らの思想の表現する"ことは違うってわからない?

お前のサイトかどうかはどうでもいい。例示に使っているだけだ。

597 :Name_Not_Found:2007/02/17(土) 16:23:18 ID:???
>>592
そう、閲覧者がそういう環境にしていたらって事。
個人的にはそんなのどうでもいいと思ってる。考え方次第。


598 :Name_Not_Found:2007/02/17(土) 16:24:03 ID:???
この話題自体どうでもいい

599 :592:2007/02/17(土) 16:26:31 ID:???
ありがとうございました。
勉強になりました。

600 :Name_Not_Found:2007/02/17(土) 16:27:06 ID:???
>>592
HTMLだろうとXHTMLだろうと基本、画像はただのテキストと一緒

601 :Name_Not_Found:2007/02/17(土) 16:36:54 ID:???
>>596
違うってわからないよ。
解説書やそういう類にも著作権が認められているのは、それらにも著者の思想が表れるからだよ。

602 :Name_Not_Found:2007/02/17(土) 16:45:44 ID:???
>>601
だ め だ こ り ゃ

603 :Name_Not_Found:2007/02/17(土) 16:50:09 ID:???
こいつが必死に庇うほど、あのサイトの製作者の印象も悪くなっていくよな。
流石にかわいそうになってきたw

604 :Name_Not_Found:2007/02/17(土) 16:57:53 ID:???
>>602
できれば何が駄目か説明してよ。

>>603
流石にそれはない。

605 :Name_Not_Found:2007/02/17(土) 16:59:15 ID:???
>>604
もうお前消えろよ

606 :Name_Not_Found:2007/02/17(土) 17:00:00 ID:???
>>605
わかった。

607 :Name_Not_Found:2007/02/17(土) 17:00:21 ID:???
>>604
今の技術文書に旧かな遣いは向かないんだよ。

簡単な例で言えば、ドイツの銃で、"マウザー"ってのがある。旧仮名遣いで書いて、旧仮名遣いで読んでみな。

608 :Name_Not_Found:2007/02/17(土) 17:03:27 ID:???
>>604
お前がそれはないと思おうが自由。
お前意外がそう思うだけだから。

609 :Name_Not_Found:2007/02/17(土) 17:12:08 ID:???
>>607,608
お前らももうやめろ

610 :Name_Not_Found:2007/02/17(土) 17:44:07 ID:???
>>579
h1を押し出すぐらいなら背景ではなくh1にimg使えば?
もちろんalt必須な

611 :Name_Not_Found:2007/02/17(土) 18:09:58 ID:???
>>607
正字正仮名野郎の肩を持つわけじゃないが、
外来語は表音的に書いて表音的に読むという決まりを作ることで解決するな

612 :Name_Not_Found:2007/02/17(土) 20:59:31 ID:???
>>611
世界中が統一しなければ政治的優位性の象徴になってしまうわな。
近年の日本では支那人の名前を表音的に読むが、支那では日本人の名前は決して表音的には読まれず支那風に読まれる。

613 :Name_Not_Found:2007/02/17(土) 21:21:19 ID:pLx1tOjy
ウダウダうるせーなぁ。
読みにくい。 ただそれだけだろが。

なんかさ、庇ってる奴。以前のオウム信者とダブるとこあるよなぁ。
小難しい話出してくる所なんて、そのものだよ。

614 :Name_Not_Found:2007/02/17(土) 21:28:20 ID:???
>>613
ウダウダうるせえのはお前だよ
終わった話題を掘り返すんじゃねえ鬱陶しい

615 :Name_Not_Found:2007/02/17(土) 21:28:28 ID:???
お前もうるさいよ。

616 :Name_Not_Found:2007/02/17(土) 21:32:38 ID:???
なんか突拍子もなくオウム信者とか言ってるしw

617 :Name_Not_Found:2007/02/17(土) 21:39:06 ID:???
読みにくいなら読みにくいって思えばいいけど、「中二病」とか「オナニー」とか「オウム信者」とかいう発言がアレだよね。

618 :Name_Not_Found:2007/02/17(土) 21:49:13 ID:???
お前らどっか池

619 :Name_Not_Found:2007/02/17(土) 22:14:43 ID:???
よく流れが判らんが、個人サイトをどう表記しようと
それは管理人の勝手じゃないのか?

620 :Name_Not_Found:2007/02/17(土) 22:16:54 ID:???
何もかもとっくに出尽くした。蒸し返すな。

621 :Name_Not_Found:2007/02/17(土) 22:26:25 ID:???
>>611
それが、新かな遣いです…。

622 :Name_Not_Found:2007/02/17(土) 23:29:51 ID:???
「ぢ」と「じ」は・・・

623 :Name_Not_Found:2007/02/18(日) 03:59:04 ID:???
前から思ってたけど中二病とか言ってるやつが中二病なんじゃないの?w
中二病とかわけわからん造語作っちゃって何なのw
流行んねーよ

624 :Name_Not_Found:2007/02/18(日) 04:26:53 ID:???
流行るも何も、既にある程度広まり終わって一部で定着してるんだがw
ブーム下火になった後にたまごっち買ったおっさんかよw

625 :Name_Not_Found:2007/02/18(日) 07:34:29 ID:???
>ブーム下火になった後にたまごっち買ったおっさんかよw
ワロタ

626 :Name_Not_Found:2007/02/18(日) 14:24:07 ID:???
おっさんがたまごっちを買っただけで笑えるお年頃。

627 :Name_Not_Found:2007/02/18(日) 14:32:53 ID:???
>>626
わざとなのか、読解力が無いだけなのか

628 :Name_Not_Found:2007/02/18(日) 15:13:32 ID:???
何このスレ?

629 :Name_Not_Found:2007/02/18(日) 15:20:57 ID:???
見りゃわかるだろうが

630 :Name_Not_Found:2007/02/18(日) 16:55:48 ID:XJHn2T8i
592で質問をしたものです。先日はお世話になりました。
質問があるのですが(´・ω・`)
XHTML文とリンク用の画像を完全に分離したいのですが
(FireFOX等でCSSをオフにするとXHTML内に画像が出ないようにする)
どうすればいいでしょうか?

今考えているのがCSSでリンク用の画像を背景画像として読み込む。
リンク文字の場所を画像にCSSで合わせてdisplay:noneにする。
なのですがこれだと音声ブラウザで読んでくれないのでalt属性を指定したいのですが・・・
音声ブラウザ用にalt属性がありつつ背景画像で読み込み、
クリックすると目的のリンク先にいけるようにするにはどうすればいいでしょうか?

変な質問ですみません。ご教授願います。

631 :Name_Not_Found:2007/02/18(日) 17:29:50 ID:???
>>630

http://www.seo-equation.com/reference/web/off-left



632 :Name_Not_Found:2007/02/18(日) 17:43:56 ID:XJHn2T8i
>>631
なるほどこういった手法もあるんですね。
勉強になりました。

633 :Name_Not_Found:2007/02/18(日) 20:16:39 ID:???
display:none;使った途端にgoogleから消えたよ。

634 :Name_Not_Found:2007/02/18(日) 21:05:58 ID:???
>>633
それは無い

635 :Name_Not_Found:2007/02/18(日) 21:07:02 ID:???
本当の事だよ。

636 :Name_Not_Found:2007/02/18(日) 21:08:43 ID:???
たまたまだろ

637 :Name_Not_Found:2007/02/18(日) 21:56:25 ID:???
631のおかしくね?
text-indent : -10000px ;
ってあるけど、text-indentのMAXってプラマイ9999だろ?

638 :Name_Not_Found:2007/02/18(日) 22:15:14 ID:go5r1Q1M
>>637
根拠は?

639 :Name_Not_Found:2007/02/18(日) 22:26:26 ID:???
>>636
自分のサイトでやってみてくれよ。index.htmlなら一発だ。
最初そうなって、オレもタマタマだと思い気にしなかった。
その後使わなくなって、2年後くらいにまた使ってみたら同じ。
被リンクがあれば、検索に全くかからない訳ではないが、サイト名では検索結果に出なくなった。

640 :Name_Not_Found:2007/02/18(日) 22:32:02 ID:???
変な使いかたしてるんじゃ。
displayで開閉できるようにしてるけどうちは全然問題ないし。

641 :Name_Not_Found:2007/02/18(日) 22:39:01 ID:???
>>639
サイト名は普通<title>じゃね?

642 :Name_Not_Found:2007/02/18(日) 23:01:13 ID:???
サイト名をdisplay:none;したわけじゃない。
index.html内でフツーに使っただけ。自分では変な使い方だとは思ってないし。
もうサイトは閉めたから、追加検証出来ないのが残念なんだよ。

643 :Name_Not_Found:2007/02/19(月) 00:03:29 ID:??? ?2BP(335)
>>633
他の条件があったからGoogleから消えたんだと思うよ。
ちゃんと箱庭の条件下で試したの?

644 :Name_Not_Found:2007/02/19(月) 00:12:49 ID:???
ブログのCSSでも、
Entries Appendixのような大見出しつけて普通にdisplay:none;使ってるけど問題ないぞ

645 :Name_Not_Found:2007/02/19(月) 00:15:28 ID:???
>>638
すまんlength値だった。

646 :Name_Not_Found:2007/02/19(月) 00:18:23 ID:???
display:none;はまだまだ悪用されてないし大丈夫だろ
それより最近はタグクラウドの方がスパムのような気がするが・・・

647 :Name_Not_Found:2007/02/19(月) 00:26:25 ID:???
ネガティブマージンを使った2カラムのwebサイトを作ったのですが、どうも
oper9.02でレイアウトが崩れてしまいます。Firefox2.0.0.1とIE6では正常に
表示されます。

私のwebサイトはhttp://www.geocities.jp/qpkwb500/index.htmlです。
原因の分かる方がもしいらっしゃったら教えていただけるとありがたいです。

よろしくお願いいたします。

648 :Name_Not_Found:2007/02/19(月) 00:59:11 ID:???
>>643-644
レスありがとね。
indexはコンテンツの増減はあっても、大きく書き直したわけじゃない。
cssはindex専用で、改装したり直したりで度々入れ替えてた。
1回目はdisplay:none;入れた後しばらくしてから、ふと検索してみたらサイト名では出なかった。
別にどうでもいいかと気にしてなかった。その後の直しで指定を消した。
次に鯖を移転した。確認のため、その前後に検索したらちゃんとサイト名が出た。
その内FX2.0が出たんで表示確認して、上手く行かない部分をdisplay:none;してみた。
それで検索してみると出なくなってた。直さなかったし、最後まで出なかった。
まめに検索してなかったし関係ないかもしれない。でも他に思い当たる点もないんだよ。

649 :Name_Not_Found:2007/02/19(月) 01:33:31 ID:???
>>647
サイト丸ごと検証しろってのは、ちょっとヒドイんじゃない?
最小ソースにするというのは、自分でミスに気付くチャンスでもあるんだけど。
まあhtmlをボックスだけにするとこうなる。
<div id="container">
<div id="boxB"><div id="box0"><p>記事記事記事<br>記事記事記事</p></div></div>
<div id="boxc"><ul><li>めにゅー</li><li>めにゅー</li></ul></div>
</div>
これに君のkkk.cssを適用すると、どのブラウザでも問題は起こらない。
htmlに余計な記述があると思われる。

650 :Name_Not_Found:2007/02/19(月) 01:54:57 ID:???
>>649

すみません。あとは自分でなんとかしてみます。ありがとうございました。

651 :Name_Not_Found:2007/02/19(月) 04:10:06 ID:???
質問です。
ttp://www.stylish-style.com/csstec/basic/g-photo-guard.html

上のサイトを参考にして、画像にテキストを回り込ませるような記述をしたところ、
IEでは問題ないようなのですが、Netscape7.1などでは、画像ではなく、画像の下に
数百ピクセル程度guard.gifが背景になって貼り付けられてしまうのですが、
何がいけないのでしょうか?

#もっとも、Netscapeでは画像の保存を難しくするこの技は使えないようですが…

<style type="text/css">
span.guard {
 position:absolute;
 display:block;
 width:100%;
 height:100%;
 background-image:url("guard.gif");
}
</style>
<body>
<div style="position:relative; width:200px; height:94px; float:left;">
 <span class="guard"></span>
 <img src="img/top02.jpg" width="200" height="94" alt="青春">
</div>



652 :Name_Not_Found:2007/02/19(月) 04:20:04 ID:???
>>651
どこが回り込ませ・・・?

653 :Name_Not_Found:2007/02/19(月) 04:21:38 ID:???
>>652
最後の</div>以下にテキストを書くのですが…なんか間違ってますか?

654 :Name_Not_Found:2007/02/19(月) 04:39:40 ID:???
>>653
インラインで書いてたのね、失礼。
たぶんfloatの解釈がIEは変だから。
というかpositionとfloatの同時使用は、
よっぽどわかってないとやめたほうがいい。

655 :Name_Not_Found:2007/02/19(月) 04:57:47 ID:???
>>654
いや、実際は</div>の下には、回り込ませるテキストを<p></p>で段落にしているので、
回り込ませようとしてるのは、正確にはブロック要素なのかもしれません。

656 :Name_Not_Found:2007/02/19(月) 05:34:20 ID:???
>>653
間違ってるかはソースに書いてないから分らないし、普通に書けばそんな風にはならない。
>url("guard.gif")
ダブルクォーテーションはいらない。
あと知ってるだろうけど、IE以外では意味のないテクだと。

657 :Name_Not_Found:2007/02/19(月) 05:36:45 ID:???
>>655
スマソ、リロードしてなかった。ネスケで再現しないよ。

658 :Name_Not_Found:2007/02/19(月) 05:37:45 ID:???
>>655
・・・なんもわかってなくね?
やめとけ。

659 :Name_Not_Found:2007/02/19(月) 05:50:01 ID:???
>>655
まあさ、問題を切り分けて考えた方がいい。
p要素を消して参考サイト通りにしても再現するのか、p要素入れたら再現するのか。

660 :Name_Not_Found:2007/02/19(月) 06:03:25 ID:???
>>656-659
すみません。cssは超初心者なもので。url("guard.gif");にダブルクォーテーション付けてるのは、
perlとかのスクリプト書くときとかの癖です。一回ソースを全部貼り直します。これで、下のリンクが
背景かぶるために押せないのです。テキスト部分以下は、<div>でも<p>でも、何も入れなくても
変わらないようです。
<html><head>
<meta http-equiv="content-type" content="text/html; charset=euc-jp">
<meta http-equiv="content-style-type" content="text/css">
<title>テスト</title>
</head>
<style type="text/css">
span.stamp {
 position:absolute;
 display:block;
 width:100%;
 height:100%;
 background-image:url(stamp.gif);
}
</style><body>
<div style="position:relative; width:200px; height:94px; float:left;">
<span class="stamp"></span>
<img src="http_img/top02.jpg" width="200" height="94" alt="青春">
</div><div>
 このテキストを回り込ませる。このテキストを回り込ませる。<br style="clear: both;">
</div><div>
 <a href="about.html">このサイトについて</a>
</div></body></html>

661 :Name_Not_Found:2007/02/19(月) 06:16:04 ID:???
>>660
<br style="clear: both;">の位置が悪いんでしょ。
回り込みした次の要素でclearだよ。

662 :Name_Not_Found:2007/02/19(月) 06:25:44 ID:???
>>661
次のdiv要素の中でclearしても変わりません…

663 :Name_Not_Found:2007/02/19(月) 06:31:00 ID:???
>>662
brはdiv内に入れなくていいんだけど。

664 :Name_Not_Found:2007/02/19(月) 06:34:56 ID:???
>>663
それも試してるんですが、やっぱり変わりません…

#余談ですが、bodyの直下にbrっていうのはありなんですか?

665 :Name_Not_Found:2007/02/19(月) 06:45:12 ID:???
>>664
つかさっきから再現しないんだよね。同じソースで確認してる?
そのstamp.gifってのはさっきとファイル名違うけど、1*1pxの透明画像なの?ネスケのver.は?
brは一応アリだけど乱発はどうかと。

666 :Name_Not_Found:2007/02/19(月) 08:07:56 ID:???
>>665
すいません、ひょっとしたらcssの問題ではないかもしれません。
というのも、実は自分のブラウザでも再現がはっきりと取れていないことに気がつきました。

>>660のソースで<style>〜</style>の中にある全角スペースのインデントを
取り除くとダメだったりする状況です。

Netscape 7.1
Mozilla/5.0 (Windows; U; Windows NT 5.0; ja-JP; rv:1.4) Gecko/20030624 Netscape/7.1 (ax)

667 :651=660=666:2007/02/19(月) 08:09:44 ID:???
>>665
書き忘れましたが、stamp.gifは確かに1x1の透過gifです。ファイル名が違うのは忘れてください。
連投スマソ

668 :Name_Not_Found:2007/02/19(月) 08:51:28 ID:???
インデントは全角スペースで入れるもんじゃないけど。。特にhtml。

669 :Name_Not_Found:2007/02/19(月) 12:37:32 ID:???
>>668
そうですよね。もちろんそれはわかります。>>660で貼ったソースもインデントは全てタグで打ってました。
それをこのスレに貼るのにタグでは不味いので、全角スペースに置換して貼ってしまったのです。
コピペして検証されることを考えたら、半角スペースにするべきでした。失礼しました。

素材を変えて、かつ無料鯖ですが実際にうpしてみました。

ttp://reportview.hp.infoseek.co.jp/test01.html インデント:タブ
ttp://reportview.hp.infoseek.co.jp/test02.html インデント:半角スペース
ttp://reportview.hp.infoseek.co.jp/test03.html インデント:全角スペース

全角スペースのインデントを使うのはおかしいですが、IEとnetscapeで見比べると、
test03.htmlだけ、netscapeでも下のリンクが踏めることが、みなさんのところでも再現できますか?

670 :Name_Not_Found:2007/02/19(月) 14:51:34 ID:???
wrrapperはposition:relative;なの?

671 :Name_Not_Found:2007/02/19(月) 15:10:18 ID:???
>>670
wrrapperって何ですか?
wrapperのスペルミスだとしても、意味がわかりません。


672 :Name_Not_Found:2007/02/19(月) 16:43:10 ID:???
>>671
おいおい、htmlにcssを記述する時は、head内に書け。
自覚はあるんだろうが、少なくともcssのド素人。ちゃんと勉強したまえよ。

673 :Name_Not_Found:2007/02/19(月) 17:22:58 ID:???
>>672
それはミスでした。>>669のソースを修正しましたが、やはり解決しませんね。

674 :Name_Not_Found:2007/02/19(月) 17:43:31 ID:???
<div id="header"></div>
<div id="navigation"></div>
<div id="content"></div>
<div id="sidebar"></div>
<div id="footer"></div>

header { position:absolute; top:0; left:0; height:100px; width:200px; }
navigation { position:absolute; top:100px; left:0; width:200px; }
content { margin:0 0 0 250px; }
sidebar { float:left; width:200px; }
footer { margin:0 0 0 250px; }

ヘッダーとナビゲーションとサイドバーを全て左側に寄せて、コンテンツの部分と上が水平になるように並べたいです。
これだとサイドバーがコンテンツの下に表示されるようになってしまいます。
HTMLの内容を変えずに、またコンテンツとフッターにフロートやポジションをかまさずに、意図したレイアウトを組むにはどうすれば良いでしょうか?

675 :Name_Not_Found:2007/02/19(月) 17:54:57 ID:???
>>674
やりたい事だけ読むと、単なる2カラムなんじゃないの?←やり方はわかるよな。
左カラムに左に置きたいボックス詰め込めばいいと。
スマン時間ないんで後は任せた!

676 :Name_Not_Found:2007/02/19(月) 18:35:19 ID:???
>>673
やっとわかったよ、君との違い。
君はDOCTYPE宣言していない。
CSSも間違いだらけだったけど、htmlくらい正しく書こうよ・・

677 :Name_Not_Found:2007/02/19(月) 18:50:03 ID:???
>>676
うーんいつの間にか消してたみたいです。>>669を修正しましたが、これでもダメですね…

678 :Name_Not_Found:2007/02/19(月) 19:13:06 ID:???
>>676
せめてCSSは外部ファイルにしてくれ
見づらいぞ

679 :Name_Not_Found:2007/02/19(月) 19:24:40 ID:???
>>677
いや、strict。
何かさ非常に疲れたよ。一つ指摘されたらそれしかやらないタイプだよね。
とにかく何もかも間違ってたって事で精進してくれたらいいよ。。


680 :Name_Not_Found:2007/02/19(月) 19:36:05 ID:zLSGimCn
>>679
いきなりStrictに挑戦するのも無理かと思い、Transitionalのつもりで書いてたんですが、
根本的にこの手のことをやろうとした場合に、Transitionalで書くのは無理だということですか?

Strictも試していたんですが、やっぱり問題の解決には到りません。
一応、Strictのつもりではないけど、>>669のdoctypeをStrictにしてみましたが、どうですか

681 :651=660=666=680:2007/02/19(月) 19:37:16 ID:???
途中で送信してしまい、かつageてしまったorz

最後の行は
一応、Strictのつもりではないけど、>>669のdoctypeをStrictにしてみましたが、どうですか?
です。

682 :Name_Not_Found:2007/02/19(月) 19:54:40 ID:???
>>674
*{margin:0;padding:0;}って最初に入れといた方がいいよ。
あとidで指定してる時は#headerとかね。
#を忘れてる。
どんな状態を望んでるのかいまいちわからんけど、
そのままだとfloatさせた#sidebarが#headerと重なるよ。

683 :Name_Not_Found:2007/02/19(月) 19:55:46 ID:???
>>681
直ったじゃない。君は直ってないわけ?

684 :Name_Not_Found:2007/02/19(月) 20:05:34 ID:???
>>683
直ってないんです。>>669で書いたように、test03.htmlだけは、netscapeでも下のリンクが踏めるのですが、
test01.htmlとtest02.htmlは、netscapeで踏めません。正確には、踏める部分が大幅に少ないという感じです。
netscapeのバージョンは>>666で書きました。

685 :Name_Not_Found:2007/02/19(月) 20:39:53 ID:???
>>684
オレのネスケでは、現在の>>669は全部リンクが踏めるし、ローカルでも問題なかった。
これ以上グダグダやってるくらいなら、レイアウト変えて一から書き直せば。
ネスケにこだわる意味もわからん。

686 :Name_Not_Found:2007/02/19(月) 21:10:17 ID:???
>>684
HTMLの検証ならここがおすすめ
Another HTML-lint gateway
ttp://openlab.ring.gr.jp/k16/htmllint/htmllinte.html

CSSに関しては最初は頭で考えながらだと大変だから
紙にでも区画を書いて整理した方がいいよ。2カラムとかなら
探せば参考になるサイトは腐るほどあるから

687 :Name_Not_Found:2007/02/19(月) 21:56:26 ID:???
>>685
やはり私のところでは、netscapeではtest01.htmlとtest02.htmlは、リンク踏めませんでした。
私のcssの書き方にまずい部分は多かったものの、どうやら特定のブラウザのバージョンに
依存した問題のような気がします。

この画像の保存をある程度困難にするテクニックを使うかどうかも含めて、また検討してみて
質問したいと思います。ありがとうございました。

688 :Name_Not_Found:2007/02/20(火) 00:33:24 ID:ZHNCAedc
Htmlは理解できたのですがCSSとHtmlの関係が良く分かりません。
Javaスクリプトのように<Html><body>この部分にCSSスタイルシートを入れる</body></Html>
という事は分かったのですが
http://desperadoes.biz/style/ul.php#
ここのsample Cをやってみようと思った時に右のCSSタグ?にMENUなんて含まれていないのに
どうして左のような表示になるのか分かりません。
自分のサイトに使いたくて色々調べていたのですが頭がこんがらがってきました。
とりあえず
<html><body>ここに入れるメインメニューと上のsample Cの位置関係を教えてください。</body></html>
<div>に挟まれたメインメニューの部分はまたhtmlから書き出すのでしょうか?

689 :Name_Not_Found:2007/02/20(火) 00:56:16 ID:???
初心者向けのサイトで基礎見た方が理解できるよ。
すごく勘違いしてると思う。
その例のCSSは、idにIDを持つ要素(タグみたいなもの)に内包されるaとかliにCSSで指定してる。
その辺の基礎はホント基礎だから、まずはテンプレでもみて勉強しといで。

690 :Name_Not_Found:2007/02/20(火) 01:05:20 ID:ZHNCAedc
>>689
そうします。
わかったつもりが勘違いしていたんですかね?
もう一度基礎から勉強してきます。

691 :Name_Not_Found:2007/02/20(火) 09:25:29 ID:??? ?2BP(335)
>>688
多分そのレベルだとね
CSSにはまず3種類の書き方がある。名称は以下。
インラインスタイルシート、ドキュメントスタイルシート、リンキングスタイルシート(外部CSSとか呼ばれることもある)

んで、プロではリンキングスタイルシートを利用してサイトを作るのが常識
君のレベルだとインラインスタイルシートを最初に学んで、おもしろそうならドキュメントスタイルシートを

さらにおもしろければリンキングスタイルシートの利点や凄さ、を学べば良いと思う。

692 :Name_Not_Found:2007/02/20(火) 10:09:16 ID:???
>>691がものすごく厨臭い

693 :Name_Not_Found:2007/02/20(火) 10:21:10 ID:???
中学生だから

694 :Name_Not_Found:2007/02/20(火) 10:26:21 ID:aonOfqd6
プロ=リンクかぁ
6割以上はプロ以下なんだな

695 :Name_Not_Found:2007/02/20(火) 10:34:39 ID:???
317 :Name_Not_Found:2007/02/19(月) 14:19:29 ID:???
http://members2.jcom.home.ne.jp/sakura77/
↑のサイト管理人は、私の作ったバナーを勝手に利用し、
止めろと言っても止めないバカ女です。
何とかしてください。



318 :Name_Not_Found:2007/02/19(月) 14:20:42 ID:???
http://members2.jcom.home.ne.jp/sakura77/
↑このバカ女の素性を知っている方はいらっしゃいませんか?
とにかく、私の作ったバナーを、こんなバカ女に利用されたくない。


696 :Name_Not_Found:2007/02/20(火) 17:25:26 ID:???
ttp://pc10.2ch.net/test/read.cgi/hp/1162719363/956
臆面もなくこういう事言うやつだからスルー推奨。

697 :Name_Not_Found:2007/02/20(火) 17:31:29 ID:???
あーそいつか。
あまりに偉そうに自分の無能っぷりを語るもんだから逆に笑ったが。
厨はどこでも厨発言してんだな。

698 :Name_Not_Found:2007/02/20(火) 18:41:48 ID:MRu9HduL
質問があります。ヘッダ内でヘッダ自体ををAとBに分割し
Aはheight: 280px; width: 680px;の固定画像、Bはwidth: 10px位の画像をヘッダB内で
x軸にリピートさせようと思っています。その場合Aはサイズを変動させられないので
固定サイズになりますが、ヘッダを width:100%; にしてBは width:32%; になるのでしょうか?
閲覧者の画面サイズ(大きい場合)に合わせてBが画面端まで伸びるようにしたいです。

ヘッダ【┃ヘッダA(固定)┃ヘッダB(画面サイズの大きい人は右に伸びるようにしたい┃】

699 :Name_Not_Found:2007/02/20(火) 18:50:54 ID:CMHdr7BA
ちゃんと一度はupして確認したのか?
普通できるだろ

700 :Name_Not_Found:2007/02/20(火) 18:52:06 ID:???
<div><h1></h1></div>で、
divにBの画像、h1にAの画像で左寄せでいいんじゃねえの?

701 :698:2007/02/20(火) 19:03:24 ID:MRu9HduL
作成ソフトで確認はしてIE、他ブラウザ共にちゃんと伸びたのですが心配な点があります。
自分のPCはノートPCなのですが「デスクトップPC等の画面が大きい人」が見た場合
ヘッダを width:100%、Aは固定画像680px、Bは width:32%の設定でちゃんと画面端まで
伸びるのでしょうか?
680pxに対して32%で問題無いのでしょうか?

702 :Name_Not_Found:2007/02/20(火) 19:13:06 ID:???
>>701
Bにwidthなんていらないでしょ。

703 :Name_Not_Found:2007/02/20(火) 19:17:58 ID:???
>>701
なんで32%だと思ったわけ?

704 :Name_Not_Found:2007/02/20(火) 20:03:56 ID:???
こんにちは。ちょっと困っていることがあり教えていただきたくカキコします。
dl〜dlの左に、例えばマージン10pxを入れると、IEとFFではマージンの大きさが
違っていて、どうもIEのほうが2倍になってるみたいなのですが、これは仕様ですか?
それともバグですか?
もし同じようにできるとしたらどのような方法がありますでしょうか。
一応最初に
* {
margin: 0;
padding: 0;
}

は入れてるんですが…。またdlではなくdt、ddにマージンをつけたら同じマージン
になります。
よろしくお願いします。

705 :Name_Not_Found:2007/02/20(火) 20:11:01 ID:???
>>704
本当にマージンだけで2倍になってるか?
floatしてね?

706 :Name_Not_Found:2007/02/20(火) 20:56:54 ID:???
fixedによるレイアウトの基準点は、上位ブロックにstatic以外を指定しても
常にブラウザの左上が基準になってしまいます。
上位ブロックを基準にする方法は無いですか?

707 :Name_Not_Found:2007/02/20(火) 21:57:01 ID:???
>>706
fixedってそういうものだし。
おまえの望んでるのはabsoluteだろ。

708 :Name_Not_Found:2007/02/20(火) 22:13:44 ID:???
absoluteで固定されたら誰も質問しねえよ

709 :Name_Not_Found:2007/02/20(火) 22:16:44 ID:???
あっそ

710 :Name_Not_Found:2007/02/20(火) 22:17:47 ID:???
<relative-or-absolute>
  <absolute>scroll scroll scroll ..</absolute>
  <relative-or-absolute>pseudo fixed</relative-or-absolute>
</relative-or-absolute>

>>708
こんなのも知らないで何吠えてんの?w

711 :Name_Not_Found:2007/02/20(火) 22:22:14 ID:???
は?

712 :Name_Not_Found:2007/02/20(火) 22:24:37 ID:???
俺質問者じゃねえし

713 :Name_Not_Found:2007/02/20(火) 22:43:48 ID:???
>>706
fixedは、viewport(ウィンドウなどの表示領域)に対しての指定を行うプロパティです。
上位ブロックを基準にするには、relativeか、absoluteプロパティを指定しなければなりません。
ttp://www008.upp.so-net.ne.jp/mo--/css2/prop/visual.htm#position
absoluteは、containing block(包含ブロック)によって、振る舞いが異なるので、扱いに注意が必要です。

714 :706:2007/02/20(火) 22:47:33 ID:???
>>713
ありがとうございます。
なるべくdivは増やしたくなかったんですが増やすしかなさそうですorz

715 :Name_Not_Found:2007/02/21(水) 00:38:46 ID:???
>>714
おまえ自分で上位ブロックが存在するって行ってるのに
どうして増やすって話になるんだ?

716 :Name_Not_Found:2007/02/21(水) 00:48:37 ID:???
>>714
上位ブロックは1個しかなくて、それはページ全体をセンタリングする為のやつだから。

717 :716:2007/02/21(水) 00:58:17 ID:???
説明が足りんか。
そのボックスはセンタリングした上で基準点を作るためにrelativeを指定しているから、
absoluteで場所を指定するボックスが足りなくなるって事。

718 :Name_Not_Found:2007/02/21(水) 01:29:09 ID:???
>>716
全く人の説明を聞かない奴だと言うことはわかった。

719 :716:2007/02/21(水) 02:01:57 ID:???
>>718
そう言うんならどこが悪いのか言って欲しい。

<div>
<h1>ページタイトル</h1>
</div>

divは中央寄せと幅固定と基準値を作る為のボックス。
構造はこのままでh1をfixedで正確な位置に固定する事は出来る?

<div>
<div="kotei"><h1>ページタイトル</h1></div>
</div>
id koteiにabsoluteを指定して、h1にfixed。
こうしないと出来ない気がするんだが間違ってる?

720 :Name_Not_Found:2007/02/21(水) 02:16:30 ID:???
>>719
間違ってる。そんな態度なんだから、なぜかは自分で調べろ。

721 :716:2007/02/21(水) 02:18:09 ID:???
上の方法の場合で、
h1にposition:fixedを指定して、leftやtop等の数値は手を付けずにmarginで位置を調整すれば一応出来るか。
しかし>>713さんが行ったのは>>719で言う下の方法って事じゃないの?

722 :716:2007/02/21(水) 02:20:44 ID:???
自分そんなに悪い態度ですかね?
このくらい2chじゃ普通だと思ってました。
不快に思わせてすいませんでした。

723 :Name_Not_Found:2007/02/21(水) 02:24:24 ID:???
2ちゃんだから人に物を尋ねる時
態度悪くてもかまわないと・・・・・ああ、そう・・・

724 :Name_Not_Found:2007/02/21(水) 02:30:14 ID:???
>>716は別に態度悪くない。
他のスレ見てもこれくらいが普通。

725 :Name_Not_Found:2007/02/21(水) 02:33:47 ID:???
>>718みたいに煽るから>>716もついむきになっちまったんだろう。
最初の方は丁寧にレスしてたみたいだしね。

726 :Name_Not_Found:2007/02/21(水) 02:34:26 ID:???
ID出してないんだから何とでも言える。

727 :Name_Not_Found:2007/02/21(水) 03:21:03 ID:fzdyEpzF
質問です。

背景画像と常に画面縦に常に敷き詰めるために
height:100;
にし、さらに内容の長さによって敷き詰める長さを変える
height:auto;
を両立したいのですが、どうすればよいでしょうか。

height100%;
だけだと、ウィンドウ以上に内容が長くなると、背景が繰り返されずに切れてしまいます。
aheight:auto;
だけだと、内容の量に応じて敷き詰めてくれますが、内容が少ない場合、背景がその大きさで切れてしまいます。

解決法としては、背景を height:auto; と height:100%; のDivを同じ大きさで重ねる。
しか思いつきませんでした。

1つのDiv IDのCSSでまとめる、若しくはもっとうまい解決法はないでしょうか。よろしくお願いします。

728 :Name_Not_Found:2007/02/21(水) 03:41:12 ID:???
>>727
背景画像の指定方法がおかしいんだろ。

729 :Name_Not_Found:2007/02/21(水) 03:48:44 ID:???
すみません、くぐっても解決できなかったので、教えて下さい。

こちら↓のサイトさんの飾り窓を設置しようとしたんですが、
どうしても、ページの中央に設置したいのですが、いろいろ試行錯誤しても
できませんでした。

どうか、中央に配置する方法を教えて下さい。お願いします。m(_ _)m

ttp://wdt.pekori.jp/template/box/?no=024&view=src#source

730 :Name_Not_Found:2007/02/21(水) 03:52:29 ID:???
>>729
テンプレ嫁。

731 :Name_Not_Found:2007/02/21(水) 04:06:31 ID:???
ようわからんが
bodyにtext-align:centerじゃだめなの?

css部分に
body{text-align:center}

出来なかったらスマン

732 :Name_Not_Found:2007/02/21(水) 04:14:46 ID:???
>>731
初心者はテンプレ嫁。

733 :Name_Not_Found:2007/02/21(水) 04:20:51 ID:???
>>731
半年ROMってろ

734 :Name_Not_Found:2007/02/21(水) 04:21:04 ID:???
即レスありがとうございます!

>>730
すみません、もう結構な時間悩んでて、どうしようもなかったものですから。

>>731
試してみたところ、左右の真ん中には行ったのですが、上下の中央には、行きませんでした。
他に何か方法は、ないでしょうか?

735 :Name_Not_Found:2007/02/21(水) 04:22:45 ID:???
>>732-733
すみません、まとめサイトなどもリンク切れで、見れなくて、焦っていたものですから、
質問させていだだきました・・・_| ̄|○

736 :Name_Not_Found:2007/02/21(水) 07:28:51 ID:???
ググれば普通に出て来るんだがな

737 :Name_Not_Found:2007/02/21(水) 07:44:52 ID:???
>>736
そんなテンプレに書いてないこと言われても・・・

738 :Name_Not_Found:2007/02/21(水) 07:45:17 ID:???
まとめサイト閉鎖したのか?
だとしても、テンプレのFAQ読んでないわけだが。

739 :Name_Not_Found:2007/02/21(水) 08:07:08 ID:???
すいません。もう一度、上から順番にFAQ読んでみます・・・_| ̄|○

740 :Name_Not_Found:2007/02/21(水) 08:09:48 ID:???
>>737
言ってる意味が分からないんだが
お前はテンプレに「ググれ」と書いてなければググらないのか?

741 :Name_Not_Found:2007/02/21(水) 08:40:13 ID:???
>>739
誘導

http://pc10.2ch.net/test/read.cgi/hp/1171444150/

742 :704:2007/02/21(水) 09:54:01 ID:???
おはようございます。704で質問したものです。
>>705
お返事ありがとうございました。
なるほど、確かにfloatしています。右側に写真を置くためfloat:left; を設定
しています。floatするとIEではマージンが増えちゃうのですね…(´・ω・)やっかい。
ひとつ勉強になりました。ありがとうございました。

743 :Name_Not_Found:2007/02/21(水) 10:55:28 ID:???
>>740
そんな真面目に返されても・・・

744 :Name_Not_Found:2007/02/21(水) 11:09:47 ID:???
>>743
わけわからんなお前

745 :Name_Not_Found:2007/02/21(水) 13:16:33 ID:???
>>729
http://www.stylish-style.com/csstec/sample/domannaka-sample.html

ソース見れ

746 :Name_Not_Found:2007/02/21(水) 13:58:53 ID:???
dldtddで上に項目名、下に項目という構成にして
dtとddで横幅、縦の位置をを同じにしてそれぞれセンタリングしたいのですが
IE用にtext-alignを使うとMozillaでは上手く行かず
かといってmarginをautoにするとIEの時にdlでデフォルトのmarginができてしまって
上手い位置にあいません。

後、paddingを変えるとMozillaの場合横幅が広がるのか
例えばborderを指定すると指定している方がpadding分だけ横に長くなってしまいます。

解決する方法があれば教えて頂きたいです。

747 :Name_Not_Found:2007/02/21(水) 14:07:53 ID:???
あぁ日本語が変だorz

縦の位置→水平位置
borderを指定すると指定している→borderを指定するとpaddingを指定している

です。

748 :Name_Not_Found:2007/02/21(水) 14:28:52 ID:???
>>747
テンプレFAQ嫁。

749 :Name_Not_Found:2007/02/21(水) 14:39:37 ID:???
すいません、質問です。ヘッダー部分を
<div id="header">
<img src="**.jpg" />
</div> で、headerにmargin:10px auto auto   imgにfloat:leftを指定しています。

IEとFFとネスケとLunaでは、きちんと、marginを持ちつつfloatされるのですが
Operaだけが、marginを含んだFloatになり、画像がヘッダーからずれてしまいます。

Operaは、もともと8px、paddingをもっているので、BodyにPadding:0も指定しています。

どうすればほかのブラウザを誤差なく表示されるのでそうか。。


750 :Name_Not_Found:2007/02/21(水) 14:48:23 ID:???
>>748
FAQのどれでしょうか・・・?
dldtddで横に持ってきたいわけではなく
センタリングもIEのバグについてはわかっているのですが・・・

751 :Name_Not_Found:2007/02/21(水) 15:17:01 ID:???
>>749,750
margin・padding全部殺してからやれ。基本。

>>749
>margin:10px auto auto
どうしたいのかわからん。

>>750
明らかに全部ちゃんと読んでないだろ。

752 :Name_Not_Found:2007/02/21(水) 15:21:45 ID:???
すみません、初歩的な質問なんですが…
メニューを作る際に、通常は ul, li で組みますが、
dl, dt, dd で組むのはダメなのでしょうか?
■ メニュー1(DT)
 ○ 項目A(DD)
 ○ 項目B(DD)
という感じに・・・

753 :Name_Not_Found:2007/02/21(水) 15:25:23 ID:???
>>752
それはcssの質問ではないし、仕様書に忠実にやりたいならstrictスレに行きなはれ。

754 :Name_Not_Found:2007/02/21(水) 15:56:39 ID:???
全部読んだのですが・・・

ddのインデントをなくしたいのですが
margin:0;にするとMozillaではセンタリングされませんよね。
かといって左右autoにするとIEではインデントされるますし。

755 :Name_Not_Found:2007/02/21(水) 16:23:56 ID:???
>>754
>>751はやったのかよ。意味わからないなら基礎をちゃんとやってないって事だ。
第一、margin:0;でセンタリングされるわけない。
テンプレのリンク先は初心者には難しいかも知れないが、ググればいくらでも解説サイトがある。

756 :Name_Not_Found:2007/02/21(水) 16:36:54 ID:???
>>755
もちろんやっています。
margin:0;というのは言葉足らずでした。
IE用にtext-alignのcenterも指定しています。
ですがそれだとMozillaではセンタリングされませんよね?
Mozillaでセンタリングするために左右をautoにすると
今度はIEではインデントされてしまうということです。

757 :Name_Not_Found:2007/02/21(水) 16:49:49 ID:???
>>756
IEのバグ(?)についてわかってるなら、すなおに標準モードにすればいいじゃん。
>>751が教えてくれたmargin・padding全部殺しはやったの?

758 :Name_Not_Found:2007/02/21(水) 16:54:25 ID:???
全称セレクタにmarginもpaddingも0は指定してあります。

IE5以下の訪問者がもうほとんどいないっぽいので
素直に標準モードにしようと思いますorz

759 :Name_Not_Found:2007/02/21(水) 16:55:10 ID:???
というか>>746の説明はわかりづらいよ。
「上に項目名、下に項目という構成にして」と言いながら、dtとddの縦の位置を同じにするってどういうこと?

dt
dd

なのか

dt dd

なのか。

どうしても解決したいのなら、どこまで自分の力でできたのか、ソースを晒そうよ。
そうすれば意図も汲めるから。

それと、質問者は名前欄に番号を入れて欲しい。

760 :749:2007/02/21(水) 17:24:35 ID:???
えと。。。
http://www.akayuri.com/test/ss/img/test.html
↑こうなるんです。。

761 :Name_Not_Found:2007/02/21(水) 17:25:37 ID:???
IEとIE以外で振り分けするときって

<!--[if IE]><link rel="stylesheet" type="text/css" href="IE用.css"><![endif]-->
<link rel="stylesheet" type="text/css" href="他.css">
だけで何とかなりますか?


762 :Name_Not_Found:2007/02/21(水) 17:27:49 ID:???
>>760
margin-top:0;padding-top:10px;

763 :749:2007/02/21(水) 17:30:00 ID:???
即レスありがとうございます!!
試してみます、ほんとにありがとう!!

764 :Name_Not_Found:2007/02/21(水) 17:31:38 ID:???
>>761
それじゃならないよ。

765 :746:2007/02/21(水) 17:44:49 ID:???
>>759
すいません、ひどい文章でしたorz

dt
dd

にしようと思っていました。

ソースは
* { margin: 0px; }
dl {
width: 180px;
background-color: #ccc;
text-align: center;
}
dt { width: 160px; }
dd {
width: 160px;
margin: auto;
}

で、htmlは普通に<dl><dt>aaa</dt><dd>bbb</dd></dl>でした。
cssはmozillaでセンタリングするようにしてあります。

766 :749:2007/02/21(水) 17:46:42 ID:???
>>762様の、ご指摘の通りに行えば、Operaのずれがなくなりました。
ありがとうございました!!

しかし、Operaのずれがなくなったのですが、
他ブラウザが、今度は、ずれてますorz

これは、もうOperaのみ別cssを適用させるような感じにするしか
ないのでしょうか。。。
って、そんなことできるんでしょうか。。

767 :Name_Not_Found:2007/02/21(水) 18:05:15 ID:???
>>765
dlのtext-align: center;を消して、dtの左右のマージンをautoにすれば、
標準モードにおいてdtとddがdlの横方向の中心に来る。
しかし、互換モードではそのようにならない。

dlのtext-align: center;を消して、dtとddの左右のマージンをそれぞれ10pxにすれば、
標準モードでも互換モードでも、dtとddがdlの横方向の中心に来る。

768 :Name_Not_Found:2007/02/21(水) 19:04:02 ID:???
>>767
互換モードだとやっぱり左右のmarginの数字をあわせる方法になるみたいですね。

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

769 :Name_Not_Found:2007/02/21(水) 22:00:54 ID:???
本当にすみませんでした!自己解決しました。
もうつくづく、自分のアホさが身に染みました。本当に申し訳ありませんでした。

770 :Name_Not_Found:2007/02/21(水) 23:11:58 ID:???
どれがどいつの質問やら回答やら、全然わかんねぇな

771 :749:2007/02/22(木) 04:14:13 ID:???
自己解決しました。
あまり使いたくないハックでなんとかなりましたw
皆様、ありがとうございました。

772 :Name_Not_Found:2007/02/22(木) 06:12:19 ID:???
cssを誤摩化す手段として使っていると当然無理が出るし、更に上塗りが必要になるだけ。
結局最近の質問者は何も勉強してないし、上っ面だけで理解したつもりになっている。
お利口さんに立ち回る術だけはあるので、ソースを出したら、
htmlからつっこまれるのが関の山だという知恵だけは持っており、
ごにょごにょ言い訳ばかりして、回答者から何とかヒントを引き出そうとする。
もう次スレはいらないと思う。テンプレの内容も理解出来ない、超が何個も付くような初心者しか来ないのだから。

773 :Name_Not_Found:2007/02/22(木) 06:34:14 ID:???
なんとか自己解決しました。
皆様、ありがとうございました。

774 :722:2007/02/22(木) 06:35:23 ID:???
自己完結しました。

775 :772:2007/02/22(木) 06:46:57 ID:???
自己満足しました。

776 :Name_Not_Found:2007/02/22(木) 06:59:25 ID:???
「セレクタ { プロパティ : ヴァリュー ; }」 を羅列するだけの至極簡単な設定ファイルを書くのに初心者も糞も無い。そもそも各所にある質問掲示板の存在意義も疑わしい。

777 :Name_Not_Found:2007/02/22(木) 07:20:26 ID:???
そうだよね。今時調べられない事なんてないのだし、各板質問スレもググレカスレベルになりつつあるし。
mixiとかはてなとか何聞いていも優しく答える場所が増えたし、2chはむしろもっと気安く質問出来る所と
思ってんじゃないのかな。

778 :Name_Not_Found:2007/02/22(木) 07:59:19 ID:???
"気安く"質問されるのはやだなw

779 :Name_Not_Found:2007/02/22(木) 09:17:07 ID:???
他のスレが気安く質問できるところが多いからここがそう思われても仕方ない。
2ch全体で見ればこう言う場所の方が遥かに少ない。

780 :Name_Not_Found:2007/02/22(木) 10:32:29 ID:???
雑談が多いのはどこも一緒

781 :Name_Not_Found:2007/02/22(木) 12:17:24 ID:???
同じページ内でリンクにマウスを乗せたときや、クリックしたときなどの動作を
変更したいんですが、そういうのはJava使わないと無理ですか? CSSでできませんか?

782 :Name_Not_Found:2007/02/22(木) 13:47:08 ID:???
>>781
基礎用語から勉強したほうがイイと思うよ。

783 :Name_Not_Found:2007/02/22(木) 17:43:18 ID:???
addressを斜体じゃなくさせたいです。
address {display:inline; text-decoration:none;}
と書いているのに出来ません。
ほかのが邪魔してるかと思ったのですが、
そのようなものは見つかりませんでした。
どうやれば斜体じゃなくなるでしょうか?

784 :Name_Not_Found:2007/02/22(木) 17:52:42 ID:???
>>783
font-style: normal;

785 :Name_Not_Found:2007/02/22(木) 18:34:50 ID:???
質問に答えるのが嫌なら、答えなければ良い話では?
むしろ、このスレにこなければ、そういう気持ちにもならんだろう。

確かに、自分で探そうとしてない輩は多いが、
どこの掲示板でも、そんな奴はゴロゴロいる。

んなこと気にしてたら、このスレの意味合いが全くない

786 :Name_Not_Found:2007/02/22(木) 18:36:22 ID:???
>>781
説明不足

787 :Name_Not_Found:2007/02/22(木) 18:37:27 ID:???
↑何言ってんだこいつ

788 :787:2007/02/22(木) 18:38:35 ID:???
>>785にね

789 :783:2007/02/22(木) 18:44:56 ID:???
>>784
ありがとうございます。できました。
normalも入れることが出来たんですね。
私が見てたサイトでは載ってませんでした。精進します。

790 :Name_Not_Found:2007/02/22(木) 19:05:31 ID:???
css書くのに便利なツールはないでしょうか?
メモ帳じゃ辛いっす


791 :Name_Not_Found:2007/02/22(木) 19:41:23 ID:???
スレ違い

792 :Name_Not_Found:2007/02/22(木) 21:51:58 ID:???
>>790
メモ帳ということはWin使いでエディタ宗教がまだ無いのだろうから、VWDかKomodoで決まりだろう。

つうか、満を持してフリーになったKomodoの出来が良過ぎる。
emacs/xyzzy から移行しそうになったけど我慢したw

793 :Name_Not_Found:2007/02/22(木) 22:03:58 ID:5SSmKV6i
各位にご教示賜りたくご質問申し上げます。
<div id="hogehoge">
<ul class="foofoo">
<li class="pre">pre</li>
<li class="main">main</li>
<li class="next">next</li>
</ul>
</div>
のようなソースの際、liを cssで、ul .foofoo li display:inline; とでもして、横列表示にした際
ulの幅を、div id="hogehoge"の幅いっぱいいっぱいまで広げ、さらに、
preを一番左よせ mainを丁度真ん中 nextを一番右寄せ にするということは可能でしょうか?

上記、日本語がわかりずらく申し訳ないです。

ttp://www.stylish-style.com/csstec/basic/a-menu2.html

のページの事例でいうと、「トップ インフォメーション BBS リンク集」 と並んでい
ますが、これを「トップ インフォメーション リンク集」と三つだけにした際に
トップを一番左によせ リンク集を一番右に寄せる というような感じです。

わかりづらい質問で恐縮ですが、なにとぞご回答お願いいたします。




794 :Name_Not_Found:2007/02/22(木) 22:06:51 ID:+qIvUkZ7
Web製作初心者スレッドからきました。
ttp://www.borujoa.org/img/src/1172147761075.jpg
このような表を作成するにはどうすればいいでしょうか?
横線はborder-bottomで何とかなりますが、縦線をどう表現すればいいのかが分かりません。

795 :Name_Not_Found:2007/02/22(木) 22:09:46 ID:???
>>793
float:left;したいliと、float:right;したいliでclass分けすれば。

796 :Name_Not_Found:2007/02/22(木) 22:10:13 ID:z5rHLGv+
#hogehoge{width:100%;}
#pre{width:33%; text-align:left;}
#main{width:33%; text-align:center;}
#next{width:33%; text-align:right;}

797 :Name_Not_Found:2007/02/22(木) 22:11:05 ID:z5rHLGv+
あと
li{display:inline;}

798 :Name_Not_Found:2007/02/22(木) 22:13:55 ID:???
>>794
border-bottomがわかったなら、borderは四方向別々に指定できるってのもわかったろ?

799 :Name_Not_Found:2007/02/22(木) 22:24:40 ID:???
>>798
それも分かっているのですが、あのような表を作成するとなると、どうやって応用すればいいのか分かりません。
ヒントだけでもいいので、教えていただけませんか?

800 :Name_Not_Found:2007/02/22(木) 22:30:11 ID:???
>>794
表ならテーブルタグ使えよ

801 :Name_Not_Found:2007/02/22(木) 22:31:59 ID:???
>>800
テーブルでは表現できないかなぁと思いまして・・・

802 :Name_Not_Found:2007/02/22(木) 22:33:42 ID:???
>>799
ヒント出てるじゃん。
まあそのレベルならtableで各セルの右にborderつけりゃいいでしょ。

803 :Name_Not_Found:2007/02/22(木) 22:35:39 ID:???
>>801
Web上では表はテーブルタグを使用するから表であって
それ以外の書き方をすれば表ではなくなる

804 :Name_Not_Found:2007/02/22(木) 22:38:39 ID:???
>>803
なるほど。初めて聞きました。

>>802
すみません、どれがヒントなのでしょうか?

805 :Name_Not_Found:2007/02/22(木) 22:39:59 ID:???
>>803
その説明は語弊があるだろ。

806 :793:2007/02/22(木) 22:41:16 ID:5SSmKV6i
>795氏 >796氏
早速のご教示ありがとうございました。

いま、htmlを編集してFTPアップロードできる環境にいないので
>795氏の方法はまだ試していませんが
firefox2.0.0.1でeditCSSを使って、>796氏の方法を試してみました。
せっかく、>796氏がスマートな解決策を提示してくださったのに、うまくいきません。
li{display:inline;}せずに、そのまま縦置きでおいたときは、テキストの左寄せ 右寄せが
機能しているようですが、li{display:inline;}して、横置きにしたとたん、ul全体が
左寄せになってしまうようです。

あくまでも習作で、しかも劣悪なソース・デザインでお眼汚しとはおもいますが
質問を正確に伝えるため、現在作成中のテストサイトをご覧下さい
ttp://tokiwa.kuronowish.com/blog/moblog/117004195848.htm
このページの上の方の ul部分が該当の場所でございます。

引き続き、各位のご指導を乞います。

807 :794:2007/02/22(木) 22:47:09 ID:???
一応自分で考えたのは

<span style="border-bottom:solid 1px black; border-right:solid 1px black; margin:0px; width:100px">A</span>
<span style="border-bottom:solid 1px black; border-right:solid 1px black; margin:0; width:50px">b</span>
<span style="border-bottom:solid 1px black; border-right:solid 1px black; margin:0; width:30px">c</span>
<br>
<span style="border-right:solid 1px black; margin:0; width:100px">returns</span>
<span style="border-right:solid 1px black; margin:0; width:50px">adf</span>
<span style="border-right:solid 1px black; margin:0; width:30px">dfaa</span>

こういう感じなのですが、これだと少し隙間があいてしまいます。
隙間を無くすヒント、教えていただけませんか?
本当にお願いします。

808 :Name_Not_Found:2007/02/22(木) 22:50:28 ID:???
>>807
ひどいな…
<table>
<tbody>
<tr><th>a</th><th>b</th><th>c</th></tr>
<tr><td>Returns</td><td>adf</td><td>dfaa</td></tr>
</tbody>
</table>

でCSSを
table { border-collapse: collapse; }
th { border-bottom: 1px solid black; }
th, td { border-right: 1px solid black; }

幅とか色とかは好きにやればいい
上の行と下の行をtheadとtbodyにわけてやってもいいか

809 :Name_Not_Found:2007/02/22(木) 22:55:50 ID:???
solid 1px blackの順番じゃないとちゃんと適用してくれないUAがあるのも忘れないでください><

810 :Name_Not_Found:2007/02/22(木) 22:56:15 ID:???
>>808
なるほど、そういうやり方があるんですね。
ありがとうございました。

811 :Name_Not_Found:2007/02/22(木) 23:03:23 ID:???
>>809
どれ?


812 :Name_Not_Found:2007/02/22(木) 23:09:26 ID:???
おふぇらのちょっと古いの。

813 :Name_Not_Found:2007/02/22(木) 23:10:16 ID:???
>>806
インラインレベルじゃtext-alignは適用されない
適用されるとしたらそれはバグだ
http://www.y-adagio.com/public/standards/tr_css2/text.html#alignment-prop


814 :793:2007/02/22(木) 23:17:38 ID:???
>813
ありがとうございます。
ということは、li{display:inline;}を前提としている以上、>796氏の方法は使用できないということですね?
ひょっとして、ブロック要素とインライン要素の概念を完全に私が誤解しているかもわかりませんが。。。。

815 :Name_Not_Found:2007/02/22(木) 23:17:38 ID:???
>>812
その手のブラウザをバージョンアップしない人って理解出来ないんだよ。

816 :Name_Not_Found:2007/02/22(木) 23:18:39 ID:Ulg5F6Kc
すいません質問です

今、
width: 80% ; height: 80; left: 10%;のボックスを使い、レイアウトの練習をしています
通常なら、ブラウザの80%の幅できちんと表示されて問題ないのですが、
中に入れる文字列が長すぎる場合、左10%のマージンを残し、右にその文字列が収まりきるまで広がっていってしまいます
縦幅は変わってもいいので、ブラウザの80%幅を超える文字列は自動で折り返しするようにしたいのですが、
それはオーバーフローとかを設定しないといけないものなのでしょうか?


817 :Name_Not_Found:2007/02/22(木) 23:21:28 ID:???
>>816
文字列ってのがaaaaaaa〜なんかなんだろ。
htmlの基礎からやり直し。

818 :Name_Not_Found:2007/02/22(木) 23:22:15 ID:Ulg5F6Kc
どこがどう悪いか教えてくだちい

819 :Name_Not_Found:2007/02/22(木) 23:36:09 ID:???
cssに関する質問じゃありません。

820 :Name_Not_Found:2007/02/22(木) 23:42:01 ID:???
>>816
thinking



thin
king

になったら「考え」が「痩せた王」に変わって嫌ではないのですか。
あとheight: 80;って何ですか。

821 :Name_Not_Found:2007/02/22(木) 23:49:11 ID:Ulg5F6Kc
>>819
今から殺しに行きます
>>820
なるほど
半角は折り返さないってことですね


822 :Name_Not_Found:2007/02/22(木) 23:50:08 ID:???
待ってるよ〜(はあと

823 :Name_Not_Found:2007/02/22(木) 23:52:56 ID:???
>>781
リンクに関する疑似クラスをまとめてみました。
http://www008.upp.so-net.ne.jp/mo--/css2/sum/selector.htm#sec8
クラス「.foo」は、ID「#mofu」でも構いません。以上。

824 :Name_Not_Found:2007/02/22(木) 23:55:10 ID:???
>>814
blockのままでpositionで絶対配置すればいいよ

一番楽なのは>>796の方法に加えて
liの各要素をdisplay:inline-blockにすることだけど
inline-blockに対応してるブラウザがあまりない
(SafariとかOperaとかFirefox 3 alphaとかは対応してるが)

825 :Name_Not_Found:2007/02/22(木) 23:57:06 ID:???
宣伝乙
そこまでしないと人が来ないとはね・・・

826 :Name_Not_Found:2007/02/22(木) 23:58:53 ID:???
リストをフローとした時の上下のマージン?パディング?どうやって削るん?

827 :Name_Not_Found:2007/02/23(金) 00:10:41 ID:???
>>826
*{margin:0;padding:0;}

828 :Name_Not_Found:2007/02/23(金) 00:19:42 ID:???
>>827
そういうのは試したんだ。
仕様なのかな。
┌───────────
│   (ここを削りたい) 
│・リスト1 ・リスト〜  
│   (ここを削りたい)
└───────────

829 :Name_Not_Found:2007/02/23(金) 00:21:40 ID:???
>>825
2007/0215 版のオフライン版を用意しているので、
人に来てもらう必要はないのだ。
ただ、まとめてあるといいたいのだ。
ちなみに、lintでもないのだ、lintで書くのも簡単だけど、
lintなものもはやはいっぱいあるのだ。

830 :Name_Not_Found:2007/02/23(金) 00:23:56 ID:???
リストマークを画像に置き換える点で疑問があるんだが

・(A)本文

Aのスペースを空けるには全角スペースか、リスト画像に余白分を設けるかしかない?
margin、paddingだと・の左しか開かないし

831 :Name_Not_Found:2007/02/23(金) 00:27:23 ID:???
>>793

【CSS】
*{margin:0;padding:0;}
.foofoo{width:100%; list-style-type: none;}
.foofoo li.pre {float:left;}
.foofoo li.main{text-align:center;}
.foofoo li.next{float:right;}

【HTML】
<div id="hogehoge">
<ul class="foofoo">
<li class="pre">pre</li>
<li class="next">next</li>
<li class="main">main</li>
</ul>
</div>


>>830
背景画像を試してみては

832 :Name_Not_Found:2007/02/23(金) 01:04:10 ID:???
何で背景画像?

>>830
text-indent

833 :Name_Not_Found:2007/02/23(金) 01:08:26 ID:???
divの縦の寄せ方式なんでねんだよ!

834 :Name_Not_Found:2007/02/23(金) 01:08:37 ID:???
>>815
俺に言われてもw
俺は最新の使ってるし。

835 :Name_Not_Found:2007/02/23(金) 02:12:03 ID:???
>>830
ヒント display:block;


836 :Name_Not_Found:2007/02/23(金) 02:30:15 ID:???
835の本当のアンカーはどこだ?

837 :Name_Not_Found:2007/02/23(金) 02:35:01 ID:???
おまえら全員IDだせよwww

838 :Name_Not_Found:2007/02/23(金) 02:36:01 ID:???
だが断る。

839 :Name_Not_Found:2007/02/23(金) 03:00:21 ID:???
いやはやfloatむずいですね

840 :Name_Not_Found:2007/02/23(金) 03:01:56 ID:???
何が難しいんだ

841 :Name_Not_Found:2007/02/23(金) 03:08:27 ID:???
だれが、だれなのかわからんな、ほんまにww

せめて質問者は、ID出すか、名前のとこにスレ番入れろw

842 :841:2007/02/23(金) 03:09:56 ID:???
失礼レス番でしたわ

843 :Name_Not_Found:2007/02/23(金) 04:06:02 ID:ST4u20k6
>>840
いやいや、オブジェクト指向で行けるってんで
tableやめて全部divにしたんですが、変な幅入って2段なったりで
にんとももかんともにんにんですよ。

<table>
 <tr>
 <td>img</td><!-- title -->
 <td>
 <table>
  <tr><td colspan=4>B</td></tr><!-- free space -->
  <tr><td>お</td><td>っ</td><td>ぱ</td><td>い</td></tr><!-- menu -->
 </table>
 </td></tr>
</table>
           ↓

844 :Name_Not_Found:2007/02/23(金) 04:07:14 ID:ST4u20k6
<div id=main>
 <div id=title>img</div>
 <div id=right>
  <div id=free-space></div>
  <div id=menu>
   <ul><li>お</li><li>っ</li><li>ぱ</li><li>い</li></ul>
  </div>
 </div>
</div>

* {margin: 0;padding: 0;}
div#title{width:X:height:Zfloat:left;}
div#right{width:Y:float:left;}
div#free-space{width:Y:heigt:q}
div#menu ul li{padding:a b;height:Z-q;float:left;}

1.おっぱいの位置の微調整などがむずかしい。
2.menuがセンタリング出来ない。
paddingとかいろいろ調整してるけどむずいわ。

845 :835:2007/02/23(金) 04:49:09 ID:???
>>830
{display:block; padding-left:10px}

IE対策の幅指定も忘れずに。

846 :Name_Not_Found:2007/02/23(金) 05:41:58 ID:???
>>845
オブジェクト指向以前に、HTMLの要素には意味があるってことを覚えてくれ。
何でもかんでも意味のない汎用ブロックのDIVにスンナ。

847 :Name_Not_Found:2007/02/23(金) 06:51:58 ID:???
気合入れて作って、乗ってきたところにfirefox入れて見て見たらぐっちゃぐちゃだった。
よくあることっすかorz

848 :Name_Not_Found:2007/02/23(金) 07:42:10 ID:???
初心者にはありがち

849 :Name_Not_Found:2007/02/23(金) 07:46:51 ID:???
まずはfirefoxで確認しながら作れ。
IEは標準モードにしちゃえ。

850 :Name_Not_Found:2007/02/23(金) 08:06:24 ID:???
>>848-849
さんきゅー
がんばってみるんだぜ。

851 :Name_Not_Found:2007/02/23(金) 12:37:15 ID:???
XML宣言入りのXHTML使ってるから
Fxで作ったのがIEで見るとぐちゃぐちゃなのにはもう慣れたぜ('A`)

852 :Name_Not_Found:2007/02/23(金) 13:05:03 ID:???
ある程度のIEバグを知ってればぐちゃぐちゃにならないだろ。
常識的に考えて

853 :Name_Not_Found:2007/02/23(金) 13:09:18 ID:???
知ってたってそれに依存しないデザインにしたいだろう。
バグがあることを前提に組むという方が間違ってる。
ジグなんてのはあとでハックでちょろまかせばいい。

854 :Name_Not_Found:2007/02/23(金) 13:22:27 ID:???
依存も何もIE独自解釈さえ知っていればあからさまな表示の崩れはおこらない

855 :Name_Not_Found:2007/02/23(金) 13:23:28 ID:???
たまにはOperaの事も思い出してあげて下さい。

856 :Name_Not_Found:2007/02/23(金) 13:51:56 ID:???
独自解釈?は?

857 :Name_Not_Found:2007/02/23(金) 14:13:15 ID:???
IEをハックで逃げてるようじゃまだまだだな

858 :Name_Not_Found:2007/02/23(金) 14:17:24 ID:???
ハックを避けるためにdivを増やしてるようじゃまだまだだな

859 :Name_Not_Found:2007/02/23(金) 14:19:21 ID:???
divを増やさないと避けれないと思っているようじゃまだまだだな

860 :Name_Not_Found:2007/02/23(金) 14:24:40 ID:???
それなしで避けるって要するにバグの起こるプロパティを使用しないってこと?
それは嫌だなあ。

861 :Name_Not_Found:2007/02/23(金) 14:32:48 ID:???
バグの起こるプロパティって例えばなに?

862 :Name_Not_Found:2007/02/23(金) 14:47:43 ID:???
ttp://cssbug.at.infoseek.co.jp/detail/winie.html

863 :Name_Not_Found:2007/02/23(金) 15:03:23 ID:???
ハックする時って具体的にどんな場合?

864 :Name_Not_Found:2007/02/23(金) 15:04:55 ID:???
ttp://cssbug.at.infoseek.co.jp/detail/winie.html

865 :Name_Not_Found:2007/02/23(金) 15:06:12 ID:???
おまいら余所でやれ

866 :Name_Not_Found:2007/02/23(金) 15:10:13 ID:???
そこのバグリストのバグなんて
ほとんど別の方法で回避可能じゃね?
ハックなんて使うまでもない

867 :Name_Not_Found:2007/02/23(金) 15:34:46 ID:???
>>849
むちゃ教えんなよ

868 :Name_Not_Found:2007/02/23(金) 17:07:26 ID:???
超DIV

869 :Name_Not_Found:2007/02/23(金) 20:56:36 ID:gPIxvgqu
ブログのカスタマイズの質問と被るのですが、
個人的にCSS寄りだったのでこちらで質問します。
忍者blogでテンプレートを作ってみているんですが、
デザインの特性上、プラグインのブロック内にpaddingをいれられません。
するとプラグイン内に設置されたカウンターが左上の辺にくっついて表示され
とても不細工になります。
そこで、カウンターにマージンをつけたり、カウンターの位置指定をしたりなど、
なにか対策をほどこしたいんですが、
どうすればいいでしょうか、アドバイスをください。

カウンター部分のHTML(ブログ管理者がいじくれるHTMLでテンプレート編集時にはいじれない)
<!-- shinobi ct1 -->
<script type="text/javascript" src="http://ct1.okitsune.com/sc/0642809"></script>
<noscript><a href="http://ct1.okitsune.com/gg/0642809" target="_blank">
<img src="http://ct1.okitsune.com/ll/0642809" border="0" alt="カウンター"></a><br />
<span id="NINCT1SPAN0642809" style="font-size:9px">[PR] <a href="http://www.ninja.co.jp/" target="_blank">NINJA TOOLS</a></span></noscript>
<!-- /shinobi ct1 -->

870 :Name_Not_Found:2007/02/23(金) 20:59:58 ID:???
>>869
HTMLとCSSの基礎から勉強してきてください。

871 :Name_Not_Found:2007/02/23(金) 21:00:03 ID:???
そろそろIEハックはやめた方がよさそうだね。
Firefoxが見逃さずに警告を発するようになったから。

872 :Name_Not_Found:2007/02/23(金) 21:02:09 ID:???
ハック方法によるでしょ。

873 :Name_Not_Found:2007/02/23(金) 21:04:41 ID:gPIxvgqu
>>870
少なくとも基礎は理解していますが

874 :Name_Not_Found:2007/02/23(金) 21:16:32 ID:???
・・・・(゚д゚)ドコガ?

875 :Name_Not_Found:2007/02/23(金) 21:24:31 ID:gPIxvgqu
>874
じゃ、どこが理解できてないと思うのか明示してみてくださいよ(´-)y━~~

876 :870:2007/02/23(金) 21:25:56 ID:???
<>をたくさん使うのがHTMLで、{ }をたくさん使うのがCSSです。

877 :Name_Not_Found:2007/02/23(金) 21:27:59 ID:gPIxvgqu
>876
で?カウンター部分の"HTML"と見えませんか?(´-)y━~~

878 :Name_Not_Found:2007/02/23(金) 21:30:17 ID:???
>>876
おまえだれだwww
でもそれでいいやwwwww

879 :Name_Not_Found:2007/02/23(金) 21:32:48 ID:???
イタイタしい自演ですな>>878

880 :Name_Not_Found:2007/02/23(金) 21:42:28 ID:vY01/+Vk
超初心者的な質問ですみません
body>ul#nav {
position: fixed;
}
の>は何を示しているのでしょうか?
>で検索できないのでご教授ください
よろしくお願いいたします

881 :Name_Not_Found:2007/02/23(金) 21:46:32 ID:???
body直下のu#nav(つまり<u id="nav">)に
position:fixed;を指定しているということ

882 :Name_Not_Found:2007/02/23(金) 21:47:24 ID:???
ありがとうございました

883 :Name_Not_Found:2007/02/23(金) 21:50:14 ID:???
どういたしまして(´-)y━~~

884 :Name_Not_Found:2007/02/23(金) 22:04:25 ID:???
基礎の基礎かもしれず、申し訳ございませんが。
スタイルシートでwebページをきれいに整えられて嬉しい限りなのですが。

印刷するとスタイルシートの設定とかけ離れたものが出力されて出てきます。
macのサファリ、FireFox、winでも同じようになります。

何か対処方法でも有るのでしょうか、
いろいろググタのですが、上手く見つかりません。
対象方法などございましたら御教えください。

885 :Name_Not_Found:2007/02/23(金) 22:06:39 ID:???
>>884
printメディアで別のCSSが設定されてるんじゃ?
というか印刷のと表示のは別にしてくれた方がありがたいけど。

886 :Name_Not_Found:2007/02/23(金) 22:07:58 ID:???
>>884
印刷用のページを別に作る。

887 :Name_Not_Found:2007/02/23(金) 22:14:15 ID:???
そうですか。
いままで印刷と結果が違うのがいやでリンクは全てFLASH使っていたのですが、
cssで構築楽にして、検索にも上手くかかるようにしようとしたのですが、
残念。
別に造る程元気ならcssあきらめます。

明日考えます。
どうもです。

888 :Name_Not_Found:2007/02/23(金) 22:43:19 ID:???
>リンクは全てFLASH使っていたのですが
これは閲覧者に対する嫌がらせだな。

889 :Name_Not_Found:2007/02/23(金) 22:55:41 ID:???
>>888
アホには想像力が無いな。

890 :Name_Not_Found:2007/02/23(金) 22:57:30 ID:???
印刷用のスタイルシートを書くのが面倒ならUA任せでいいじゃん

>いままで印刷と結果が違うのがいやで

そういう人にはWeb制作は向いてないんじゃないかな

891 :Name_Not_Found:2007/02/23(金) 23:01:27 ID:???
紙のデザイン畑の人にはそういうのがたくさんいる

892 :Name_Not_Found:2007/02/23(金) 23:05:38 ID:???
>>889←こいつは何を言っているんだ?

893 :Name_Not_Found:2007/02/23(金) 23:10:31 ID:???
>>892

俺の解釈が間違っていなければ「ボクフラッシュ大好き!俺みたいなマイノリティもいるんだぜ!」ってことじゃないかと

894 :Name_Not_Found:2007/02/23(金) 23:30:43 ID:???
そんなのがWebデザインやってていいのかとw

895 :Name_Not_Found:2007/02/23(金) 23:33:49 ID:???
>>887
media="all"
なんでもいいからこれいれとけ。

>>893
その解釈、間違ってるに10円

896 :Name_Not_Found:2007/02/24(土) 00:24:39 ID:???
よく

* {
margin: 0;
padding: 0;
}

とか書くけどさ、これが効くのって不思議じゃね?
全称セレクタは詳細度0だから、ブラウザのスタイルに勝てないはずじゃね?

897 :Name_Not_Found:2007/02/24(土) 00:28:31 ID:???
>>896
サイト>ユーザ>ブラウザ

898 :Name_Not_Found:2007/02/24(土) 00:32:44 ID:???
>>897
それって詳細度が同じ場合じゃね?

ブラウザのスタイルシートが

p {
margin: 1em;
}

でユーザのスタイルシートが

p {
margin: 0;
}

だったらpのマージンは0になるけど、ユーザのスタイルシートが

* {
margin: 0;
}

だったらpのマージンは1emのままじゃね?

899 :Name_Not_Found:2007/02/24(土) 00:33:02 ID:???
・・・・・・・・・・。
ユーザCSS>サイト制作者CSS>ブラウザCSS

900 :Name_Not_Found:2007/02/24(土) 00:34:24 ID:???
>>898
お前が何を言いたいのか分からない・・・

901 :Name_Not_Found:2007/02/24(土) 00:35:24 ID:???
#header {
position:absolute;
top:0;
left:0;
width:100%;
height:116px;
overflow:auto;
}
* html #header {height:120px;}

これの heightプラス4pxはどんな効果があるのですか?
よろしくお願いします。

902 :Name_Not_Found:2007/02/24(土) 00:37:13 ID:???
>>901
後ろのセレクタはスターハックと呼ばれる物で
WinIE4〜6、MacIE4〜5にだけ適用される。
多分IEのバグ調整のためのもの。

903 :Name_Not_Found:2007/02/24(土) 00:37:49 ID:???
???
見る側もスタイルシートもてるの?

904 :Name_Not_Found:2007/02/24(土) 00:41:36 ID:???
たかがユーザCSS、俺様のスタイルで押し出してやる!

905 :Name_Not_Found:2007/02/24(土) 00:44:01 ID:???
やべえユーザーCSS初めて知った。怖いよー

906 :896:2007/02/24(土) 00:45:02 ID:???
ああ、まず出所で比べて、それから詳細度で比べるのか。
頭が混乱してた。
すまんかった。

907 :Name_Not_Found:2007/02/24(土) 00:45:35 ID:???
糞な制作者CSSじゃなきゃ当てません。
読めない豆字や色遣いの酷いところだとユーザCSS当てます。

サイトでどれだけユーザCSS当ててるかを調べられる方法があったら面白いんだけどなww

908 :Name_Not_Found:2007/02/24(土) 00:46:36 ID:???
>>899
こうだろ?
ユーザCSS(!importantつき)
>サイト制作者CSS(!importantつき)
>サイト制作者CSS
>ユーザCSS
>ブラウザCSS(的なもの)

909 :Name_Not_Found:2007/02/24(土) 00:47:20 ID:???
的なものってww
Fxだと内部CSS見られるぞ

910 :Name_Not_Found:2007/02/24(土) 00:49:07 ID:???
>>909
Fxはそうだが他のUAが全部そうだとは限らんだろ
仕様書もそれは考慮してる

911 :Name_Not_Found:2007/02/24(土) 01:01:51 ID:???
>>908
ユーザCSSを使う目的って>>907のような感じだろ。
!important付けない事態ってちょっと考えにくいから
最終的に誰が勝つか(wという論点で>>899
あとバージョンによっても違うね。

912 :Name_Not_Found:2007/02/24(土) 01:12:46 ID:???
>>911
なんだそれw
お前が考えにくいとかは知らんよ


913 :Name_Not_Found:2007/02/24(土) 02:06:52 ID:???
フッター部分を高さにかかわらず一番下に配置するためには
どうするのかしら?

914 :Name_Not_Found:2007/02/24(土) 02:29:36 ID:???
body部分のコンテンツが白紙で、スクロールバーが出てないにも関わらず、フッター(とやら)を画面の最下部に配置するってことかな?

915 :Name_Not_Found:2007/02/24(土) 02:36:19 ID:???
いいえbodyにはコンテンツがあります。

916 :Name_Not_Found:2007/02/24(土) 02:37:26 ID:???
良く分からんな。
<body>
コンテンツ
<div>
フッター
</div>
</body>
で一番下に表示されるのでは…?

917 :913:2007/02/24(土) 03:27:53 ID:???
>>914
そのとおりです。
>>916
それだとコンテンツの高さがないと
中途半端にフッターが表示されるのです。

918 :Name_Not_Found:2007/02/24(土) 03:30:30 ID:???
913≠915か…
>>917
javascriptでやるしか無いんじゃないかな。

919 :Name_Not_Found:2007/02/24(土) 03:32:39 ID:???
>>917
これじゃないの?
ttp://www.stylish-style.com/csstec/ultimate/fix-foot.html

920 :913:2007/02/24(土) 03:38:24 ID:???
>>919
ありがとうございます!
これで試してみます。

921 :Name_Not_Found:2007/02/24(土) 03:39:05 ID:???
他演すまなかった

922 :Name_Not_Found:2007/02/24(土) 03:43:12 ID:???
おまえら全員コテつけろwww

923 :Name_Not_Found:2007/02/24(土) 03:44:03 ID:???
上下に固定させた擬似フレームのレイアウトの話題が結構前にあった。
CSSだか初心者だかスレは忘れたけど。
ログ持ってる人だれか転載してあげてくれ。
moz-とかの使ってるから、それで検索かければ出てくるはず。

924 :Name_Not_Found:2007/02/24(土) 03:47:25 ID:???
擬似フレームほど操作が鬱陶しい物はない

925 :Name_Not_Found:2007/02/24(土) 03:49:26 ID:???
お前初心者スレでもいちゃもんつけまくってるだろw

926 :Name_Not_Found:2007/02/24(土) 04:17:06 ID:???
いあでも、疑似フレームは、わしも好きじゃないなぁ

つか、CSSオフ時とかがなぁ

927 :Name_Not_Found:2007/02/24(土) 04:25:02 ID:???
余計な事をすればするほど読み難くなるのがWebデザイン

928 :Name_Not_Found:2007/02/24(土) 04:29:53 ID:???
携帯でみるとかしないかぎりCSSOFFなんかしないけどな。
テキストブラウザのシェアなんか天然記念物並みだし。

929 :Name_Not_Found:2007/02/24(土) 04:36:34 ID:???
fixedを使って擬似フレーム(ヘッダ・フッタ・サイドナビ)をした時
画面を縮めるとヘッダとフッタの右端が短くなる現象を回避する方法ってありますか?

※ヘッダとフッタが左右共に画面端になり間にサイドナビがあるレイアウトの場合です。

930 :929:2007/02/24(土) 04:37:16 ID:CAmWVOfk
あ・・・ID出してませんでした
よろしくお願いいたします

931 :Name_Not_Found:2007/02/24(土) 04:53:46 ID:???
firefox表示でbodyをセンタリングしたい。
body{ }に何と書けばいいですか?
text-align:center;はダメでした。

932 :Name_Not_Found:2007/02/24(土) 04:55:32 ID:???
>>929
その現象がどんなものかが分からない。

>>931
bodyはセンタリングされてるというか幅100%なんだが、何がしたいんだ?
bodyの左右に幅を取りたいということだったら、margin:0 ●pxでいい。

933 :Name_Not_Found:2007/02/24(土) 04:55:34 ID:???
>>931
margin: 0 auto;
だよ

934 :Name_Not_Found:2007/02/24(土) 05:03:46 ID:???
>>931-932
<body><center><table></table></center></body>の
<center></center>の代わりと言う事でした。すみません。
margin: 0 auto; で出来ました。ありがとうございます。

935 :Name_Not_Found:2007/02/24(土) 16:05:57 ID:bv7e4ATA
IEで表示が崩れる問題で困っています。

あるページで、position:relative&absolute な関係の
配置があり、その内側には更に何組かの
relative&absoluteな関係の配置があります。

この場合、「IE以外」では意図した通り表示されますが
IEでは、全てのabsoluteが一番外のrelativeに
合ってしまったり、表示が遅れたりと挙動不審に
なってしまいます。

この問題については、何か既に報告や回避方法が有るのでしょうか?

936 :Name_Not_Found:2007/02/24(土) 16:10:44 ID:???
レイアウトのためじゃなくて表を表現したいときも
tableタグは使わないのが良いのでしょうか?

937 :Name_Not_Found:2007/02/24(土) 16:23:12 ID:???
>>936
それはtableの方がいいんじゃない。

938 :Name_Not_Found:2007/02/24(土) 16:25:01 ID:3OcJP7vD
form内のテキストエリアのテキストの装飾は、
どう組めばいいですか?

939 :Name_Not_Found:2007/02/24(土) 17:04:40 ID:Kil1NAfo
tableタグが問題視されたのは、回線スピードが遅いダイアルアップでの接続が多数の時代だから
今は、ブロードバンドが主流だから、昔のように気を使わなくていいんじゃないかな。

940 :Name_Not_Found:2007/02/24(土) 17:48:03 ID:???
>>939がとんちんかんすぎてワロタw

941 :Name_Not_Found:2007/02/24(土) 17:49:35 ID:???
kwsk

942 :938:2007/02/24(土) 18:00:43 ID:???
自己解決しますた

943 :Name_Not_Found:2007/02/24(土) 18:08:12 ID:???
一般のやつがソースなんて気にする必要はない
ただCSSレイアウトするなら正しいHTMLを覚えた方がレイアウトしやすい
それだけの事。

944 :Name_Not_Found:2007/02/24(土) 18:09:09 ID:???
>>941
初心者を惑わせて楽しんでる池沼だよ
定期的に現れる

945 :936:2007/02/24(土) 18:19:19 ID:???
>>939
そうするとブラウザによってCSSを切り替えるみたいに
回線速度によって切り替えた方がいいんですかね
PHSとかで接続してる人もいると思いますし

すみませんが、回線速度の取得方法を知っていれば教えてください。

946 :Name_Not_Found:2007/02/24(土) 18:21:34 ID:???
ググレカス

947 :Name_Not_Found:2007/02/24(土) 18:21:42 ID:???
うわぁ…

948 :Name_Not_Found:2007/02/24(土) 18:24:35 ID:???
釣堀

949 :Name_Not_Found:2007/02/24(土) 21:48:37 ID:+n+6hfSz
┌─────────────────────┐
│colspan=5                          |
├────┬───┬───┬───┬────┤
│←自動→│→aa←│→bb←│→cc←│←自動→│
└────┴───┴───┴───┴────┘
tableを使っています。
左右のセルをtableのwidthからaa.bb.ccの幅を引いて等分の幅にするには、
どうしたらいいか教えてください。

用途は、文字列 "|aa|bb|cc|" を
table#id {border-collapse: collapse;}
td#id {border-left: サイズ solid 色;border-right: サイズ solid 色;}で
|"aa"|"bb"|"cc"|にしたいだけです。

950 :Name_Not_Found:2007/02/24(土) 21:48:58 ID:???
>>935
IEのabsoluteの算出方法はどこかおかしい。
まあハックでやれば何とかなると思うよ。

>>938
form textarea { 〜〜〜 }

951 :Name_Not_Found:2007/02/24(土) 21:50:41 ID:???
>>949
それはCSSの問題じゃなくてテーブルの仕様として
無理があるというか無駄というか・・・
内容に合わせて可変ってのかテーブルの持ち味だから。
でも多分自動の部分のセルに50%を入れれば
ほとんどのブラウザで何とかしてくれるような気はする。

952 :16:2007/02/24(土) 21:57:10 ID:???
>>949
えーと、それは、表じゃなくて、ヘッダー部分だろうか?

953 :Name_Not_Found :2007/02/24(土) 21:58:24 ID:???
あら、16って・・・すまん。16レスの人とは別人

954 :949:2007/02/24(土) 22:11:17 ID:+n+6hfSz
>>951
自動のとこの幅を%で調整したら出来ました。
ありがとうございます。

>>952-953
はい、ヘッダです。
リンクの区切りを文字|ではなく、ボーダーで表示したかったんです。

955 :Name_Not_Found:2007/02/24(土) 22:51:46 ID:???
>>954
色々と間違ってる・・・HTMLの範疇でだけど。
最低でもヘッダはthってことぐらいは・・・

956 :Name_Not_Found:2007/02/24(土) 23:04:50 ID:???
>>939,944みたいなのが未だに存在していることに驚きを禁じえない。

957 :Name_Not_Found:2007/02/24(土) 23:08:51 ID:???
ヘッダってそっちのヘッダか。
ページのヘッダだと思った。

958 :Name_Not_Found:2007/02/24(土) 23:09:14 ID:???
一般の人がWebを作製する上で
見出しがあろうがなかろうが何も困らないであろう

959 :Name_Not_Found:2007/02/24(土) 23:11:58 ID:???
見る側の立場にしても、そのWebが正しくかかれていようが間違っていようが
各ブラウザである程度まともに表示さえされていれば一般の人たちは困らないであろう

960 :Name_Not_Found:2007/02/24(土) 23:20:05 ID:???
このスレの住人は優しいんだよ
俺なら素人に基本なんて教える気なんてさらさらない

961 :Name_Not_Found:2007/02/24(土) 23:22:10 ID:???
htmllintで100点ならいいじゃん別に

962 :Name_Not_Found:2007/02/24(土) 23:50:42 ID:???
見出し一覧をブックマークレットで表示させるととても便利・・・

正しく書かれてるとユーザCSSが巧く当てられてとても便利・・・

963 :Name_Not_Found:2007/02/25(日) 00:11:35 ID:???
>>949
<caption>か<hn>だろ・・・

964 :Name_Not_Found:2007/02/25(日) 00:20:36 ID:???
A要素のclass作って各種色設定したものを一つの{}

965 :Name_Not_Found:2007/02/25(日) 00:21:38 ID:???
に収めれない?途中で書き込んですまぬ

966 :Name_Not_Found:2007/02/25(日) 00:30:02 ID:x/myrJLk
質問があります
透過pngの部分固定してz-indexを使って本文の前に出しましたがIEで透過されません。
他ブラウザは大丈夫です。
CSSのみでIEでも透ける様にする方法は無いでしょうか?
ご教授願います。よろしくお願いいたします。

967 :Name_Not_Found :2007/02/25(日) 00:34:46 ID:???
>>958-959
>>961
その考えは個人サイトだけにしか適用できんな。

CSSが最近脚光を浴びてきたのは、Web標準化が関連しているのに、
デザイナーが、その考えだと今後のWebサイト構築には向いてない

968 :Name_Not_Found:2007/02/25(日) 00:36:55 ID:???
知ってるが、お前の態度が気に入った。

969 :Name_Not_Found :2007/02/25(日) 00:43:09 ID:???
>>964 具体的にどうぞ

>>966
IE6は、透過されない。IE7から透過対応
透過は、ブラウザ依存

970 :Name_Not_Found:2007/02/25(日) 00:48:31 ID:???
もうcssを使い続けて数年経つというのに、ものすごく基本的な事で大変申し訳ないんですけど
もうそろそろこのスレも終わりそうなので、あえて聞かせて下さい(単なる愚痴かも)
cssのpaddingの概念って今でもよく分かりません
なんでwidth、heightの外側にpaddingがあるんでしょう?
borderとかbackgroundとの関連性の違いがあるとはいえ、marginとの概念的な違いが分かりません
paddingの本来の意味である緩衝材なら、普通は箱の中にあるものだと思うんですけど…
tableのmarginとpaddingの違いの方が分かりやすかったような気がするんですけどねぇ
なんでこういう概念が採用されたんでしょうか?

971 :Name_Not_Found:2007/02/25(日) 00:57:31 ID:???
>>969
a.classname.link:{ }
a.classname.active:{ }
a.classname.visited:{ }
a.classname.hover:{ }

a.classname { }みたいにまとめたんです。

972 :Name_Not_Found:2007/02/25(日) 01:02:31 ID:???
ひんと・
ぐぐれ

973 :Name_Not_Found :2007/02/25(日) 01:24:26 ID:???
>>971
すべて同じ仕様なら、まとめることは出来るが・・・

974 :Name_Not_Found :2007/02/25(日) 01:36:10 ID:???
>>970
要素の大きさを膨らませるものだから。
内容自体を膨らませるものではないから。  ・・・じゃない?

975 :Name_Not_Found:2007/02/25(日) 02:02:00 ID:???
>>970
marginは重なるとつぶれる。

単に初期の実装者とか仕様の策定者がwidth/heightゆーたらコンテントエリアだろうと思ったんだろう。
width:10emな箱に10emの長さのモノつっこんだらあふれたってのもなんだかなでしょ。

あとは最初はpadding/marginもなくてcontentにborderが直接張りついてるような
そんななんちゃって実装しちゃってて互換問題がとか、印刷業界の掟とか、
なんだかメジャーなDTPソフトの仕組みがそうなってたんじゃないかとか、
妄想ならひろがるが。

まぁ互換モードするなり-moz-box-sizing使っちゃうなりCSS3:box-sizing待つなり。

976 :Name_Not_Found:2007/02/25(日) 02:23:28 ID:???
>>975
なるほど、そういう解釈ならなんとなく分かるような気も…
とあるサイト(某公式のくせにtable入れ子しまくり&インラインフレーム)を
どうやって見た目ほぼ同じで標準により近づけられるかを検討してて
元データがtableのheight100%でヘッダとフッダを同時表示、
その間をheight100%のインラインフレーム突っ込んで内容を表示という仕様で
背景ブロックをheight100%、その中にヘッダ、フッダをabsoluteのtop&bottom:0pxで再現
(ヘッダはabsoluteでなくてもいいんだろうけど、読み上げ用に下にもっていきたい)
…とまぁ、ここまではうまく行くんですが、インラインフレームを再現しようとすると
ヘッダとフッダはheightがpx指定なので、インライン用divをheight100%にするとウィンドウを突抜けてしまい
かといってjavascriptでウィンドウ高さを取る方法だと、スクリプト不許可にされると何も出来ない
divのheightを90%あたりにすればそれなりにはなるんだけど、小ウィンドウだとフッダがスクロールに巻き込まれ…
一瞬height100%のpadding-top&bottomで避ければ…と考えて先ほどの矛盾にたどり着いてしまった訳です

977 :Name_Not_Found:2007/02/25(日) 04:33:27 ID:???
>>966
出来なくは、ないが・・・

IEと他ブラウザを分けてCSSを作成
IE側CSSの半透明にしたいDivに、AlphaChannelLoaderを利用すれば良い。
ググってみてくれ。

978 :Name_Not_Found:2007/02/25(日) 04:56:22 ID:???
>>962
それは君が特殊で一般の人はそんなことしないだろw

979 :Name_Not_Found:2007/02/25(日) 07:08:13 ID:???
div{
width : 100px;
height : 1px;
background-color : black;
}

IE6.0で高さが1pxにならないのは仕様ですか?

980 :Name_Not_Found:2007/02/25(日) 07:11:05 ID:???
>>979
min height(px)= font size(px)

add >> font-size:1px;

981 :Name_Not_Found:2007/02/25(日) 07:13:59 ID:???
>>980
むむ、見慣れない書式ですが、ありがとうございます。
ググってみます。

982 :Name_Not_Found:2007/02/25(日) 07:18:14 ID:???
keldjflkeahujikopl;
alt+半角押す手間を惜しんで書いたんだが
heightの最低値は、フォントサイズ。
font-size:1px; 加えると1pxになるよ。

983 :Name_Not_Found:2007/02/25(日) 09:59:25 ID:???
heightの最低値にはline-heightもある

984 :Name_Not_Found:2007/02/25(日) 18:35:25 ID:???
次スレ待ち保守

985 :Name_Not_Found:2007/02/25(日) 19:33:25 ID:7kJgu7Uq
paddingについてなんですが、
同じコンテンツ領域内でテキストと画像別に
数値設定とかできるのでしょうか?

こんなんじに
http://www-2ch.net:8080/up/download/1172396360600532.ARXqXC

986 :Name_Not_Found:2007/02/25(日) 19:58:16 ID:???
>>985
<div id="content">
<p>テキスト</p>
<img src="***">
</div>

#content{margin:0; padding:10px; width:400px}
p {margin-right:200px}
img {margin-right:20px}

987 :Name_Not_Found:2007/02/25(日) 20:42:34 ID:???
ありがとん。

988 :Name_Not_Found:2007/02/25(日) 22:21:03 ID:???
http://www.ktsonline.jp/minatsu/
このサイトのスタイルにある「photo」のページで、
左側のメニューがスクロールしないのはどうやっているのでしょうか?
フレームではなさそうなんですが・・・

初心者質問スレでCSSといわれたので・・・

989 :Name_Not_Found:2007/02/25(日) 22:23:19 ID:???
>>988
ソース見れば書いてあることを全部書けって?
ソースコピーしたろか?

990 :Name_Not_Found:2007/02/25(日) 22:26:45 ID:???
>>989
知識が無くすみません。どの部分で設定されているのでしょうか?

991 :Name_Not_Found:2007/02/25(日) 22:43:18 ID:???
>>990
ttp://www.ktsonline.jp/minatsu/css/photo/common.css
ここ

992 :Name_Not_Found:2007/02/25(日) 23:03:22 ID:???
そろそろ次スレがほしいな・・・

993 :Name_Not_Found:2007/02/25(日) 23:05:39 ID:???
>>991
なんとかわかりました!
ありがとうございました。

994 :質問です。:2007/02/25(日) 23:47:44 ID:ubg33xMN
質問があります。
リンク先のサイトのような、ボタンをクリックすると画面全体に透明レイヤーがかかって
イメージやビデオが表示されるようなモノを最近良く見ますが、これってどうやるのですか。
JAVAですけど。なんか、シンプルなのでどこかにテンプレートありそうですけど。


http://www.duckfarm.net/desktops.html

995 :Name_Not_Found:2007/02/25(日) 23:57:31 ID:???
>>994
Javaじゃねーよ、JavaScript。スレタイ5万回読んで氏ね。

996 :Name_Not_Found:2007/02/26(月) 00:04:38 ID:???
>>995
体育館裏な

997 :Name_Not_Found:2007/02/26(月) 00:07:41 ID:???
>>996
早くしろよ。

998 :sage:2007/02/26(月) 00:10:25 ID:xWX3VrID
なんですか、この悪い口の人達は。

999 :Name_Not_Found:2007/02/26(月) 00:18:22 ID:???
悪い口って

1000 :Name_Not_Found:2007/02/26(月) 00:33:51 ID:???
すいません、質問がありましたが
自己完結しました

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

249 KB
★スマホ版★ 掲示板に戻る 全部 前100 次100 最新50

read.cgi ver 05.04.00 2017/10/04 Walang Kapalit ★
FOX ★ DSO(Dynamic Shared Object)