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

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

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

1 :Name_Not_Found:2006/09/11(月) 23:37:45 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/***/

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

2 :Name_Not_Found:2006/09/11(月) 23:38:18 ID:???
【関聯スレッド】
CSS/DHTMLバグ辞典スレッド 第4版
 http://pc8.2ch.net/test/read.cgi/hp/1078463560/l50
代替スタイルシートに萌え〜
 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でイケてるデザインサイト 26
 http://pc8.2ch.net/test/read.cgi/hp/1120837682/

【仕様書】
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:2006/09/11(月) 23:39:32 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:2006/09/11(月) 23:40:08 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:2006/09/11(月) 23:40:38 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:2006/09/11(月) 23:41:14 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

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

7 :Name_Not_Found:2006/09/12(火) 00:00:07 ID:???
【FAQ】
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は一要素に一つだけ。要素を重ねるなど工夫しませう。

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

8 :Name_Not_Found:2006/09/12(火) 00:00:38 ID:???
【FAQ】
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:2006/09/12(火) 00:01:07 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 :1:2006/09/12(火) 00:03:44 ID:???
ふぅ

11 :Name_Not_Found:2006/09/12(火) 00:19:05 ID:???
乙!

12 :1:2006/09/12(火) 00:29:07 ID:???
>>1
【前スレッド】が***のままだorz

【前スレッド】http://pc8.2ch.net/test/read.cgi/hp/1154599765/

13 :Name_Not_Found:2006/09/12(火) 00:33:08 ID:???
最近みんなどの程度までブラウザのサポートしてる?
Firefox、IE、Opera、Safariぐらいに対応してあったらいいと思うんだけど
ブラウザの各バージョンでも違ってくるし
ケータイとかフルブラウザにも対応させないかんし…

旧バージョンとかのブラウザを揃えるのも一苦労するし
同じブラウザなら複数インストールできないから確認するのも辛い

14 :Name_Not_Found:2006/09/12(火) 00:41:29 ID:???
>>13

Firefox、Operaは最新版で確認
IEは6.0
Safariはどうやって確認しよう?

Netscape4.〜とIE4にはスタイルシート読み込ませない。

15 :Name_Not_Found:2006/09/12(火) 00:55:34 ID:???
前スレ>>991,>>993,>>996辺り

負の text-indent や Off-Left 法が利用されるケースは、
SEO 対策というより、スクリーンリーダ対策の場合もある。
読み上げブラウザではなく表示を単に読み上げるだけのスクリーンリーダは、
media=aural 指定も意味をなさない。
display: none も読み上げない。

英文だけど
http://css-discuss.incutio.com/?page=ScreenreaderVisibility
を参考にしてみて

16 :見出しタグ:2006/09/12(火) 01:20:06 ID:???
現在パソコン2台持っています。
現在スタイルシートで
h1の見出しタグの大きさを変える作業をしています
うまく行ったと思ったのですが、問題が発生しました。


っているパソコンが2台あるのですが、
片方では希望どおりに表記され、
もう片方ではサイズの変更がうまく表示されていませんでした


<html>
<style type = "text/css">
h3 { font-size : 5px }
  h3 { color : blue}
</style>
<body>
  
<h3>こんにちは</h3>
お元気ですか?
  
</body>
</html>


具体的には上記の文法になります
文法に問題があるのでしょうか?パソコンに問題があるのでしょうか?

レベルの低い質問で申し訳ない



17 :Name_Not_Found:2006/09/12(火) 01:29:56 ID:???
>h1の見出しタグの大きさを変える作業をしています
>h3 { font-size : 5px }

h1は変わっていません。
h1の文字の大きさを5pxに変えたいのなら

h1{
font-size:5px
}

としましょう。そしてhtmlのほうも

<h1>こんにちは</h1>

としましょう。

18 :Name_Not_Found:2006/09/12(火) 03:30:31 ID:???
>>前スレの話
fontの相対サイズ指定をするなら、%とかを使わないで
100%なら1にしとく方がいいよ。
バグがあるからそれに陥らないようにする為に。

19 :Name_Not_Found:2006/09/12(火) 03:37:38 ID:???
ul内のaにdisplay: block;を指定すると
Netscapeで見ると何故かページの端まで線が伸びるのですがこれは仕様ですか?


20 :Name_Not_Found:2006/09/12(火) 04:28:26 ID:???
>>18
このスレ最近こういうバカが多すぎる

21 :Name_Not_Found:2006/09/12(火) 04:52:31 ID:???
>>18
line-heightの間違いじゃね?

22 :Name_Not_Found:2006/09/12(火) 09:46:34 ID:???
>>18
>>21
line-height バグ でぐぐった

■Eric's Archived Thoughts: Unitless line-heights(英文)
ttp://meyerweb.com/eric/thoughts/2006/02/08/unitless-line-heights/

■Lucky bag::blog: line-height の値には単位なしが良いとされる理由(和文)
ttp://www.lucky-bag.com/archives/2006/04/unitless-line-heights.html

23 :Name_Not_Found:2006/09/12(火) 10:11:22 ID:???
>>22
一応言っておくが、パーセント指定時の継承問題はバグじゃなくて仕様だぞ。
だから使用目的によって変えるのが正解。
むしろバグがあるのは実数値のほうで、IE3やNN4がおかしなことになる。

24 :22:2006/09/12(火) 10:15:46 ID:???
>>23
おっと失礼。誤解を招くような発言でした・・・
むしろ23に指摘されなかったら自分も「バグ」と誤解したままだったかも。
ありがとう

25 :Name_Not_Found:2006/09/12(火) 11:51:53 ID:???
>>13
俺もみんなどんなブラウザ使ってるか知りたい
ちなみにFirefox最新、Opera最新、IEは6,7ぐらい
モバイルは無いので未検証

26 :Name_Not_Found:2006/09/12(火) 12:23:46 ID:???
>>25
ブラウザシェア
で具グレ。

27 :Name_Not_Found:2006/09/12(火) 12:33:23 ID:???
>>26
シェアじゃなくて、制作者がどのブラウザを入れてて
確認に使ってるか知りたいんだろ。

28 :Name_Not_Found:2006/09/12(火) 12:36:29 ID:???
Firefox最新>Opera最新>IE6>NN4>N7.1>Linx>影鷹

29 :Name_Not_Found:2006/09/12(火) 14:32:16 ID:???
>>28とほぼ同じ。
それにIE5.5が入る。

30 :Name_Not_Found:2006/09/12(火) 15:34:27 ID:???
FireFox最新
opera最新
nn6 7
ie5.1 5.5 6
Safari最新
MacIe 5

31 :Name_Not_Found:2006/09/12(火) 15:43:17 ID:???
IE6、FireFox、Safariでちゃんと見れりゃいいよもう・・・

32 :Name_Not_Found:2006/09/12(火) 15:44:16 ID:???
ところでどうやってSafariなんてどうやってチェックするの?

33 :Name_Not_Found:2006/09/12(火) 15:59:07 ID:???
Safariで確認すればいいだけじゃないか。

34 :Name_Not_Found:2006/09/12(火) 16:05:57 ID:???
>>30 -nn6 +IE7beta だな

35 :Name_Not_Found:2006/09/12(火) 16:19:46 ID:???
IE7なんてXP以上じゃないか・・・・・・・・
はいらねえ

36 :Name_Not_Found:2006/09/12(火) 16:46:52 ID:???
>>33
工エエェ(゚〇゚;) ェエエ工
     ゚し J゚
Mac環境なんてみんな持ってんの?

37 :Name_Not_Found:2006/09/12(火) 17:08:57 ID:???
>>32-33
ウケタ


38 :Name_Not_Found:2006/09/12(火) 17:09:47 ID:???
>>36
確認のために買った。

39 :Name_Not_Found:2006/09/12(火) 18:01:22 ID:???
いまどきマック環境なんて普通でしょ?
フォントのバリエーション増えるしwinでけるし

penMのノートとmacproあれば腕によるが稼げるぜ


40 :Name_Not_Found:2006/09/12(火) 18:44:53 ID:???
Macってシェア少ないしSafariのシェア減少してるんだろ
MacユーザーはFirefox使ってるんだろ?
Firefoxで動作確認できたらそれでええじゃないか

41 :Name_Not_Found:2006/09/12(火) 18:49:54 ID:???
>>39
流石に普通とまではw IntelMacとなると、ヨーロッパ旅行
行けちゃうすぃ。旅行では稼げないとかはさて置き。

42 :Name_Not_Found:2006/09/12(火) 18:50:28 ID:???
>MacユーザーはFirefox使ってるんだろ?

大半のMacユーザは普通にSafariだよ
画面綺麗でええよ

43 :Name_Not_Found:2006/09/12(火) 19:36:05 ID:???
他の環境で問題なければSafariも大丈夫だろう、と思うことにしてる。

44 :Name_Not_Found:2006/09/12(火) 20:52:09 ID:???
Firefoxで大丈夫ならSafariでも大丈夫な感じ。
両者で差が出ちゃったことはないキガス

45 :Name_Not_Found:2006/09/12(火) 21:01:11 ID:???
Safariはulがなんだか他と違うと思う。
何がどうってちゃんと説明出来ないんだけど。。
FireFoxはwinもmacも差が無くていいんだよな。

46 :Name_Not_Found:2006/09/12(火) 21:46:31 ID:???
説明できないなら言うなよ…。
JSの対応がいまいち>Safari

47 :Name_Not_Found:2006/09/12(火) 21:59:24 ID:???
確認するとしたら以下の環境なら十分か
いい情報だと思うから次スレからテンプレ入れない?

Windows環境の人
・Firefox最新
・Opera最新
・NN最新
・IE6

Mac環境の人
・Safari
・Firefox最新
・Opera最新
・IE5 Mac

48 :Name_Not_Found:2006/09/12(火) 22:06:02 ID:???
SafariはKonquererって同じ解釈するの?
するならMacの代わりにKNOPPIXで確認する。

49 :Name_Not_Found:2006/09/12(火) 22:07:07 ID:???
誤: SafariはKonquererって同じ解釈するの?
正: SafariとKonquerorって同じ解釈するの?

orz

50 :Name_Not_Found:2006/09/12(火) 22:44:30 ID:???
>>47
全く必要な情報でもないし、しょっちゅう変わるだろ。
質問者が環境を書く今のテンプレだけで十分。

51 :Name_Not_Found:2006/09/12(火) 23:30:48 ID:???
>>47
winIEの5とかまだ結構いるよ。
テンプレに入れるような内容じゃない

52 :Name_Not_Found:2006/09/12(火) 23:34:50 ID:pajl/k6l
NNとFF同じじゃね?

53 :Name_Not_Found:2006/09/12(火) 23:41:08 ID:???
またまたご冗談を

54 :Name_Not_Found:2006/09/12(火) 23:49:33 ID:???
>>52
NN4はメタクソ、N7はCSS2.0準拠、FxはCSS2.1準拠。

55 :Name_Not_Found:2006/09/12(火) 23:57:39 ID:???
いまNN4ってどんな人が使ってんの?
Macだと数年前のOS9時代には多かったけど…

56 :Name_Not_Found:2006/09/13(水) 00:07:08 ID:???
>>55
企業だとWin95のN4が義務づけられてるところはあった。

57 :Name_Not_Found:2006/09/13(水) 00:15:57 ID:???
今でもあるんだね
正直そんな場からの閲覧率は無視してぇ

58 :Name_Not_Found:2006/09/13(水) 00:31:40 ID:???
IE7の重さに耐えられず、N4を起動してみたらその軽さにハマったというブログなら読んだ

59 :Name_Not_Found:2006/09/13(水) 00:41:41 ID:???
でもNN4に関してはがんばって対応というよりは
CSS適応外ねハイハイって扱いが多いでしょ

60 :Name_Not_Found:2006/09/13(水) 00:44:57 ID:???
どこがどうなって「でも」という接続詞が来るのか。
ついでに上の確認ブラウザを見てないのか。
そこまでや奴はNN4用は別のCSS割り当ててるだろ。

61 :Name_Not_Found:2006/09/13(水) 00:48:07 ID:???
むしろCSSを適用してくれないから軽くていいという意見もありそうだな

62 :Name_Not_Found:2006/09/13(水) 00:59:09 ID:???
正直IE4とか5とかで見られるより、ネスケ4で見てくれたほうがありがたい。
し、見やすいと思う。微妙に崩れるのが一番見にくい。

63 :Name_Not_Found:2006/09/13(水) 01:44:51 ID:???
NN使うくらいならDonut使う

64 :Name_Not_Found:2006/09/13(水) 03:19:56 ID:???
へたにNN4なんかに対応するから未だに使ってんだ。無視無視。

65 :Name_Not_Found:2006/09/13(水) 03:23:46 ID:???
>>21-23
ググってみたらフォントサイズでも継承は起きるみたいだよ。
ttp://fb.skr.jp/bowz/archives/000414.html

66 :Name_Not_Found:2006/09/13(水) 04:24:26 ID:???
>>65
当たり前だろう。
全然会話の内容理解してないようだから、勉強しておいで。

67 :Name_Not_Found:2006/09/13(水) 04:28:21 ID:???
継承の問題が起きないようにする為の、単位無し指定の話なんじゃないの?
会話の内容を理解できてないのはどっちだろう

68 :Name_Not_Found:2006/09/13(水) 04:31:31 ID:???
>>65
>>21 が言っているのは、単位なし実数値が使えるかどうかって話。

line-height では value に <number> が認められているから、使える
http://www.w3.org/TR/CSS21/visudet.html#line-height

font-size では使えない
http://www.w3.org/TR/CSS21/fonts.html#font-size-props

69 :Name_Not_Found:2006/09/13(水) 04:42:02 ID:???
>>68
ああ、そういうことね。
把握した。

70 :Name_Not_Found:2006/09/13(水) 13:32:51 ID:???
>>67
プギャー

71 :Name_Not_Found:2006/09/13(水) 14:36:32 ID:???
あーチクショ
フロートでマルチカラムにしたら
IE6ではズレて(text-align:center;で解決)
IE7ではまともに表示できて…
Mac版IEでは果てしない横スクロールがでる(解決できねーw

72 :Name_Not_Found:2006/09/13(水) 14:40:16 ID:???
>>71
floatedな非置換要素にはwidthの明示が必要。

73 :Name_Not_Found:2006/09/13(水) 14:58:21 ID:???
>>72
それは2.0。2.1では必要ない。

74 :Name_Not_Found:2006/09/13(水) 15:19:26 ID:???
>>73
MacIEでの話だろ。まあMacIEでどうなのかは俺は知らないが。

75 :Name_Not_Found:2006/09/13(水) 15:34:31 ID:???
IE6やら7やらの話をしてるのに、どうしてMacIE?

76 :Name_Not_Found:2006/09/13(水) 15:36:05 ID:???
>>71の最後。
マクIEは2.0でいいと思う。
でももうサポート終了したし無視していいと思う。

77 :Name_Not_Found:2006/09/13(水) 15:48:28 ID:???
MacIE5なんてすでにAppleサイトすらズレてたりするしな

78 :Name_Not_Found:2006/09/13(水) 15:52:12 ID:???
アポーサイトは元々酷いからな

79 :Name_Not_Found:2006/09/13(水) 15:54:43 ID:???
クラシックは過去の遺物だからな。

80 :Name_Not_Found:2006/09/13(水) 17:33:32 ID:???
>>79
OS X 版もある>MacIE

まあ、無視するかどうかは方針の問題。
業務案件だとクライアントが初代 iMac を持っていたりして、
無視できなかったりすることもある。

81 :Name_Not_Found:2006/09/13(水) 18:20:19 ID:???
adobeさんはいち早くmacieを見捨てました

82 :Name_Not_Found:2006/09/13(水) 19:54:57 ID:???
position:absoluteってIEじゃサポートされてない?
opera9だと理想通りなんだがIE6で見るとかなりひどいことに・・・

83 :Name_Not_Found:2006/09/13(水) 19:56:56 ID:???
はあ?

84 :Name_Not_Found:2006/09/14(木) 03:30:02 ID:???
>>82
それは君が間違ってる

85 :Name_Not_Found:2006/09/14(木) 05:08:57 ID:???
>>82
position:fixed

86 :Name_Not_Found:2006/09/14(木) 21:29:14 ID:???
質問です。
画像に対して文字を回り込みさせたいのですが、
floatを使って左や右に回り込ませる方法はわかりますが、
画像を中央に配置して文字をまわりに回り込ませる方法ってあるのでしょうか?

例えば、
<div style="position:relative; width:200px; height:200px;">
文字文字文字文字文字文字…(後略・回り込みが必要な程度の文字)
<img src="image.jpg" style="position:absolute; left:50px; top:50px; width:50px; height:100px" />
</div>
とあった場合、この書き方だと画像の裏側に文字が隠れてしまいますが、
これを上手く左右に回り込ませる方法を考えています。

ある程度DOM構造が変わっても問題ありません。何かアイデアがあれば是非教えてください。
よろしくお願いします。

87 :Name_Not_Found:2006/09/14(木) 21:35:02 ID:???
みなさん。質問です。

スタイルシートをかじったことのある上司に
社内のスタイルシートがまともに使ってないサイトを
スタイルシートを使いまくりのサイトに再編するよう言われたのですが、
1px単位の位置まで正確に復元しないとだめですか?
上司が無茶いうとです。

何て言うか、例えると
ヤムチャがクリリンにフリーザの倒し方を教えるようなもんです。

誰か助けてください。
重複してたり、スレ違いならごめんなさい。

88 :Name_Not_Found:2006/09/14(木) 21:44:14 ID:???
>>86
思い付かないな。たぶん無理。

>>87
上司のブラウザを基準にすべての単位系をpxでつっこめば可能じゃないかね。
スタイルシート構成にする意味があるかは微妙だが。

…全てのボックスの位置をjavascriptで取ってposition:absoluteなdivで
置き換えるなんていうバカ荒技とか…ちょっと面白そう…

89 :Name_Not_Found:2006/09/14(木) 21:50:08 ID:???
>>87
>1px単位の位置まで正確に復元しないとだめですか?
上司がそう言ったのか?それをはいはい受けたのか?
業者に頼め。

90 :86:2006/09/14(木) 21:52:17 ID:???
>>88
やはり無理ですかね。
何とか実現しようと色々な方法を考えてみたんですが、
解決のきっかけとなるアイデアさえ浮かばない状態です。

91 :Name_Not_Found:2006/09/14(木) 22:03:08 ID:???
>>90
技術的には、Eric Meyer の Boxpunch を応用すれば
何とかなりそうな希ガス
http://meyerweb.com/eric/css/edge/boxpunch/demo.html

ただ、HTML としての妥当性が維持されるかどうかは別

92 :86:2006/09/14(木) 22:14:24 ID:???
>>91
面白いサイトありがとうございます。
そのサイトは基本的にfloatを使って実装されているようで、
やはり左右同時の回りこみは無理みたいですね。
しかしなかなか面白いコンテンツ満載でしたので、もう少し見てみます。

実現できるならばHTMLとしての妥当性に関してはある程度諦めるつもりではいます。

93 :87:2006/09/14(木) 22:26:43 ID:???
レスありがとうございます。

>>88
>>すべての単位系をpxで
元サイトの単位がpxです。
でも、目の悪い社員もいるから、フォント変換のできるemを基準単位にしろって聞きません。
だからpx単位のズレがでるんです。

>>87
>>上司がそう言ったのか?
「みろ!ズレてる!画像が動く!」
こんなことしかいいません。

>>それをはいはい受けたのか?
いいえいいえ言いました。
でも、「これは、お前への課題だ!」と言い続けてます。
borderの定義を知らなかったのに、講義もします。

もういや

94 :Name_Not_Found:2006/09/14(木) 22:39:49 ID:???
>>93
目の悪い奴はOperaみたいに拡大できるブラウザ使わせりゃいいんじゃないかと

95 :Name_Not_Found:2006/09/14(木) 22:41:29 ID:???
>>87
お前さんの力量がわからないし、グチ言うだけのスレは他にある。
文字の大きさを可変にして、それに対応するなら、PX単位で同じってのは既に無理。
取り合えず、作れるだけ作ればいいじゃん。
上司の方がホントにお詳しいなら、添削してくれるでしょ。

96 :名無し~3.EXE:2006/09/14(木) 23:45:48 ID:???
>>87
横幅をpx指定でフォントサイズをemでおkだろ

97 :Name_Not_Found:2006/09/15(金) 00:36:17 ID:???
>>93
リキッドデザインのサイトを見せて、
さまざまな環境に合わせてより美しく見やすく見えるのが
いいhtmlなんですって教えたら?
ちょっと嘘だけど目的の為にはしょうがないw

98 :Name_Not_Found:2006/09/15(金) 01:09:22 ID:???
みんなやさしいな。
同業者同士分かりあえるのか。

99 :Name_Not_Found:2006/09/15(金) 17:12:08 ID:oKgwom2r
<style type="text/css">
<!--
body{
background-color:#ffffff;
}
a:hover img{
background-color:#ffffff;
}
a:hover{
background-color:#ff0000;
}
img{
margin:5px;
border:none;
}
-->
</style>
<div style="text-align:center;margin:-5px;">
<a href="***.html"><img src="***.gif" width="150" height="150"></a><a
href="***.html"><img src="***.jpg" width="150" height="150"></a><a
     (中略)
href="***.html"><img src="***.jpg" width="150" height="150"></a>
</div>

リンクテキストにマウスを重ねたときは背景色が赤に変わって、
リンクイメージの場合は背景色が変更しないようにしたいのですが、
operaやfirefoxで確認すると画像下部の背景色が変わってしまいます。
アドバイス・ヒント、よろしくお願いいたします。

100 :Name_Not_Found:2006/09/15(金) 17:13:50 ID:???
>>99
imgのあるaにclassを割り当てる。

ところで
<div style="text-align:center;margin:-5px;">
これもインラインスタイルはやめれ・・・

101 :Name_Not_Found:2006/09/15(金) 17:23:36 ID:???
初歩的なことで申し訳ないのだけれど、なぜインラインスタイルはよくないのでしょうか。
私はJavaScripterなので、つい多用してしまうのですが…

102 :99:2006/09/15(金) 17:25:29 ID:oKgwom2r
>>100
ありがとうございました。
うまくいきました。

103 :Name_Not_Found:2006/09/15(金) 17:30:59 ID:???
>>87
普通に作っといて、上司が席を離れた隙を見てpxでガチガチに固めたユーザスタイルを仕込めばおk

>>99
a img { line-height : 0 ; } でいけたような気がする。うろ覚えだから違ったらごめん。

>>101
スタイルを変えるのにHTMLを編集しないといけないから。
スタイルシートやスクリプトは全部別ファイルに分離しとくほうが(本来は)圧倒的に楽。

104 :Name_Not_Found:2006/09/15(金) 17:34:32 ID:???
>>103
なるほど、言われてみればスタイルシートを切り替えられるのは重要ですね。
私はHTMLをマークアップ言語ではなくUI記述言語と捉えているからインラインが楽だと思っていることに気付きました。

105 :Name_Not_Found:2006/09/15(金) 18:27:02 ID:X3yc2Fy6
画像とテキストを組み合わせるときに、必ずしも回り込みをさせるわけではないのですが
もし回り込みを指定(align="left")した時には、画像と文字の距離を「〜px分空ける」という風にする
方法があれば教えていただけないでしょうか?

106 :87:2006/09/15(金) 19:10:56 ID:???
>>94
>>拡大できるブラウザ
fxだからpxは使えないとか言います。

>>95
>>上司の方がホントにお詳しいなら、添削してくれるでしょ。
添削してくれましたが、表の開始点がそろったら黙りました。(´・ω・)

>>96
>>横幅をpx指定でフォントサイズをemでおkだろ
横幅がpxだと回り込みが発生しました。

>>97
>>リキッドデザインのサイトを見せて、
そんなことしたら、全サイトの改訂を命令されます。
恐ろしい事言わないで下さい。

>>103
>>上司が席を離れた隙を見てpxでガチガチに固めたユーザスタイルを仕込めばおk
ちょwww
毎週上司が使うから無理です。


というわけで95さんのレスから、
pxからemへの完全変換は無理と伝え、
一番左の線をpxで合わせたら、
「こういうのでいいんだよ。」と言って黙りました。

皆様本当にありがとうございました。
では名無しに戻ります。

107 :Name_Not_Found:2006/09/15(金) 19:14:28 ID:???
転職するか部署変えて貰いなさい…

108 :Name_Not_Found:2006/09/15(金) 19:31:16 ID:???
>>105
そのclearを指定したブロック要素にmarginを取る。

>>106
上司よりもおまえが逝ってヨシ。

109 :105:2006/09/15(金) 19:41:51 ID:???
>>108
<img class="hidari" src=xxxxx.jpg width="xx" height"xx">

外部cssに
.hidari {
float: left;
margin-right: 10px;
margin-bottom: 8px;
}

上記のように書いたのですが、何の変化もありません。
どの変が間違えているのでしょうか?


110 :Name_Not_Found:2006/09/15(金) 20:13:29 ID:???
>>106
もうちょっと日本語を勉強してきてくれ

111 :Name_Not_Found:2006/09/15(金) 20:33:22 ID:???
>>109
clearした要素に、と言っただろう。
floatした要素に、ではない。

112 :Name_Not_Found:2006/09/15(金) 20:52:00 ID:???
clearしたやつだとやってることがちがうような。
ていうかfloatしたやつでもいいような。

113 :Name_Not_Found:2006/09/15(金) 21:04:40 ID:???
>>109
それで動かないはずは無いんだが・・?

>>111
お前勉強し直せ

114 :Name_Not_Found:2006/09/15(金) 21:26:59 ID:???
>>109
念のため、ブラウザのキャッシュをクリアしてみそ
あと、height 属性と値の間、イコールが抜け

115 :Name_Not_Found:2006/09/15(金) 23:00:50 ID:???
>>114
キャッシュクリアで出来ました!う〜んCSSって難しいですね。
みなさん、どうもありがとうございました。

116 :Name_Not_Found:2006/09/15(金) 23:30:21 ID:???
マウスカーソルを合わせるとフォントの装飾(主に bold 化)を変えられてチラチラしてウザイ
→ユーザースタイルシート a:hover { font-weight: normal !important; }
→元からリンクを bold にしてある所だと逆にまたウザくなる

('A`)どうすればいいですか・・?

117 :Name_Not_Found:2006/09/15(金) 23:41:31 ID:???
いままでTABLEやインラインでのスタイルを当たり前のように使っていましたが
脱旧世代を目指してCSSに挑戦しました。
TABLEをCSSに置き換えるのは大変ですね
DIVの入れ子とfloatでグリグリしたけど何とかできました やっと理解出来た。
ただNNやFXとIEの表示の違いを直すのに2日も悩んでしまいました。

ここのスレを読んで助かりました。

118 :Name_Not_Found:2006/09/15(金) 23:59:22 ID:???
>>116
display: none;

>>117
おめでと。
ついでに論理マークアップも覚えるといいよ。

119 :117:2006/09/16(土) 00:34:20 ID:???
>>118
論理マークアップですね ちょっとググッてみたのですが
fontタグやbタグを使用せずにstrongやemを使用することですね
今回はdtやddをスタイルシートで色指定しただけでしたので、そこまで気にしていませんでした。
早速、スタールシートや標準化?の書籍を購入してきます。

120 :Name_Not_Found:2006/09/16(土) 00:58:14 ID:qDiI1day
(´・ω・`)

121 :Name_Not_Found:2006/09/16(土) 01:00:31 ID:???
>>116
a { font-weight: normal !important; }

>>117
「脱初心者をめざす人のためのホームページ作成講座」
 http://elastic965.80code.com/

122 :Name_Not_Found:2006/09/16(土) 01:09:23 ID:???
文章中の画像の位置を真ん中に指定するとか左よりにするというのは
HTMLとCSSのどちらでやるべきなのでしょうか?

123 :Name_Not_Found:2006/09/16(土) 01:21:28 ID:???
htmlのalignって非推奨じゃなかったっけ

124 :Name_Not_Found:2006/09/16(土) 01:24:35 ID:???
>>123
ということはCSSで指定するべきなのでしょうか?
構造はHTML、デザインはCSSと聞いたのですがどちらにも当てはまりそうなので悩んでました。
ちなみに<img src="---.jpg" align="center">では真ん中に表示されませんでした。

125 :Name_Not_Found:2006/09/16(土) 01:28:01 ID:???
つ<p>

126 :Name_Not_Found:2006/09/16(土) 05:50:54 ID:???
http://www.w3.org/TR/html401/sgml/loosedtd.html#IAlign
  <!ENTITY % IAlign "(top|middle|bottom|left|right)" -- center? -->

127 :Name_Not_Found:2006/09/16(土) 12:13:17 ID:F/n6kr7j
質問をさせてください。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html><head><title>test</title></head><body>
<div style="position:relative;width:100px;height:100px;overflow:auto">
<span>あ</span><span>あ</span><span>あ</span><span>あ</span><span>あ</span><span>あ</span><!--
--><span>あ</span><span>あ</span><span>あ</span><span>あ</span><span>あ</span><span>あ</span>
</div></body></html>

上記のように、CSSにwidthを指定してあるdivに対して<span>で囲んだ「あ」を12個配置するHTMLを、
Safariで表示した場合にどうしても上手く表示することが出来ません。
IEやFirefoxの表示のされ方とはちがい、100pxで折り返さずに同じ行に表示され、
そしてなぜか最後の1個だけ次の行に出ます。イメージとしては下のような感じです。

あああああああああああ


各文字を<span>で囲むのは、今書いているscriptの特性上どうしても避けられないのですが、
それ以外に関しては比較的自由に調整出来ます。なんとかこの問題を回避する方法は無いでしょうか?
皆さんのアイデアをお貸しください。よろしくお願いします。

128 :Name_Not_Found:2006/09/16(土) 12:33:45 ID:???
>>127
Safariがおかしいわけじゃないよ。
overflow:autoに従ってスクロール表示されてるだけ。
文字の大きさによっても違うし、フォントにもよる。
それに少なくともサンプルでは、デフォのmargin・paddingも殺して無い。
X文字数分を横一列にしたいなら、width:Xem;とでもすれば。

129 :Name_Not_Found:2006/09/16(土) 12:53:52 ID:???
>X文字数分を横一列にしたいなら、width:Xem;とでもすれば。

いやいやいや

130 :Name_Not_Found:2006/09/16(土) 13:14:58 ID:F/n6kr7j
>>128
overflow:hiddenやoverflow:visibleでも折り返さないのですが、
仮にoverflow:autoで折り返さないとしても、IEやFirefoxの実装の方が正しいんじゃないですか?

それに、

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "(p)http://www.w3.org/TR/html4/strict.dtd">
<html><head><title>test</title></head><body>
<div style="position:relative;width:100px;height:100px;overflow:auto">
<span>ああああああああああああ</span>
</div></body></html>

この書き方だと折り返されますけれど、正直違いがわかりません。

131 :Name_Not_Found:2006/09/16(土) 13:20:34 ID:???
ならSafariがおかしいでいいよ。バグ報告したらいいじゃない。

132 :Name_Not_Found:2006/09/16(土) 13:47:51 ID:???
>>130
補足。>>127のソースのように、ソースを改行せずに書くとスクロールバーが出る。
改行を入れると折り返されるが半角扱いになる。IEのulみたいな感じ。
>>128で言った幅をem指定する件、emは文字の高さってのはわかってる。
だがほとんどの場合で有効なのも事実。
それから>>130の情報があるなら、先に出しておくもの。それとも釣られた?

133 :Name_Not_Found:2006/09/16(土) 14:01:48 ID:???
>>131
質問者はSafariで動かないからどう回避すればいいかと聞いているんだとおもったが

134 :Name_Not_Found:2006/09/16(土) 14:11:45 ID:???
>>130
132は日本語が読めない奴のただの逆切れだから気にしないほうがいい。

Safariでやってみたけど、終了タグと開始タグが重なると改行されないみたいだね。
聞いたことの無いバグだから、既に見つかっている対処法はないと思うよ。

135 :Name_Not_Found:2006/09/16(土) 14:37:13 ID:F/n6kr7j
>>134
いえ私の日本語も変でした。

>>132
130の情報は128を見てから自分で試してみた情報です

136 :116:2006/09/16(土) 14:49:34 ID:???
>>118
工工エエェェ(´д`)ェェエエ工工

>>121
できるだけ元のサイトのデザインを崩さないように
とか考えてたけどやっぱ元から固定してやるしかないですか

ありがとうございました(´∀`)

137 :Name_Not_Found:2006/09/16(土) 16:03:46 ID:???
>>135
面白そうだからやってみたけど、そのバグは<span></span>間に2バイト1文字+1文字以上、
つまり2文字以上入ってると発生しなかった。
1文字ずつspanってあんまないと思うんで、そのscriptにも問題あるのかも。

138 :Name_Not_Found:2006/09/16(土) 16:06:35 ID:F/n6kr7j
>>137
2文字以上はいっている場合でも、</span><span>の間で改行されることは絶対にないようですね。
1文字ずつ装飾を変えるスクリプトで、1文字ずつspanで囲うことによって実装しています。

139 :Name_Not_Found:2006/09/16(土) 16:12:59 ID:???
>>138
></span><span>の間で改行されることは絶対にないようですね。
そんな事ないけど。

140 :Name_Not_Found:2006/09/16(土) 16:17:51 ID:???
>>139
本当ですか!?
そこに解決のきっかけがあるかもしれません、どういうときに改行されたか教えてもらえません?

141 :Name_Not_Found:2006/09/16(土) 16:22:58 ID:???
>>140
<span>あ</span>を例えば<span>あa</span>に置き換えただけだけど。。

142 :Name_Not_Found:2006/09/16(土) 16:51:52 ID:???
グラデーションでもやってるんかな。
2文字以上にするのは現実的に不可能そうだねぇ。

143 :Name_Not_Found:2006/09/16(土) 16:54:09 ID:???
画像にするべき。

144 :Name_Not_Found:2006/09/16(土) 17:25:00 ID:???
>>141
ざんねんながら私の環境では、あとaの間で必ず改行が入ってしまいました。

>>142
designMode=onの時の小細工のため、一時的に全文字の座標を計算するためにspanで囲っています
残念ながら不可能そうですね。困ったな。

145 :Name_Not_Found:2006/09/17(日) 06:02:20 ID:???
もうNN4はCSS外しでいいですか…
(´・ω・`)

146 :Name_Not_Found:2006/09/17(日) 06:19:59 ID:???
NN専用のCSSを割り当てとけ

147 :Name_Not_Found:2006/09/17(日) 12:16:22 ID:???
JSSSがあるじゃないか

148 :Name_Not_Found:2006/09/17(日) 12:32:06 ID:???
多い気がする【謎】

149 :Name_Not_Found:2006/09/17(日) 17:17:01 ID:???
リンクテキストを画像に置き換えたい場合、
font-size:0;とやってしまうのはSEO上スパム扱いになってしまうのでしょうか?
text-indentでマイナスの値を指定するのが無難なんでしょうか?
他に良い方法があれば教えてください。

150 :Name_Not_Found:2006/09/17(日) 17:21:17 ID:???
何でマイナスじゃダメなん?

151 :Name_Not_Found:2006/09/17(日) 18:00:37 ID:???
俺はいつも
text-indent: -50in;
を使ってる。
これくらいにしかインチなんて使えんしなぁ。

152 :Name_Not_Found:2006/09/17(日) 18:10:55 ID:???
スキルの無い奴はみんなそうするな。

153 :Name_Not_Found:2006/09/17(日) 18:25:29 ID:???
>>150

全体を中央ぞろえにしてから

<h1><a href="hogehoge">サイトのタイトル</a></h1>

h1 {
text-indent:1000%;
}
h1 a {
display:block;
width:700px;
height:50px;
background:url("title.jpg");
}

タイトルバナー(h1aの背景)700×50pxをクリックした時、
アンカー枠の点線が出ますよね。
InternetExplorer6.0ではサイズどおりで問題ないのですが、
Firefox1.5では画面の左端から画像の右端までアンカー枠の点線が表示されてしまうのです。
なんだかカッコ悪かったので良い方法はないかなと思ったわけであります。

154 :Name_Not_Found:2006/09/17(日) 18:40:51 ID:???
>>153
overflow:hidden

155 :153:2006/09/17(日) 18:53:59 ID:???
>>154
ありがとう 。・゚・(ノД`)・゚・。 完璧です!!

156 :Name_Not_Found:2006/09/17(日) 20:14:42 ID:???
h1 a { outline-style: none; }
でもいけんじゃね

157 :Name_Not_Found:2006/09/17(日) 22:28:55 ID:???
outlineないと困る
戻ったときにそれで自分がどこにいったか確かめるから

158 :Name_Not_Found:2006/09/17(日) 23:49:25 ID:h2oxAvnS
>>149

visibility: hidden;

を追加すればいいだけだとおもうよ?

159 :Name_Not_Found:2006/09/17(日) 23:56:03 ID:???
バロス

160 :Name_Not_Found:2006/09/18(月) 00:10:46 ID:???
>>157
そりゃ本来は :vlink なんじゃない?
たまたま今の Gecko はバックボタンで戻ったときに、
outline が残っているけど、そういう取り決めは仕様になかったんじゃない?

161 :Name_Not_Found:2006/09/18(月) 00:15:14 ID:???
>>160
vlinkとは別物。Fxだからどうこうでもない。

162 :Name_Not_Found:2006/09/18(月) 00:27:45 ID:???
:vlink じゃなくて、:visited

163 :Name_Not_Found:2006/09/18(月) 00:42:52 ID:???
vlinkは属性にあるけど:vlink疑似クラスはないな

164 :Name_Not_Found:2006/09/18(月) 00:52:49 ID:???
ttp://www.apple.com/jp/education/
このサイトの右上にある「小中高・大学・Students・製品の購入」をクリックして
各ページに飛ぶと、そのページの部分だけ色が変わるのは
ttp://images.apple.com/jp/education/images/nav_k12.gif
の画像をpositionで指定しているってのまでは解ったのだけど

ttp://www.apple.com/jp/education/k12/ ←小中高が青に変わっている
ように、そのページにいたら対象の部分が置き換わるってのはどういう風に再現してるの?


165 :Name_Not_Found:2006/09/18(月) 01:05:05 ID:???
自分で解析するのがめんどうだからって
人に頼むなよ

166 :Name_Not_Found:2006/09/18(月) 01:14:23 ID:???
>>164

質問の意味がわかんね。日本語でおk

167 :Name_Not_Found:2006/09/18(月) 01:14:36 ID:???
>>164
そのサイトでどうやってるかは置いといて、
普通はliに該当ページだけ別のidやclass振る。

168 :160:2006/09/18(月) 01:16:08 ID:???
ああ、すまん。適当に書くと間違えるな。

まず、デフォルトスタイルシートの例が CSS 仕様にあって、
http://www.w3.org/TR/CSS21/sample.html

 :focus { outline: thin dotted invert }

とある。Gecko で実装されてるのもほとんどこれと同じなわけでしょ。
そこで、>>157 は「戻ったときに」と言ってるわけだけど、
バックボタンで戻ってもフォーカスが有効のまま保持されるかどうかは、
ブラウザ依存じゃないかってこと。
戻って、再描画した際に、フォーカスが無効になっていても仕様違反ではないわけで、
その様なブラウザが同じデフォルトスタイルを持っているなら、outline は消えるはず。
そうすると、一度辿ったリンクを CSS で装飾するには、
:visited という正にそのためのセレクタがあるんだから、
:focus よりそっちをアテにする方が正解なんじゃないのかって話。

言いたかったのはそういうこと。

169 :Name_Not_Found:2006/09/18(月) 09:49:58 ID:???
>>168
outlineの最初の目的を調べてみよう。

170 :Name_Not_Found:2006/09/18(月) 14:57:03 ID:L9H2uvzc
marginとpaddingの違いと、
テーブルのボーダーの内側に余白を入れる場合は
どちらを使用した方がいいか
よければ教えてください

171 :Name_Not_Found:2006/09/18(月) 15:12:20 ID:???
おまえこれで何度目だよ
人に効いてばっかりしてんじゃねぇよ
ここはお前の悩み相談室じゃねぇんだぞ
ちょっとは自分で調べろや

172 :Name_Not_Found:2006/09/18(月) 16:35:52 ID:???
>>170
padingはborderの内側で背景がつく、marginはborderの外側。
セルの内側はpadding。

173 :Name_Not_Found:2006/09/18(月) 17:25:02 ID:???
>>172
ありがとうございます!

174 :Name_Not_Found:2006/09/18(月) 21:29:30 ID:E6iUD4zs
メニューのリンクでマウスが載ったら画像が変わるようにしたいのですが

#x{
margin: 0;
padding: 0 0 1px 5px;
list-style-type: none;
}
#x li{
display: inline;
margin: 0 -3px 0 0;
padding: 0;
}

<ul id="x">
<li><a href="">wht’s new</a></li>
<li><a href="">profile</a></li>
<li><a href="">blog</a></li>
<li><a href="">link</a></li>
</ul>


http://p.pita.st/?fbdvkokm
↑左の画像をマウスが乗ったら右の画像にするにはどうすれば良いですか?
profileなどの画像も作ってあります。wht’snewとprofileとの間を調節するにはどうすれば良いですか?
上の文までは自分で調べたのですが、その後わからなくなりました。
よろしくお願いします。


175 :Name_Not_Found:2006/09/18(月) 21:56:22 ID:???
>>174
ttp://www.stylish-style.com/csstec/basic/l-rollover6.html

176 :Name_Not_Found:2006/09/18(月) 22:00:50 ID:???
>>174
どうでもいいけどさ、wht’s newはあんまりだと思うべさ。 

177 :Name_Not_Found:2006/09/18(月) 22:29:38 ID:O5NTaxgR
質問です
htmlのソースに

<img src="以下略>
<img src="以下略>
<img src="以下略>

と改行して<imgタグを入れると、ブラウザ上ではイメージとイメージの間にスペースができますよね?
CSSで改行文字をスペースに変換しないような設定ってできますか?
全部<div></div>で囲まないとだめでしょうか?

178 :Name_Not_Found:2006/09/18(月) 22:30:02 ID:E6iUD4zs
>>175
うお、ありがとうございます!

>>176
たしかにw

179 :Name_Not_Found:2006/09/18(月) 22:38:30 ID:???
>>177
1.改行しない。
2.ちゃんと勉強すればCSSでも出来るが、
改行文字をスペースに変換しないような設定が出来ると思うな。

180 :Name_Not_Found:2006/09/18(月) 23:10:05 ID:???
>>177
<img src="以下略><!--
--><img src="以下略><!--
--><img src="以下略>
は反則ですか?

181 :Name_Not_Found:2006/09/19(火) 00:44:50 ID:???
>>177
img { float: left }

182 :177:2006/09/19(火) 01:43:53 ID:???
>>179-181
とりあえずfloat使うことにしました。
ありがとうございます。

183 :Name_Not_Found:2006/09/19(火) 09:32:57 ID:???
floatされたボックスの高さが、親要素のボックスの高さを継承するようにするにはどのように
すればよいですか?

<div id="A">
<div id="B"></div>
<ul id="C"></ul>
</div>

A#div { width: 800px; height: auto;}
B#div { width; 600px; height: auto; float:left; }
C#ul { width: 200px; height: 100%; float: right;}

という場合でBのボックスの高さと連動して、Cの高さも可変するようにしたいのですが。

184 :Name_Not_Found:2006/09/19(火) 09:57:01 ID:???
>>183
背景画像でそれっぽくごまかす

185 :183:2006/09/19(火) 10:11:25 ID:???
184>>
背景に地色を敷いているのでそれじゃダメなんですよ。


186 :Name_Not_Found:2006/09/19(火) 10:16:18 ID:???
>>183
Cに背景色なり背景画像なり指定してて、それがBの高さと同じになるようにしたい
ってことか?

187 :183:2006/09/19(火) 10:28:04 ID:???
186>>
そういうことです。
Bの高さがページによってまちまちなので、いちいちCの高さを設定するのが
めんどくさいので。

中々うまいかないっす…。

188 :Name_Not_Found:2006/09/19(火) 10:44:08 ID:???
無理。

189 :Name_Not_Found:2006/09/19(火) 11:51:06 ID:???
>>183
そんな単純セレクタくらい正しく書けよ。

190 :Name_Not_Found:2006/09/19(火) 12:03:49 ID:???
IEを無視すればものすごく簡単にできるけどな。

#Cの背景を#Aに指定するんじゃだめなの?

191 :Name_Not_Found:2006/09/19(火) 12:09:40 ID:???
>>189
・・・質問者じゃないが、見ても気づいてなかったwww

192 :186:2006/09/19(火) 13:52:45 ID:???
>>187
#Aに背景色とかないんだったら>>190でおk。
そうじゃなければ、
div足してもいいなら、
<div id="A">
<div id="D"> ←追加
<div id="B"></div>
<ul id="C"></ul>
</div> ←追加
</div>
で、#Cじゃなくて#Dに背景色なり背景画像なり指定する。
#Cが#Bより高くなるとダメだが。

どっちの場合も#Bには別の背景を被せる。

193 :Name_Not_Found:2006/09/19(火) 15:54:19 ID:???
無意味なdivは(ry

もしbodyの中身が丸々div#Aになってるならbodyやhtmlが使えることを忘れずに。
まあそういう状態ならdiv#A自体(ry

194 :Name_Not_Found:2006/09/19(火) 16:42:45 ID:???
text-indent: -9999px;でテキスト吹っ飛ばしていると、
ネットスケープで見るとブラウザの横までラインが出るのは仕様ですか?

195 :Name_Not_Found:2006/09/19(火) 17:22:56 ID:???
divを多用してはいけないというのをよく見かけますが
変わりに何を使えば良いのでしょうか?

身動き取れない状態で困ってます。

196 :Name_Not_Found:2006/09/19(火) 17:24:05 ID:???
このスレ内でも既に何度か出た話。FXでも出る。

197 :Name_Not_Found:2006/09/19(火) 18:12:34 ID:???
不必要に多用しなければいいよ。
目的の実現に必要なdivならしょうがない。
それさえも認めない一部の強硬派ストリクタは放置しといていい。

198 :Name_Not_Found:2006/09/19(火) 18:17:35 ID:O+roDsFn
>>175
これって一つずつの画像の横幅違うと使えないのでしょうか?

199 :Name_Not_Found:2006/09/19(火) 18:40:55 ID:???
どうなるかやってみりゃいいじゃん。

200 :Name_Not_Found:2006/09/19(火) 18:43:58 ID:O+roDsFn
恥ずかしながらこんなんなりました・・・。
http://www.geocities.jp/yama6313/

201 :Name_Not_Found:2006/09/19(火) 18:52:19 ID:???
>>200
なんか少し前にアップルのサイトを解析しとるのがおったけど

202 :Name_Not_Found:2006/09/19(火) 19:06:03 ID:???
>>200
横幅違いじゃないじゃん。
で、ここはCSS質問スレだけど。

203 :Name_Not_Found:2006/09/19(火) 19:11:33 ID:O+roDsFn
>>202
どうなおしたらまともに表示されますか?

204 :Name_Not_Found:2006/09/19(火) 19:32:10 ID:???
>>203
親切な人が解説サイト貼ってくれたでしょ。
何がわからないわけよ?

205 :Name_Not_Found:2006/09/19(火) 19:32:53 ID:???
>>195
場当たり的に使うのは良くないくて、どっちかというとXHTML 2.0のsection代わりのように使うべきだとは
言われるが、別に「多用」すること自体は構わない。

だがそもそも、ちゃんとしたHTMLを書けばdivは必要不可欠ではないことが多いし、
いわゆる段組スタイルも、ちょっと工夫すればdivが要らなくなることも少なくない。
将来IEの実装がまともになったり(いつのことだろう…)、CSSのセレクタが今より強力になったりすればなおさら。

逆に、divというかclassに依存しないスタイルシートは単独でも(HTMLと組み合わせなくても)「作品」として成立するから、
「素材」として配布してる人もいる。今のところはしょぼいがほとんどだけど。
この板にも昔スタイルシートを書くスレがあって、力作も結構多かった。

206 :Name_Not_Found:2006/09/19(火) 19:51:36 ID:???
>>203
お前さんのCSSでは:hover{background-position:0px -23px;}。
これがどういう意味かわかるか?
お前さんの用意した画像はw93×h60なんだけどな。

最初は丸コピでもいいんだよ。
でもプロパティや数値の意味を理解しないと、アレンジなんか出来ないじゃん。

207 :Name_Not_Found:2006/09/19(火) 20:08:38 ID:O+roDsFn
>>204
>>206
丸コピですね。画像の大きさを例のサイトと同じに作ってみます。

208 :Name_Not_Found:2006/09/19(火) 21:20:31 ID:???

---CSSここから---------------------
UL{
list-style-image:url(img.gif);
list-style-position:outside;
}
---CSSここまで---------------------

---HTMLここから---------------------
<div>
<ul>
<li>***
<li>***
<li>***
</ul>
</div>
---HTMLここまで---------------------

(img.gif)テキスト
(img.gif)テキスト
(img.gif)テキスト

上記のような感じにすると、IEでは、(img.gif)がテキストと合わず、上にずれて表示されてしまいます。
火狐だといい感じなんですが、これは仕様ですか?
どうにかする方法はないでしょうか。

209 :Name_Not_Found:2006/09/19(火) 21:38:00 ID:???
>>208
何がしたいのかわからない

210 :208:2006/09/19(火) 21:39:38 ID:???
すみません、自己解決しました。
208は華麗にスルーしてください。

211 :Name_Not_Found:2006/09/19(火) 22:12:24 ID:???
質問です。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN" "http://www.w3.org/TR/REC-html40/strict.dtd">
<html><head><title>test</title></head>
<body><!-- インラインスタイルですみません -->
<div style="position:relative;border:1px solid red;width:400px">
<div style="float:left;clear:left;width:1px;height:100px;border:1px solid blue"></div>
<div style="float:left;clear:left;width:100px;height:100px;border:1px solid blue"></div>
President Bush and Iranian President Mahmoud Ahmadinejad will both attend the United Nations
General Assembly meeting today, but a top U.N. official says the two men likely will steer clear
of each other. Ahmadinejad is an acerbic critic of U.S. foreign policy. The United States suspects
Iran is trying to develop nuclear weapons.
President Bush and Iranian President Mahmoud Ahmadinejad will both attend the United Nations
General Assembly meeting today, but a top U.N. official says the two men likely will steer clear
of each other. Ahmadinejad is an acerbic critic of U.S. foreign policy. The United States suspects
Iran is trying to develop nuclear weapons.
</div><!-- 英文は特に意味がありません -->
</body></html>

上のHTMLを表示したところ、Operaでは私の考えている通り青いDIVには文字が入ってこないのですが、
IE、Firefoxにて青いDIV内に文字が入ってしまいます。
文字を重ねないようにするにはどのようにすればよいか、教えていただけませんでしょうか?
よろしくお願いします。

212 :Name_Not_Found:2006/09/19(火) 22:31:14 ID:???
DIV内に文字を入れなきゃいいんだよ

213 :Name_Not_Found:2006/09/19(火) 22:53:28 ID:???
>>212
すみません、ちょっと日本語が変でした。申し訳ない。
このDIV領域には実際は画像を入れる予定なのです

214 :Name_Not_Found:2006/09/19(火) 23:00:30 ID:???
>>213
そのソース出さなきゃ意味無い

215 :Name_Not_Found:2006/09/19(火) 23:05:51 ID:???
>>214
レスありがとうございます。
211のDIV領域の領域をJavaScriptで測定して、そこに画像を入れるんです。
アニメーションもあるのでソースを全部貼るのはさすがに厳しいですが、
基本的に position:absolute な画像がDIVの領域に入ると想定してください。

現在のソースで既にDIV領域に字が被ってしまっているので、
その上に画像を貼ると字が隠れてしまいます。

216 :Name_Not_Found:2006/09/19(火) 23:08:03 ID:???
これはどうよ?

<style type="text/css">
p {
margin:0;
}
</style>
</head>
<body><!-- インラインスタイルですみません -->
<div style="position:relative;width:400px;border:1px solid red;">
<p>President Bush and Iranian President Mahmoud Ahmadinejad will both attend the United Nations
General Assembly meeting today, but a top U.N. official says the two men likely will steer clear
of each other. Ahmadinejad is an acerbic critic of U.S. foreign policy. The United States suspects
Iran is trying to develop nuclear weapons.</p>
<div style="float:left;clear:left;width:100px;height:100px;border:1px solid blue"></div>
<p>President Bush and Iranian President Mahmoud Ahmadinejad will both attend the United Nations
General Assembly meeting today, but a top U.N. official says the two men likely will steer clear
of each other. Ahmadinejad is an acerbic critic of U.S. foreign policy. The United States suspects
Iran is trying to develop nuclear weapons.</p>
</div><!-- 英文は特に意味がありません -->

217 :Name_Not_Found:2006/09/19(火) 23:16:44 ID:???
>>216
ありがとうございます、参考になります。
しかし、それだと上の<p>タグの文字の量によって青いDIVの位置が移動しまいますが、
青いDIVの位置は赤いDIVの上から100pxの場所にしておきたいのです。

218 :Name_Not_Found:2006/09/19(火) 23:21:59 ID:???
>>217
青divをabsoluteすればいいじゃん。
それから文章じゃなくて画像って言ってなかった?<<p>タグの文字の量

219 :Name_Not_Found:2006/09/19(火) 23:21:59 ID:???
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN" "http://www.w3.org/TR/REC-html40/strict.dtd">
<html><head><title>test</title></head>
<body><!-- インラインスタイルですみません -->
<div style="position:relative;border:1px solid red;width:400px;">
<div style="float:left;width:1px;height:80px;border:1px solid blue"></div>
<div style="position:relative;float:left;clear:left;width:100px;height:100px;border:1px solid blue;margin-top:20px"></div>
President Bush and Iranian President Mahmoud Ahmadinejad will both attend the United Nations
General Assembly meeting today, but a top U.N. official says the two men likely will steer clear
of each other. Ahmadinejad is an acerbic critic of U.S. foreign policy. The United States suspects
Iran is trying to develop nuclear weapons.
President Bush and Iranian President Mahmoud Ahmadinejad will both attend the United Nations
General Assembly meeting today, but a top U.N. official says the two men likely will steer clear
of each other. Ahmadinejad is an acerbic critic of U.S. foreign policy. The United States suspects
Iran is trying to develop nuclear weapons.
</div><!-- 英文は特に意味がありません -->
</body></html>

ちょっとかっこわるいねー

220 :Name_Not_Found:2006/09/19(火) 23:22:24 ID:???
これでどんなもん?

<style type="text/css">
p {
margin:0;
}
</style>
</head>
<body><!-- インラインスタイルですみません -->
<div style="position:relative;width:400px;border:1px solid red;">
<p style="height:100px">President Bush and Iranian President Mahmoud Ahmadinejad will both attend the United Nations
General Assembly meeting today, but a top U.N. official says the two men likely will steer clear
of each other. Ahmadinejad is an acerbic critic of U.S. foreign policy. The United States suspects
Iran is trying to develop nuclear weapons.</p>
<div style="float:left;clear:left;width:100px;height:100px;border:1px solid blue"></div>
<p>President Bush and Iranian President Mahmoud Ahmadinejad will both attend the United Nations
General Assembly meeting today, but a top U.N. official says the two men likely will steer clear
of each other. Ahmadinejad is an acerbic critic of U.S. foreign policy. The United States suspects
Iran is trying to develop nuclear weapons.</p>
</div><!-- 英文は特に意味がありません -->


221 :Name_Not_Found:2006/09/19(火) 23:28:53 ID:???
>>220はミスでしたすんまそん

>>218の回答が正解なのでは?


222 :Name_Not_Found:2006/09/19(火) 23:32:23 ID:???
>>221
absoluteにしたら回り込まなくね?

223 :Name_Not_Found:2006/09/19(火) 23:35:53 ID:???
みなさんありがとうございます。

>>219
なるほど、もう諦めて最初からmarginを取るという方法ですね。
確かに美しくはないですが、実用上これは使えそうなので検討してみます。

>>221
ありがとうございました。
222さんのおっしゃるとおり、absoluteにしたら回り込んでくれません。

224 :Name_Not_Found:2006/09/19(火) 23:42:03 ID:???
なんだかイヤなタイプの質問者なんで俺はパス。

225 :Name_Not_Found:2006/09/19(火) 23:48:07 ID:???
>>224
質問するのも大変だなw

226 :Name_Not_Found:2006/09/20(水) 01:46:32 ID:Pt+/jf5H
css validatorに関して質問です。

character "●" not allowed in prolog
ってエラーが至る所に出るのですが、コレは「●って文字を一文字目にするんじゃねぇよ」って事ですよね?

でもそのエラー箇所の内容って
width:100px の"w"だったり、display:noneの"d"だったり、果ては閉じの"}"だったりコメント開始の"/"だったりするんですが…
これが10行〜20行ごとにエラーとして現れます。

で、たとえば
div#xxx {
width : 100px;
height : 100px;
}
のwidthの"w"に character "w" not allowed in prologとエラーが出た時にwidthとheightを入れ替えて
div#xxx {
height : 100px;
width : 100px;
}
とすると今度は"h" not allowed in prologと言われる状況。

cssファイルの1文字目の
@charset "Shift-JIS";
でエラーが出る(character "@" not allowed in prolog)のでコレが原因かと思って削ると今度はその下の
* {
(略)
}
*が"*" not allowed in prologとエラーが出るのですが。

何が問題なのか分かる方いませんか?


227 :Name_Not_Found:2006/09/20(水) 01:49:47 ID:???
>>226
プロパティの基本的な書き方を何か間違えてるとしか思えない。

228 :Name_Not_Found:2006/09/20(水) 01:59:04 ID:???
>>226
先頭にBOMが付いてる可能性あり
何使ってCSS書いてるのかねぇ〜


229 :226:2006/09/20(水) 02:25:28 ID:Pt+/jf5H
レス遅れて申し訳ない。
BOMについて調べてたので。

Validate by URL ではなく Validate by Direct Inputでチェックしてたんですが
鯖にうpしてチェックしたら、>>226のようなエラーはでませんでした。

cssエディタにはDW8を使ってるんですが、やっぱりBOMが原因だったんですかね…?
(イマイチまだ理解しきってないです)

とりあえずうpしてからURLのチェックなら問題ないようなので
今は気にしない事にします。

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

230 :Name_Not_Found:2006/09/20(水) 02:40:30 ID:???
>>229
それ、css validatorじゃなくてmarkup validation使ってたんじゃまいか?

231 :Name_Not_Found:2006/09/20(水) 06:51:19 ID:???
すれ立てるまでもない質問はここで で先にお尋ねしましたが
回答が得られませんでしたのでこちらでもお聞きいたします。

xsl(t) について質問があります。
<hoge>http://www.hoge.com/foo/var.jpg</hoge>
のようなタグで、最後の var.jpg のみを取ってくるような
記述はできますでしょうか?
文字列の検索、置換や、指定文字の後ろを取ってくるような
ことはできそうなのですが…
substring-after() などを再帰してうまく使えばできますでしょうか?
記述方法をご教授いただければ幸いです。
宜しくお願いいたします。


232 :Name_Not_Found:2006/09/20(水) 07:16:16 ID:???
>>231
つられてやるが思いっきりスレチガイ
xml板逝け

233 :Name_Not_Found:2006/09/20(水) 07:23:35 ID:???
誘導希望w

234 :Name_Not_Found:2006/09/20(水) 07:38:13 ID:???
xml板があったのか。どこだろうか。

235 :Name_Not_Found:2006/09/20(水) 07:39:02 ID:???
 ほれ
http://sakura02.bbspink.com/test/read.cgi/mature/1154368748/

236 :Name_Not_Found:2006/09/20(水) 11:01:06 ID:???
bbspink.com

237 :Name_Not_Found:2006/09/20(水) 13:45:30 ID:???
質問なんですが、文字や画像が入った小さいボックス(パネルボタン風)を、
↓こう横並びさせる場合、やはり float:left で並べるのがベストでしょうか?
別の組み方ってありますか?
| □□□□ |
| □□□□ |
| □□  |

238 :Name_Not_Found:2006/09/20(水) 13:55:51 ID:???
何のためにfloatしてるワケ?
意味も無く使ってるなら、pなんかで並べときゃいいだけ。

239 :Name_Not_Found:2006/09/20(水) 14:25:38 ID:???
>>237
テーブル

240 :Name_Not_Found:2006/09/20(水) 15:01:34 ID:???
まあ画像のリストが普通のマークアップだ罠。
floatかdisplay:inline。

241 :Name_Not_Found:2006/09/20(水) 15:56:40 ID:???
レスどうもです。
並べるものがDIVのボックスなのでfloatかなと…
>>239 以前はテーブルで小テーブルを並べてました。
>>240 display: inline やってみます。

242 :231:2006/09/20(水) 16:53:33 ID:???
xslについて質問をしたものですが、
結局回答が得られなかったので、仕様を変更し
ruby でxmlを加工することにいたしました。
ありがとうございました。

243 :Name_Not_Found:2006/09/20(水) 16:58:33 ID:???
スレ違いだって言われてるでしょ

244 :Name_Not_Found:2006/09/20(水) 17:03:26 ID:???
>>241
div並べるのは変。
ul-liでやれや・・・

245 :Name_Not_Found:2006/09/20(水) 17:08:47 ID:???
>>242>>231
できるよ。再帰だよ。schemeかlispあたりを勉強すると、すぐかけるようになるよ。

246 :Name_Not_Found:2006/09/20(水) 17:42:29 ID:???
IE7/6/5xとか全部表示確認してる人って、その為だけにいくつもOS入れてんの?
仮想マシン?


247 :Name_Not_Found:2006/09/20(水) 17:54:37 ID:???
スタンドアローン版があるんだよ。PC複数台の人ももちろん居る。

248 :Name_Not_Found:2006/09/20(水) 18:27:44 ID:???
>>247
なるほど。
検索したらいろいろ出てきた。サンクス

249 :Name_Not_Found:2006/09/20(水) 23:48:49 ID:IYvkVFNF
質問させてください。
<html><head><title>test</title><style type="text/css">
div#main { position:relative; border:1px solid green; width:400px;}
div#left1 { float:left; clear:left; width:1px; height:100px; }
div#left2 { float:left; clear:left; width:100px; height:120px; border:1px solid blue; }
div#right1 { float:right; clear:right; width:1px; height:50px; }
div#right2 { float:right; clear:right; width:100px; height:120px; border:1px solid red; }
p { font-size: 20px; }
</style></head><body><div id="main">
<div id="left1"></div> <div id="left2"></div> <div id="right1"></div> <div id="right2"></div>
<p>Army chief General Sonthi Boonyaratglin has appeared on Thailand TV to explain the military
coup which has ousted prime minister Thaksin Shinawatra and his government. Speaking Wednesday
morning, Sonthi said the coup was necessary to end intense conflicts in Thailand's society that
Thaksin had created. In his brief television address, Sonthi said the coup makers had no
intention to hold on to power and asked people to stay calm and render them support</p></div></body></html>

上のHTMLのレンダリングをIE6とFirefox1.0とですると、
IEでは左側の上から100pxの位置に青色borderのDIVが、右側の上から50pxの位置に赤色DIVが表示され、
Fxでは左側の上から100pxの位置に青色borderのDIVが、右側の上から150pxの位置に赤色DIVが表示されます。
Firefoxのfloatは、right:leftを問わずに最後に指定したfloatのtop座標からの相対距離になるようですが、
IEではfloat:leftとfloat:rightをそれぞれ別に相対座標を計算しているようです。
1つのCSSでブラウザの判別をせずに同じ結果を得たいのですが、どうすればよいでしょうか。
よろしくお願いします。

250 :Name_Not_Found:2006/09/21(木) 00:10:54 ID:???
>>249
まだやってんのか。
right1のheightで調節すればいいと思うが。
IEはハックすりゃいいし。あとFXは最新で確認した方がいい。

251 :Name_Not_Found:2006/09/21(木) 00:15:21 ID:???
>>250
ええ、floatを使うのは初めてなのでクロスブラウザによる挙動の違いに四苦八苦しています。
IEのハック方法を調べてみます。キーワードありがとうございます。

252 :Name_Not_Found:2006/09/21(木) 00:18:27 ID:???
>>251
CSSハックは出来れば使わないほうがいい
249をどうやって実装すんのかは知らんけど

253 :Name_Not_Found:2006/09/21(木) 00:32:46 ID:???
>>252
ハックを使わずに書けるならそれにこしたことはないのですが…。

254 :Name_Not_Found:2006/09/21(木) 00:35:10 ID:???
<html><head><title>test</title><style type="text/css">
div#main { position:relative; border:1px solid green; width:400px;}
div#left1 { float:left; clear:left; width:1px; height:50px; }
div#left2 { float:left; clear:left; width:100px; height:120px; border:1px solid blue; }
div#right1 { float:right; clear:right; width:1px; height:50px; }
div#right2 { float:right; clear:right; width:100px; height:120px; border:1px solid red; }
p { font-size: 20px; }
</style></head><body><div id="main">
<div id="left1"></div>
<div id="right1"></div>
<div id="left1"></div>
<div id="right2"></div>
<div id="left2"></div>
<p>Army chief General Sonthi Boonyaratglin has appeared on Thailand TV to explain the military
coup which has ousted prime minister Thaksin Shinawatra and his government. Speaking Wednesday
morning, Sonthi said the coup was necessary to end intense conflicts in Thailand's society that
Thaksin had created. In his brief television address, Sonthi said the coup makers had no
intention to hold on to power and asked people to stay calm and render them support</p></div></body></html>


なんだかなあ

255 :Name_Not_Found:2006/09/21(木) 00:35:45 ID:???
IEがまともな実装してくれない限り、ハックなしは難しい。
ハックのいらないデザインにという意見は尊重するけどね。

256 :Name_Not_Found:2006/09/21(木) 01:10:33 ID:???
>>254
素晴らしい方法ですね。早速使わせてもらいます、ありがとうございます。

257 :Name_Not_Found:2006/09/21(木) 01:42:38 ID:???
>>253
コンディショナルコメント使えよ。ハックなんて他のブラウザにしてみれば、文法エラーなのが多いんだから、行儀悪すぎだ。

258 :Name_Not_Found:2006/09/21(木) 02:11:32 ID:???
>>254 やるなぁ。
赤divと青divの緑div上線からの距離が100pxと50pxという割り切りのいい数値だったのが(特に2で割り切れるとこが)不幸中の幸いというところか。
それにしてもdivばっかでホントに"なんだかなあ"だよ

259 :Name_Not_Found:2006/09/21(木) 02:14:32 ID:???
sixapartのテンプレ見ると吐き気がする

260 :Name_Not_Found:2006/09/21(木) 02:22:06 ID:???
>>259 あれハック多いよね

261 :Name_Not_Found:2006/09/21(木) 10:14:57 ID:???
>>258
2で割り切れるとか、全然関係ないんだけど。

262 :Name_Not_Found:2006/09/21(木) 10:50:57 ID:???
Script使って読み込むスタイルシート変えることって
できないかな。
C

263 :Name_Not_Found:2006/09/21(木) 11:11:45 ID:???
できるしある

264 :Name_Not_Found:2006/09/21(木) 11:18:06 ID:???
どうやんお?

265 :Name_Not_Found:2006/09/21(木) 11:24:35 ID:???
できたお

<html><head>
<link id="orz" rel="stylesheet" href="t1.css" type="text/css"/>
<script type="text/javascript">
function f(fn){document.getElementById("orz").setAttribute("href",fn);}
</script>
<body>
hoge
<button onclick="f('t1.css')">1</button>
<button onclick="f('t2.css')">2</button>
</body>
</html>


266 :Name_Not_Found:2006/09/21(木) 11:50:41 ID:???
スレ違い承知で失礼します。

http://www.geocities.jp/yama6313/
ロールオーバーリンクに挑戦しましたが、お手上げでした。
どなたかテンプレ作って頂けませんか?
ちなみに what's new のつづりは後で直しますので・・。
画像の一つのサイズは w97 h21 です。
時間がある方、こんなの余裕じゃんって方よろしくお願いします。
全部つなげてありますが分割したほうがいいのであればこちらでそうしますのでお願いします。


267 :Name_Not_Found:2006/09/21(木) 12:14:14 ID:???
>どなたかテンプレ作って頂けませんか?

有料だから、100マソばかり振り込んでくれ。

268 :Name_Not_Found:2006/09/21(木) 12:58:47 ID:???
テーブルの背景画像をテーブルの大きさに合わせて伸縮表示させることは可能?
タイル状に並べたりは調べてわかったけど、伸縮が出来るのかはわからなかった。
imgタグのwidthやheightみたいな指定がbackgroundでは出来なさそうなので他にいい方法がないものかと。

269 :Name_Not_Found:2006/09/21(木) 13:04:17 ID:???
>>266

【HTML】
<ul id="MENU">
<li><a href="#" id="WHATS-NEW">What's New</a></li>
<li><a href="#" id="PROFILE">Profile</a></li>
<li><a href="#" id="DISCOGRAPHY">Discography</a></li>
<li><a href="#" id="BBS">BBS</a></li>
<li><a href="#" id="BLOG">Blog</a></li>
<li><a href="#" id="LINK">Link</a></li>
</ul>

270 :Name_Not_Found:2006/09/21(木) 13:06:00 ID:???
>>266

【CSSその1】
ul#MENU{
margin:0;
padding:0;
list-style-type:none
}

#MENU li{
margin:0;
padding:0;
float:left
}

#MENU a{
display:block;
width:97px;
height:21px;
border-width:0px;
margin:0 1px 0 0;
padding:0;
text-indent:-9999px;
overflow:auto;
}

271 :Name_Not_Found:2006/09/21(木) 13:07:04 ID:???
>>266

【CSSその2】
#MENU a#WHATS-NEW:link,
#MENU a#WHATS-NEW:visited{
background:url(menu.gif) 0 0 no-repeat
}

#MENU a#WHATS-NEW:hover,
#MENU a#WHATS-NEW:active{
background:url(menu.gif) 0 -21px no-repeat
}

#MENU a#PROFILE:link,
#MENU a#PROFILE:visited{
background:url(menu.gif) -126px 0 no-repeat
}

#MENU a#PROFILE:hover,
#MENU a#PROFILE:active{
background:url(menu.gif) -126px -21px no-repeat
}

#MENU a#DISCOGRAPHY:link,
#MENU a#DISCOGRAPHY:visited{
background:url(menu.gif) -252px 0 no-repeat
}

#MENU a#DISCOGRAPHY:hover,
#MENU a#DISCOGRAPHY:active{
background:url(menu.gif) -252px -21px no-repeat
}

272 :Name_Not_Found:2006/09/21(木) 13:07:48 ID:???
>>266

【CSSその3】
#MENU a#BBS:link,
#MENU a#BBS:visited{
background:url(menu.gif) -378px 0 no-repeat
}

#MENU a#BBS:hover,
#MENU a#BBS:active{
background:url(menu.gif) -378px -21px no-repeat
}

#MENU a#BLOG:link,
#MENU a#BLOG:visited{
background:url(menu.gif) -505px 0 no-repeat
}

#MENU a#BLOG:hover,
#MENU a#BLOG:active{
background:url(menu.gif) -505px -21px no-repeat
}

#MENU a#LINK:link,
#MENU a#LINK:visited{
background:url(menu.gif) -631px 0 no-repeat
}

#MENU a#LINK:hover,
#MENU a#LINK:active{
background:url(menu.gif) -631px -21px no-repeat
}

273 :269〜272:2006/09/21(木) 13:14:17 ID:???
■訂正


#MENU a{
・・・

・・・
overflow:auto;
}

正#MENU a{
・・・

・・・
overflow:auto
}

セミコロン抜いてください。

■追加
画像の間を開けたい場合は「#MENU a」のmarginで調節してください。

■蛇足
画像(menu.gif)の間隔はあける必要なしだけど、
画像を調整すると「background-position」も変える必要が出てくるから、
分かるなら画像を調整するのもよしです。

274 :269〜273:2006/09/21(木) 13:26:35 ID:???
>>273
さらに訂正・・・
誤:overflow:auto
正:overflow:hidden

275 :Name_Not_Found:2006/09/21(木) 14:16:46 ID:???
見てるだけで恥ずかしいな・・・

276 :Name_Not_Found:2006/09/21(木) 14:35:19 ID:???
>>268
無理。

277 :Name_Not_Found:2006/09/21(木) 14:48:16 ID:???
>>268
imgとposition、z-index、あと大きさをjavascriptでごにょごにょすれば同じ見た目には出来る。

278 :Name_Not_Found:2006/09/21(木) 14:57:23 ID:???
もはやCSSじゃない

279 :Name_Not_Found:2006/09/21(木) 15:26:21 ID:???
JSSSと似たユーザースクリプトがこれほど普及している現状を見ると、
仕様の貧相さはともかく、JSSSが生き残った方が良かったのかもしれんな。
何年もブラウザの対応を待つといった無力感を味わう事はなかっただろう。

280 :Name_Not_Found:2006/09/21(木) 15:54:28 ID:???
>これほど普及している現状
してないしてないwww

281 :Name_Not_Found:2006/09/21(木) 16:00:08 ID:???
まあCSSの中にJavaScriptを埋め込みたいと思うことはある。

282 :Name_Not_Found:2006/09/21(木) 16:07:45 ID:???
>>281
IEならできる

283 :Name_Not_Found:2006/09/21(木) 16:14:44 ID:???
IEは他にやるべき事があるだろうに。

284 :Name_Not_Found:2006/09/21(木) 16:28:43 ID:???
まったくだ。

285 :Name_Not_Found:2006/09/21(木) 16:45:19 ID:???
無知な>>280が笑ってる件

286 :Name_Not_Found:2006/09/21(木) 16:54:40 ID:???
セレクタ { プロパティ : バリュー ; }
だけだからな。
ちょっと待ってくれよW3C、なんだよ。
うぇぶでざいなーはIQが低い、それは事実だ、
でも、条件分岐やループくらいで拒絶反応を示すほどの低脳でもない。
もうちょっと難しくしてくれても良かったんじゃないかな。

287 :Name_Not_Found:2006/09/21(木) 17:21:20 ID:???
>>286
無限ループ埋め込んだりセキュリティホールが山ほどできそうじゃん?

288 :Name_Not_Found:2006/09/21(木) 18:02:20 ID:???
>>285
いやしてないだろ。

289 :Name_Not_Found:2006/09/21(木) 18:26:30 ID:???
>>286
してないよな

まあ>>279はJCSSっていいたかっただけだろ

290 :Name_Not_Found:2006/09/21(木) 18:50:09 ID:???
JavaScript Style SheetsのどこにCが入るのかと小一時間。

どうでもいいが普通JSSと略すよな。
JSSSとも言うのか?最近それを使ってる馬鹿は一人なのか?

291 :Name_Not_Found:2006/09/21(木) 18:56:22 ID:???
JavaScript使えばいいじゃないか

といえば

JavaScriptをoffにしている人がきちんと見られないページになるだろ

と言われたが

君のサイトはIE6できちんと見られないのだが

292 :Name_Not_Found:2006/09/21(木) 18:58:17 ID:???
>>269-274
どうもありがとうございました!
ちょっと今すぐ作業できないんですが、後でやってみます!


293 :Name_Not_Found:2006/09/21(木) 19:01:08 ID:???
>>290
JavasCript Style Sheets

じゃまいか?

294 :266:2006/09/21(木) 22:47:45 ID:???
>>269
ありがとうございます。無事に出来ました!!
自分には無理でしたね・・・これは。もっと勉強します。
一つ質問ですが、リンク先に飛んだ時、点線が画像のまわりにでます。
これを消すには、どうすれば良いですか?

295 :Name_Not_Found:2006/09/21(木) 23:43:09 ID:???
>>294
>>156あたりかな?

296 :Name_Not_Found:2006/09/21(木) 23:51:37 ID:???
>>295
既出でしたか、すいません。
ありがとうございました!

297 :Name_Not_Found:2006/09/22(金) 00:25:22 ID:???
>>294
なんつーか、同じ時期にオレもロールオーバーのリンクをせっせと作ってたんだが。
丸一日かかってどうにか完成したさ。自力で。

ぐぐればすぐ出てくるんだからもちょっと自分でなんとかしようぜ!
(つかほんの少し前のレスに詳しいサイトリンクを載せてくれた人がいるし)
でないといつまでたっても上達しねーぞ。

298 :Name_Not_Found:2006/09/22(金) 02:24:18 ID:???
んだんだ

299 :266:2006/09/22(金) 20:08:07 ID:???
>>295
うーん。点線消えませんでした。
検索したら outline-style: none; が初期値と書いてありました。
初期値って事は特に指定しなければ、noneになるということですよね?

>>297
その通りでした。CSS入門書みたいなのも持ってるんですが、書いてませんでした。
今回は友達のHP作成ですぐに作って欲しいと言われたので時間ありませんでした。
あっても出来なかったかもしれないけど。

300 :Name_Not_Found:2006/09/22(金) 22:32:11 ID:XyoLT7bl ?2BP(433)
IEで-moz-user-select:noneみたいに、対象を選択状態にさせないことってで
きるのでしょうか?

301 :Name_Not_Found:2006/09/23(土) 00:16:25 ID:???
>>299
今改めてキミのサイトの仮メニュ−見てみたけど、
点線は表示されないかわりにMacIEじゃ全く何も表示されないぞ
ちなみに自分の奴できちんと表示されてるものを書きなぐっておく
オレも初心者だから変な所があっても知らんMacだからWindowsのことは良く分からん

<チラシの裏>
HTML記述を
<li><a href="#" id="WHATS-NEW"><span>What's NewHome</span></a></li>
の記述に代えて、

CSSを
#menu ul{
list-style:none;
width:100%;
}
#menu ul li{
list-style:none;
float:right;
width:97px;

}
#menu li a{
display:block;
width:97px;
height:21px;
background-image:url(img/menu.gif);
}

<!--次レスに続く-->

302 :Name_Not_Found:2006/09/23(土) 00:17:28 ID:???
<!--前レスからの続き-->

#menu a span{
display:none;
}

a.home {
width: 97px;
background: transparent url(img/menu.gif) no-repeat 0 0;
}
a:hover.home {
width: 97px;
background: transparent url(img/menu.gif) no-repeat 0 -21px;
}
a:active.home {
width: 97px;
background: transparent url(img/menu.gif) no-repeat 0 -21px;
}

以下略
</チラシの裏>

303 :Name_Not_Found:2006/09/23(土) 01:23:13 ID:???
>>299
まず、>>156の前後にデフォルトスタイルの話があったからそれも読んでみて。
仮に、デフォルトスタイルシートのセレクタが :focus だった場合、
制作者スタイルにおいても
#menu a:focus { outline-style:none }
とか指定しないと上書きしないんじゃない。

304 :Name_Not_Found:2006/09/23(土) 02:13:14 ID:???
どうでもいいけど、どっちのソースも使えない。
なぜ妙なアレンジしちゃうんだか。。IE以外どうでもいいんだろうね。


305 :Name_Not_Found:2006/09/23(土) 02:32:05 ID:???
どうでもいいけど、俺はマカ。
なぜIE決め打ちしちゃうんだか。。Winユーザ以外どうでもいいんだろうね。

306 :Name_Not_Found:2006/09/23(土) 02:45:22 ID:???
どうでもいいけど、俺もmac。
macIE用ソース?ダメじゃん。。macIEなんてどうでもいいんだけどね。

307 :Name_Not_Found:2006/09/23(土) 03:57:38 ID:???

  なんかどんどんラベルが下がっていく

308 :Name_Not_Found:2006/09/23(土) 09:36:05 ID:???
Mac環境…既に計測誤差の様なシェア、正直どうでもいいね…。
対応してほしいなら、Win上でのテスト環境を提供すべきですね。

そもそも、Macユーザー自身Win機も併用してる人が大半じゃない?
スレでMacも持ってる〜って人はそういう人でしょ。
その逆は悲しいかなないよね。

309 :Name_Not_Found:2006/09/23(土) 11:23:42 ID:???
5%だからどうでもいいどころか、結構馬鹿にならないぞ。
1/20だからな。

310 :Name_Not_Found:2006/09/23(土) 12:16:12 ID:???
その5%の大半がWindowsも使ってるってのは真だろな。

311 :Name_Not_Found:2006/09/23(土) 13:01:22 ID:???
制作側に Mac対応するつもりがあるかどうかとは別に、
実際に Safari や MacIE で表示が崩れると、
スキルがないんだなと閲覧側は勝手に解釈する。
WinIE と同様のそういうまんどくさい問題はある。

312 :Name_Not_Found:2006/09/23(土) 13:26:34 ID:???
SafariはともかくMacIE使ってる香具師は見捨てられてるお

313 :Name_Not_Found:2006/09/23(土) 13:47:32 ID:???
スキルじゃなくてMacがない

314 :Name_Not_Found:2006/09/23(土) 14:04:33 ID:???
>>311
スキルがないんだな、なんて自分中心な解釈するのは
その5%の中の更に数%でしょう。

一般的には、「Mac対応も減りつつあるな」と解釈する方が
自然だと思いますけども。

315 :Name_Not_Found:2006/09/23(土) 14:27:31 ID:???
>>314
「自分中心な解釈」ってのはどっちもどっちだろな。

MacIE はおいとくとしても、Safari は、バグもあるけど、
仕様に沿って解釈してくれる場合がほとんど。
実際は、制作者スタイルシートが間違っているために、
Safari で崩れる方が多い。
正しく書いとけば、WinIE みたいにどつぼにはまるケースは滅多にないよ。

316 :Name_Not_Found:2006/09/23(土) 14:42:11 ID:???
Mac中心で使ってるけど、Safiriで崩れるのはあきらめもつく。
そういうサイトは>>315氏も言う通り間違いが多い上、内容的にもどうでもいいサイトだ。
でもFXはwinもmacもほとんど差がないブラウザなんだし、winにもユーザーは少なくない。
表示確認は必須にしてほしいもんだ。

317 :Name_Not_Found:2006/09/23(土) 15:00:29 ID:???
あれだ、5%って数字に罠があるんだろ。いかにも少ないって感じだからな。
1日50人しか来ないサイトならたった2.5人だ。無視する人もいるだろ。
1000人来るなら50人だ。毎日50人も無視するのかいな。

318 :ソネットブログ初心者:2006/09/23(土) 15:10:03 ID:MGdTclM2
親切なみなさん、教えて頂けませんか。
headerの下のバーナーの画像表示領域を変更したいのですが、
どうしたらいいでしょうか?
表示領域ではなく、表示位置の変更は、
#content{position:absolute; top:300px; center; }
で、できたのですが、表示領域の変更の仕方が分かりません。
分かる方、いらっしゃいましたら教えて頂きたいです。
http://blog.so-net.ne.jp/mario-tkc/でブログやってます。

319 :ソネットブログ初心者:2006/09/23(土) 15:17:22 ID:MGdTclM2
ちなみに、画像自体のサイズではないです。

320 :Name_Not_Found:2006/09/23(土) 15:23:40 ID:???
>>318
>headerの下のバーナーの画像表示領域を変更
headerの下のバーナーとは何か。#bannerなのか?風景写真の事か?
画像表示領域とは何か。サイズじゃないなら何の事か?
全体に意味不明。

321 :Name_Not_Found:2006/09/23(土) 15:28:54 ID:???
5%というシェアも時とともに変化する。
今後増えるか減るかそれとも5%維持かは誰にもわからん。
一時的な数字に固執すると、IE6にハックで対応した結果、
IE7で困ったことになるのと、似た様なことに陥るかもしれない。

Intel MacでWindowsも起動できる様になったから、
仕事以外はMac OS Xというスタイルも増えそうな気が
しなくもないんだけどね。

322 :Name_Not_Found:2006/09/23(土) 15:31:48 ID:???
世の中には、IE用にしかサイトを作れない奴と、そうで無い奴の2種類しかいない。

323 :ソネットブログ初心者:2006/09/23(土) 15:49:44 ID:MGdTclM2
#banner{ width:300px; height:80px; }
で自己解決しました。


324 :Name_Not_Found:2006/09/23(土) 16:17:45 ID:???
よかったね(ぼうよみ

325 :Name_Not_Found:2006/09/23(土) 23:43:26 ID:???
>>323
火が点くと危ないから、バーナーは外しておきな

326 :Name_Not_Found:2006/09/24(日) 04:06:26 ID:???
>>321
基本的にw3c準拠で独自要素作ったりはしないだろうから、
流石にIE7の例みたいにはならない気がする。
Javascriptはちょっと差があるみたいだけど。
何気にJavascriptはブラウザごとに違いが出てきて厄介そうだよなぁ。

327 :Name_Not_Found:2006/09/24(日) 07:25:50 ID:???
NN4とかMacIEはもういいよ
テキスト見られるだけマシと思いな

328 :Name_Not_Found:2006/09/24(日) 13:37:32 ID:???
<img src="hoge1.jpg" />
<img src="hoge2.jpg" />
としたとき、1と2の間の隙間を無くす方法はないでしょうか?

329 :266:2006/09/24(日) 14:04:38 ID:???
>>301-303
ありがとうございます!
macieじゃ、見れないんですか・・・。書き直してみます。
デフォルトスタイルシートなんてあるんですか・・。了解です。やってみます。

どこかのサイトにMAC用とIE用とその他用とそれぞれ分けて作るしかない
みたいな事を書いてあったのを思い出しました。
いくら友達でもそれでは更新がめんどくさすぎる・・・。

フラッシュのボタンって万能なんですかね。

330 :Name_Not_Found:2006/09/24(日) 14:31:15 ID:???
>>329
君はまずFireFoxをDLした方がいい。
それで確認すると、親切ぶった人がいかに適当なソースを提示していたかがわかる。
MacIEに合わせるかどうかは、もう少しマトモなスキルを身に付けてから。

331 :Name_Not_Found:2006/09/24(日) 15:02:14 ID:???
×FireFox
○Firefox

332 :Name_Not_Found:2006/09/24(日) 16:32:30 ID:???
>>328
<img src="hoge1.jpg" /><img src="hoge2.jpg" />

333 :Name_Not_Found:2006/09/24(日) 17:15:40 ID:???
へー、266は友達のサイト作ってるのか。ソース1つ書けないのにな。
世も末だよね。

334 :Name_Not_Found:2006/09/24(日) 18:13:32 ID:???
>>333
本人が勉強したほうが早いかもなw

335 :Name_Not_Found:2006/09/24(日) 23:11:57 ID:???
>266

336 :Name_Not_Found:2006/09/24(日) 23:48:52 ID:???
MacIE見捨てていいの?
ほんとにいいの!?

337 :Name_Not_Found:2006/09/25(月) 00:01:36 ID:???
もう俺はIE自体を見捨てた、というより放置している。
もうちょっとバグが少なくなるまで放置。

body要素にスタイルを適用すると発生するバグで、XML宣言を外すか
body要素以外に適用すれば回避できるんだけど、IEのためにXML宣言を外すのは本末転倒というものだし
IEのためにDiv厨というか余分な要素があるとアレだし……

たしかにちょっと痛いけど、もう少しの我慢だ。
あと10年、いや修正版がある程度普及するまで30かかるから、40年まてばCSSライフもさらに楽しく……なる(はず)。

338 :Name_Not_Found:2006/09/25(月) 00:05:20 ID:???
めちゃくちゃ基本的なことですけど
何でこうもブラウザごとの表示に差があるんですかね。
OS違いでフォントなどによる差異は分かりますが、
なぜ指定通り同じ表示をするように出来ないのでしょうか?

339 :Name_Not_Found:2006/09/25(月) 00:09:27 ID:???
使えないCSSサポートのままリリースするからね。
ちゃんとサポートしていないならリリースしないで欲しい。

とくにIEはバグが多いことを分かっててリリースするからたちがわるい。

340 :Name_Not_Found:2006/09/25(月) 00:14:00 ID:???
IEがものすごくおかしな実装をしてるって事。

341 :Name_Not_Found:2006/09/25(月) 00:15:45 ID:???
そうだな。Microsoftはずっと昔にW3Cのメンバーからぬけてるし
バグなのか仕様なのかはブラウザの開発者にしか分からないよな。

342 :Name_Not_Found:2006/09/25(月) 00:17:03 ID:???
>>337
IEて? MacIEはどうでもいいけど、WinIE 捨てるのはただの変わり者だが。
あのシェアじゃ、極端に言えばそのバグ自体が標準、Firefoxの方が規格外となる。
世の中、正しいものが常に正解って訳じゃないのだ。

343 :Name_Not_Found:2006/09/25(月) 00:20:10 ID:???
>>342
そういう事言ってるから、いつまでもおかしいまんまなんじゃん。
IE大好きweb制作者の質を疑わざるを得ないよ。

344 :Name_Not_Found:2006/09/25(月) 00:25:58 ID:???
>>343
web制作者の質 って?

345 :Name_Not_Found:2006/09/25(月) 00:26:49 ID:???
IEシェアはどんどん減って来てるからな。

346 :Name_Not_Found:2006/09/25(月) 00:29:06 ID:???
>あのシェアじゃ、極端に言えばそのバグ自体が標準、Firefoxの方が規格外となる。

これ一番気分悪いですよね。
バグなのに、デカいシェアの為にハックして対応しなきゃとか
何だその状況は (; ´Д`) アホクサ って感じ。

347 :Name_Not_Found:2006/09/25(月) 01:03:24 ID:???
>>345
ブラウザのバリエーションが増えてきてるからね。

>>343
IE大好きって… ○○ブラウザが好き、とか訳分からん理由で
ページ作ってる所なんてたかがしれてるよ。
目的は、利用者が普通に見られるページを提供する事であって
ブラウザなんてその手段でしかないよ。
そこから、ブラウザの90%以上程度はカバーするべきだと思うが
それ以上は対応限界もある。100%なんてほぼ不可能だしな。

348 :Name_Not_Found:2006/09/25(月) 01:28:20 ID:???
>>347
念のため俺は343だが、IE対応してない人ではない。あまり力入れてないけどな。
IEのシェアは昨年末で85%に下がった。今年はもう少し下がるだろう。
それでも、ほとんどの人が疑問も持たずIEを使ってるのが現状なのはわかってる。
しかし趣味や仕事でweb制作してるなら、IEがおかしい事は知ってるだろ?
それをまんま受け入れて更に良しとしてるようでは、何も変わらないと言ってるわけ。
気が付いてる側の人間がまず変わらなきゃ、良くなるはずもない。

349 :Name_Not_Found:2006/09/25(月) 01:30:29 ID:???
IEでもそれ以外でも問題なく閲覧できるようにするのが当たり前。
本当だったらIEなんか見捨てたいが、こんだけシェアが高いとそうもいかない。
MSはそういう制作者の弱みにつけこんで対応をおざなりにしてんじゃないかと、邪推してしまうよ。

350 :Name_Not_Found:2006/09/25(月) 01:47:03 ID:???
IE をラップするタブブラウザとかあるじゃん。
ああいうのに「CSS 無効」ボタンを付けとけば良いんだよな。
IE で表示が崩れても CSS を切れば、情報は正しく伝わるはずなんだから。

351 :347:2006/09/25(月) 01:58:03 ID:???
>>348
人間が変わるってどう変わったらIEが仕様に準拠するわけ?
もしも中途半端な正義感だったら、それはただのグチだよ?
仮面ライダーが、喫茶で「ったくショッカーってよー」って言いながら
1話完結しないっしょ。(どんな例えだ)

352 :Name_Not_Found:2006/09/25(月) 02:46:30 ID:???
まず>>342のような発言はしないことだろうね。

353 :Name_Not_Found:2006/09/25(月) 02:57:20 ID:???
次にIEをメインにしない事だろ。
MSオフィシャルにはFXで行くと。

354 :Name_Not_Found:2006/09/25(月) 03:23:38 ID:???
IEを独自仕様にするのはマイクロソフトにとっては当然でしょ
すでに独占といえるほどシェアあるし
独自仕様で囲いこむのはどこの企業でもやること
まぁ、こっちは迷惑するわけだが

355 :Name_Not_Found:2006/09/25(月) 03:29:37 ID:???
IE対応で1番困るのはCSSよりもJavaScriptかも…

356 :Name_Not_Found:2006/09/25(月) 09:01:15 ID:???
スキルの無い奴は大変だなおいwwww

357 :Name_Not_Found:2006/09/25(月) 10:06:11 ID:???
>>353
ふーん、それでIEが仕様忠実に変化していくわけですか。 そうですか。

で、利用者の大半を占めるエンドユーザーは、仕様云々に
不満も興味も持ってないわけですがどうしましょうかね。

358 :Name_Not_Found:2006/09/25(月) 10:36:26 ID:???
ちょっと知識をつけるとFirefoxとか使い出すから、
そうなった時にいいじゃないか。
今後もユーザは増えるだろうし。

359 :Name_Not_Found:2006/09/25(月) 11:19:36 ID:???
活動とは、IEでまともに表示できないサイトを作って、
MSオフィシャルへはFXで行き、そのうち周りもFX使い出す。

やった事はFXをインストールしただけじゃんw

360 :Name_Not_Found:2006/09/25(月) 11:27:40 ID:???
そもそもIEを使ってるような人は他のブラウザを使うって概念がない。
いくら他のブラウザを使わせた所で、そのブラウザで表示できなかったり使えなかったりする
サイトを一度でも見れば結局IEに戻るぞ。

で、ここ何のスレだっけ。

361 :Name_Not_Found:2006/09/25(月) 12:16:12 ID:???
それ知識ついてない人ですから。

362 :Name_Not_Found:2006/09/25(月) 12:55:03 ID:???
出た裸の王様理論。 本当に性能を知ってればVHSよりβですか。

>>360
一般的にはそうでしょうね。  IEそのものはポップアップ許容するわ、
タスク増えまくりんぐだわで 問題は多いが、でも普通に使えてるし
乗り換える動機にはほど遠いよね。一般の人は。
個人情報漏れまくり ぐらいの危機感ないと。

363 :Name_Not_Found:2006/09/25(月) 13:40:57 ID:???
性能の話なんかしてないんですが・・・

364 :Name_Not_Found:2006/09/25(月) 13:50:04 ID:???
>>296
遅くてすまんが、それブラウザのエフェクトじゃないか? どこクリックしたかわかるように残る跡。制作側ではどうしようもない。

365 :Name_Not_Found:2006/09/25(月) 16:04:39 ID:???
>>363
じゃ何の話しですか…

366 :Name_Not_Found:2006/09/25(月) 16:15:02 ID:???
個人サイトでIEをあえて無視するのは勝手だけど、
普通は巨大シェアのIEを無視なんて有り得ないし。
何しろIEにまともなCSSの実装を望むしかないですね。
ふざけんな氏ねIE。

367 :Name_Not_Found:2006/09/25(月) 17:06:47 ID:???
対応が遅れたってこんだけシェアがありゃ制作者の方で何とかしてくれるだろ
って本気で思ってそうで嫌だ。MS。

368 :Name_Not_Found:2006/09/25(月) 17:08:15 ID:j3hVJxn6
5回中1回は同じURLをたたいてるのにIE6で画面が真っ白になってソース表示
するとちゃんと書き込まれてる現象に悩まされてます。同じURLでブラウザー
を立ち上げ直すとちゃんと表示されます。FOX、Opera,NNではまったく問題
なく何回同じURLをたたいても表示されます・・・。IE6固有のCSS読み込み
バグなんでしょうか?

369 :Name_Not_Found:2006/09/25(月) 19:27:16 ID:???
>>368
日本語で尾k

370 :Name_Not_Found:2006/09/25(月) 20:10:21 ID:???
>>369
おまえもな。

371 :Name_Not_Found:2006/09/25(月) 21:43:58 ID:???
>>370
韓国語でおk

372 :Name_Not_Found:2006/09/25(月) 21:47:14 ID:???
>>371
안녕하세요

373 :Name_Not_Found:2006/09/25(月) 21:53:30 ID:???
まだIE叩きを口にする馬鹿がいるのか。
IE6が出たり、Mozillaが普及し始めたりしてもう4年だぞ。
いいかげん慣れろって。どんだけレベル低いんだおまえらw

374 :Name_Not_Found:2006/09/25(月) 21:55:05 ID:???
慣れる慣れないの話じゃないだろ・・・

375 :Name_Not_Found:2006/09/25(月) 22:00:38 ID:???
>>374 しかし残念なことに現実IEユーザーが1番多いんだよな〜。
昔に比べたらネット利用者全体の6〜7割程度になったらしいが・・・。

376 :Name_Not_Found:2006/09/25(月) 22:04:10 ID:???
そんだけダメダメなIE使い続けてるって、レベル以前の問題だがな。
世間一般ユーザーじゃないよ。>>373>>375ね。

377 :Name_Not_Found:2006/09/25(月) 22:12:39 ID:???
煽る時に的外れなレスすると格好悪いぞ。
レスのどこにもIE使ってるなんて書いてないのに、エスパーさんですかwww

378 :Name_Not_Found:2006/09/25(月) 22:15:45 ID:???
見える!慌ててOpreaにお気に入りをインポートしてる姿が!

379 :Name_Not_Found:2006/09/25(月) 22:16:42 ID:???
>>377
あほ。ログ掘ってるから一目瞭然なんだよw

380 :Name_Not_Found:2006/09/25(月) 22:21:46 ID:???
おまいら、くだらんケンカやめ

381 :Name_Not_Found:2006/09/25(月) 22:23:33 ID:???
えー、ヒマだしぃ

382 :Name_Not_Found:2006/09/25(月) 22:31:47 ID:???
なら仕事をしろよ。

383 :Name_Not_Found:2006/09/25(月) 22:31:56 ID:???
お前らスレタイ百万回読んで来い。

384 :Name_Not_Found:2006/09/25(月) 22:37:56 ID:???
ブラウザ戦争スレは無いのかな…

385 :Name_Not_Found:2006/09/25(月) 22:42:16 ID:j3hVJxn6
あ、ヘッダーの文字コード指定を正しいのにしたら直ったわ。

386 :Name_Not_Found:2006/09/25(月) 22:43:34 ID:???
>>384
ソフ板にあった気がする

387 :Name_Not_Found:2006/09/25(月) 23:21:48 ID:???
Firefoxは見捨てていいよ

388 :Name_Not_Found:2006/09/26(火) 08:24:04 ID:???
シェアを持つIEこそが正義。
他はおかしな理屈をただ叫ぶだけの口だけ君だしな。

389 :Name_Not_Found:2006/09/26(火) 08:44:53 ID:???
これでIEのバグが直ったらどういう理屈言うんだろう。

390 :Name_Not_Found:2006/09/26(火) 09:48:17 ID:???
バグってのはIEの独自仕様も含む。

391 :Name_Not_Found:2006/09/26(火) 09:55:12 ID:???
aplication/xhtml+xmlを使えるようにする気がない時点でオワットル

392 :Name_Not_Found:2006/09/26(火) 11:31:53 ID:???
FirefoxとOperaが頑張って宣伝しとるけど
ライトユーザーは相変わらずIEだな〜
タブブラウザの優位性があるうちにライトユーザーの囲い込みしないとな
おまいらもFirefoxやOperaのサイトに誘導するだけじゃなくて
自分のサイトで画像つきで紹介しないと!

393 :Name_Not_Found:2006/09/26(火) 13:02:09 ID:???
正直難しい気がする。
タブブラウザならプニルがあるし
Firefoxとか良くも悪くも拡張性が高いから
その分ライトユーザーには敷居が高い
やっぱり買ったPCつないですぐ使えるのになるでしょ

394 :Name_Not_Found:2006/09/26(火) 13:09:53 ID:???
サイトで紹介するだけで普及するのならとっくの昔に普及してるって。

WindowsUpdateはライトユーザーにも定着してきているから
FirefoxやOpera等もWindowsUpdateで導入更新出来る様になれば
飛躍的に普及すると思うんだけどねぇ。。。

395 :Name_Not_Found:2006/09/26(火) 13:23:53 ID:???
>>388
ワラタw

396 :Name_Not_Found:2006/09/26(火) 13:46:02 ID:???
超一般的には
インターネッツ、ホームページ=IE
Eメール=アウトルック
だよね。

397 :Name_Not_Found:2006/09/26(火) 14:36:10 ID:???
スレイプニルってGeckoエンジン使えなかったっけ?

398 :Name_Not_Found:2006/09/26(火) 14:52:26 ID:???
使えるよ

399 :Name_Not_Found:2006/09/26(火) 19:06:35 ID:???
IEが最初から入ってるのは独占だ!
ユーザーが選べるようにするべきwwwwwwwww

400 :Name_Not_Found:2006/09/26(火) 19:25:13 ID:zVtcTGTm
いくつかのサイトを見たのですが結局分からなかったので、
初歩的なことになりますが質問させていただきます。
┌┬┬┐
├┼┼┤
└┴┴┘
スタイルシートでこのような形に表示させたいのですが、
どのようにすれば出来るでしょうか?
条件はCSSに対応しているブラウザ一通りすべてでちゃんと表示させたいです

401 :Name_Not_Found:2006/09/26(火) 19:28:18 ID:???
>>399
えー。
「インストールするブラウザを選んでください」
1.Firefox
2.Sleipnir
3.Lunascape
4.Internet Explorer
5.Netscape Navigator
6.Opera

マニアしか理解できんわw

しかも、ブラウザのみならず他の競合ソフトもこの調子で
選択するわけでしょ? マニアですら閉口するわw

402 :Name_Not_Found:2006/09/26(火) 19:38:23 ID:???
>>400
tableがオヌヌメ

403 :Name_Not_Found:2006/09/26(火) 19:40:11 ID:???
>>400
float指定して回り込み、場合によってはdisplay:inline;かな。

404 :Name_Not_Found:2006/09/26(火) 19:46:46 ID:???
最近はCSSが主流になってきたが
必要ならテーブルでも何も問題ない
てか本当にユーザビリティ考えたら
構造はテーブルでやって装飾CSSが一番良いような気がするよ
w3c次のverに構造用のタグいれてくれないかな
でもまたIE対応しなくて荒れるんだろうな・・・

405 :Name_Not_Found:2006/09/26(火) 19:50:55 ID:???
>構造はテーブルでやって装飾CSS

仕事でまだこういう折半状態のを作るけど
お手軽な反面やっぱり中途半端だよね…

406 :Name_Not_Found:2006/09/26(火) 20:00:19 ID:???
「構造」の意味を勘違いしてる奴が多そうだ・・

407 :Name_Not_Found:2006/09/26(火) 20:01:47 ID:???
まあお手軽というか、tableはtableでメリットもあるからな。
目的や用途次第なんだろう。

今後sectionだらけで、div乱発と似たような感じになっていきそうでげんなりだけど。
最小限のdiv+sectionで、今のdiv病状態の見易さに・・・

408 :Name_Not_Found:2006/09/26(火) 20:05:17 ID:zVtcTGTm
>>403
何とかやってみました。 ありがとうございました

409 :Name_Not_Found:2006/09/26(火) 20:12:51 ID:zVtcTGTm
<div style="border: 1px solid black; width:700px; margin:0px auto 0px auto;">
<div style="border: 1px solid red; float:left; width:100px; height:40px;">red</div>
<div style="border: 1px solid green; float:left; width:100px; height:40px;">green</div>
<div style="border: 1px solid purple; float:left; width:100px; height:40px;">purple</div>
<div style="border: 1px solid lime; clear:both; float:left; width:100px; height:40px;">lime</div>
</div>

ちょっとこんな風に作ってみました。
IEでは外枠が表示されてるのですけど、Firefoxでは表示されていません、
Firefoxで外枠表示させれないですかね?

410 :Name_Not_Found:2006/09/26(火) 20:17:49 ID:???
>>409
ら抜き言葉使う奴には教えない

411 :Name_Not_Found:2006/09/26(火) 20:26:18 ID:???
>>407
>今後sectionだらけで、div乱発と似たような感じになっていきそうでげんなりだけど。
同意。オーサリングツール必須は嫌だ。何となく。XML的には正しい方向なんだけど。


CSSでDOMがいじれるようにすれば、テーブルレイアウトは一発でなくせると思う。
テキストを繰り返して擬似text-shadowなんてこともできるだろうし、要素の順番を変えたりもできる。

JavaScriptは余計なことができすぎる。

412 :409:2006/09/26(火) 20:40:31 ID:???
>>410
なんらとー

413 :Name_Not_Found:2006/09/26(火) 22:25:04 ID:???
>>411
それだけじゃなくて、この世に存在するブラウザにCSS解釈の差異が存在する限り、
テーブルレイアウトなサイトは無くならないと思うよ。

安倍内閣がCSSをまともに解釈出来ないブラウザを作った会社は何が何でも倒産させるとか、
既存の物を含めてそんなブラウザを使ったタコなユーザーは漏れなく死刑にしてくれるとかしてくれれば面白いんだけどねぇw

個人サイトなら殆ど関係ない話ですけど、
実際の所だと法人サイトだと未だにテーブルレイアウトが多数だったりします。タコのせいで。

結局、そーいう実装のブラウザが登場しても、タコなユーザーがタコなブラウザを使い続ける限り、
タコなテーブルレイアウトを使い続けないといけない訳なんですよ。

414 :Name_Not_Found:2006/09/26(火) 22:25:46 ID:???
>>407, >>411
わけわかってねえだろ馬鹿2名wwwww

415 :Name_Not_Found:2006/09/26(火) 22:57:14 ID:???
>>409

floatがclearされていないから外枠が表示されないんじゃないでしょうか。

ttp://www.geocities.jp/multi_column/

の基礎編 5.フロートの性質 の
例3 フロートを含むブロックボックス
を参照してください。

よろしくお願いいたします。

416 :Name_Not_Found:2006/09/26(火) 23:01:35 ID:???
<li>要素を横に並べたい時、
floatを使うのとdisplay:inlineを使うのとではどちらが正しいですか?

417 :Name_Not_Found:2006/09/26(火) 23:05:46 ID:???
>>413

> 安倍内閣がCSSをまともに解釈出来ないブラウザを作った会社は何が何でも倒産させるとか、
> 既存の物を含めてそんなブラウザを使ったタコなユーザーは漏れなく死刑にしてくれるとかしてくれれば面白いんだけどねぇw

キモい。面白いと思って書いているのがさらにキモい。

418 :Name_Not_Found:2006/09/26(火) 23:36:59 ID:bmo7bu1v
IEが持っている全てのCSS実装のバグに対して、ハックを使用するということは出来るのでしょうか?
それともまだ、全てのバグに対応したハックは見つかっていないのでしょうか。

419 :Name_Not_Found:2006/09/26(火) 23:39:49 ID:???
バグの対処法とハックを混同すんなよ。

420 :Name_Not_Found:2006/09/27(水) 00:48:25 ID:???
>>413
>この世に存在するブラウザにCSS解釈の差異が存在する限り、
「IE」と「その他(≒仕様)」の間以外には無茶苦茶な違いは無いだろ。

IE以外を使ってる奴が「崩れてるぞ直せ」と言ってくることはまずあり得ないというか言うけど方向が違う。
そもそもIE以外なら仕様通りで致命的に崩れることはそんなに無い。
このへんをちゃんと話せばクライアントも (思ったよりは) 納得してくれる。
特に「苦情はそっちじゃなくあっちに行く」というのが効いてる感触がある。

421 :Name_Not_Found:2006/09/27(水) 01:01:20 ID:???
>>420
> 致命的に崩れることはそんなに無い。
致命的に崩れる事は無くても微妙に崩れる事は多々あるでしょ。
それが嫌われるんですよ。

それ以前に古いバージョンのIEやNetscape4への配慮とか諸々あるでしょ。
最新の各ブラウザ間での差異だけじゃなくて、過去の古いブラウザへの配慮もあるんですよ。

何故YahooやIBMなどのサイトが未だにテーブルレイアウトのままなのかを考えれば
自ずと答えが見える話だと思う事なんだけどねぇ。。。

422 :Name_Not_Found:2006/09/27(水) 01:28:36 ID:???
>>421
このスレの人間はそれが分かった上で、敢えてCSSに拘るスレなんで
他宗教の方はお引取り願えますか

423 :Name_Not_Found:2006/09/27(水) 01:34:32 ID:???
>>422がいいことを言ったな

424 :Name_Not_Found:2006/09/27(水) 01:35:41 ID:???
>>423
なにwwwwwwwこのあからさますぎる自演wwwwwwwwww

425 :Name_Not_Found:2006/09/27(水) 01:40:22 ID:???
>>422
いっとくけど、俺もテーブルなんて糞喰らえと思っているCSS信者だよ。
ただ、あまりに稚拙で議論にもならない荒唐無稽な話をしていたからちょっと弄っただけです。

流石にスレ違いも甚だしいからこの辺でこのネタはクローズしましょう。

426 :Name_Not_Found:2006/09/27(水) 01:41:43 ID:???
うはwwwwwやっぱこのスレ住人最悪wwwwwwwwwwwww
wwww自分で煽っといてこのネタはクローズとかwwwwwwwwwwwwwwwww

427 :Name_Not_Found:2006/09/27(水) 01:45:10 ID:???
1から1000まで自演でいいよもう
このスレ駄目だ、終わり

428 :Name_Not_Found:2006/09/27(水) 01:47:08 ID:???
ここはID出ないからねぇ。。。
強制IDにしないとスレが腐りまくるな。

429 :Name_Not_Found:2006/09/27(水) 02:00:09 ID:???
>>426
おまえの書き込み以外はみんなスクリプトによる書き込みなんだよ〜。

430 :Name_Not_Found:2006/09/27(水) 02:02:01 ID:???
>>425
要するに、

俺みたいな高度な技術持ったCSS信者から見たらコイツラ超馬鹿杉w
ちょっと弄ってからかってやれw

という事ですね

431 :Name_Not_Found:2006/09/27(水) 02:10:34 ID:???
>>430
いや、今日はちょっとお酒の量が多かっただけ。

432 :Name_Not_Found:2006/09/27(水) 02:12:28 ID:???
あ  +  い  =  う
ほげほげ     =  あ

ちょっとずれてますが、等号揃えしたいようなときってどうするのがイパーン的でしょうか?
テーブルを使わない方向で、CSSに拘った場合の話でお願いします。

433 :Name_Not_Found:2006/09/27(水) 02:19:58 ID:???
>>431みたいなやつが飲酒運転すんだろうな
氏ねよ

434 :Name_Not_Found:2006/09/27(水) 02:38:08 ID:???
>>432
俺なら dl dt dd で構成して
dd要素をdt要素にfloatで回り込ませるなぁ。

>>433
いい加減スレ違いな書き込みを続けていないで質問に答えろってば。
質問に答えられないのなら一生寝てろ。

435 :Name_Not_Found:2006/09/27(水) 03:01:38 ID:???
>>432
そういうのはそもそもpre要素だと思う。

>>434
何がdtで何がdd? 飲みすぎだろ。




>>421
>致命的に崩れる事は無くても微妙に崩れる事は多々あるでしょ。
>それが嫌われるんですよ。
そこで「苦情や不快感は貴社じゃなくブラウザのほうへ向くから大丈夫ですよ」
と言えば解決したりすることも結構多いと言ったわけだけど。
古いブラウザ云々は冗談だよね。この世界じゃもはやFAQですらない。

436 :Name_Not_Found:2006/09/27(水) 03:11:26 ID:???
>>435
その突っ込みを待っていたんだよ。
おまいさんみたいなちゃんとした回答を出せる奴がいれば大丈夫だ。
んじゃ、おやすみ。

437 :Name_Not_Found:2006/09/27(水) 03:24:07 ID:???
>>434
スレ違いはお互い様

438 :Name_Not_Found:2006/09/27(水) 03:26:30 ID:???
>>436
うわぁ…痛い人だ…

439 :Name_Not_Found:2006/09/27(水) 05:07:48 ID:???
>>416
正しいとかはないが、俺ならリスト程度の量ならdisplay:inline;の方を選ぶな。
floatは便利だけど、ちょっと面倒な部分もあるし。

>>432
結構面倒だねぇ。
spanで囲ってwidth:?em;display:block;float:left;とかだとちょっと美しくないし。
けど、記号の扱いを考えるとそれが無難なのかね。
ちょっとなんとも言えないや。

>>435
普通に、うの説明があ+い、あの説明がほげほげって事じゃね?
+とか=の扱いをどうするかとかの問題とか、ちょっとだけ違和感は有るけど、
方向性的には間違ってると断言できる程ではない気が。
preもなんか見栄えの為のマークアップしてる気分になりそうだし、
これといった正解がない感じだな。

440 :Name_Not_Found:2006/09/27(水) 05:57:10 ID:???
>>436
>その突っ込みを待っていたんだよ。
どの?


数式を一種の図とみなして、図をテキストで表現すると考えればpreでまあ良いと思う。XHTMLなら勿論MathMLだが。
CSS2.0の text-align : <string> ; はtableじゃないと使えないから、
どうしてもそういう見た目にしたいならpreか大量のspanかしか無い。

説明ならdlで、dt:after { content : "=" ; } 。IEはもうJavaScriptで生成しとけば良いよ。

441 :Name_Not_Found:2006/09/27(水) 08:33:12 ID:???
>>439
>>432 は恐らくこれと言った正解が無いのは百も承知だと思うんで、
本人の希望の通りにCSSに拘るのならpreは無しかと。
まぁ、いずれにしても本人が言うところのイパーン的じゃないけどね。

>>440
>>その突っ込みを待っていたんだよ。
>どの?

あの辺とかこの辺の。

>数式を一種の図とみなして、図をテキストで表現すると考えればpreでまあ良いと思う。XHTMLなら勿論MathMLだが。
>CSS2.0の text-align : <string> ; はtableじゃないと使えないから、
>どうしてもそういう見た目にしたいならpreか大量のspanかしか無い。
>
>説明ならdlで、dt:after { content : "=" ; } 。IEはもうJavaScriptで生成しとけば良いよ。

完全に同意。

442 :Name_Not_Found:2006/09/27(水) 09:02:12 ID:???
なにをぐだぐだやってんだ?

腕が無い奴は大変ということなんかい?

443 :Name_Not_Found:2006/09/27(水) 09:16:25 ID:???
また痛い同意ktkr。

<dl>
<dt>左辺</dt><dd><samp>1 + 1</samp></dd>
<dt>右辺</dt><dd><samp>2</samp></dd>
</dl>
くらいの正規化はやろうな。HTML仕様で会話文に触れている理由を考えろ。

しかし、HTMLらしさというか、有効にHTMLを利用したいなら、TABLEだよ、これ。
<table ...><caption>...</caption>
<thead><tr>
<th ... scope="col">左辺</th>
<th ... scope="col">左辺と右辺の関係</th>
<th ... scope="col">右辺</th>
</tr></thead>
<tbody>
<tr><td><samp>1 + 1</samp></td><td><samp>=</samp></td><td><samp>2</samp></td></tr>
...
</tbody></table>

444 :Name_Not_Found:2006/09/27(水) 09:22:32 ID:???
>>443
おまい、正解言うのが早杉です。
table厨の癖にw

けっ

445 :Name_Not_Found:2006/09/27(水) 09:26:48 ID:???
お前このスレで一度も誰かの役に立ったことないだろ

446 :Name_Not_Found:2006/09/27(水) 09:28:13 ID:???
>>445
一応このスレの初期に回答者やってたんだけどね。これでも。

447 :432:2006/09/27(水) 09:59:16 ID:???
みなさん、どうもありがとう。
めんどうなんですね。

んー、preだと、間にイメージとか、小文字とか上下付き文字とか入ったら駄目だよねえ。

やっぱりテーブルになるのかなあ。

でも番号付けが必要だから、<ol></ol>の中で使いたいんだよなあ。

448 :Name_Not_Found:2006/09/27(水) 10:16:33 ID:???
>>447
確かに >>432 でサンプルとして提示した様な算数レベルの数式ならpreでも十分だけど、
まっとうな数学の数式だとpreは使えない感じだよね。
その観点から言っても数式にpreってちょっと苦しいよね。

449 :Name_Not_Found:2006/09/27(水) 11:35:09 ID:???
>>443
その左辺とか右辺がdtなのはどうなんだ?
左辺と右辺の関連性が希薄になるんだが。
右辺とか左辺はtitleで十分だろ。

あと、それはsamp使う意味あるのか?
出力結果だって前提ならそうだけど、そんな前提条件なんか無いんだし。

450 :Name_Not_Found:2006/09/27(水) 11:37:28 ID:???
番号付けが必要なら表の必要があるとも言えるし、tableでもいいんじゃないかね

>>444
>>443

451 :432:2006/09/27(水) 11:43:35 ID:???
>>447
そう、今回はpreはなしでおねがいします。

>>450
自分で番号ふるのマンドクセ。

今は
<ol>
<li><span style="width:20%">hoge</span><span style="width:10%">=</span><span width="20%">boke</span></li>
...
</ol>
ってかんじなんだけど、これってIE専になっちゃうんですよね。
まあ、IEでしかみないからいいのかもしれないけど・・・

ワードとかで、タブ揃えあるけど、杏奈感じのことが簡単に出来たらいいのにね。

452 :Name_Not_Found:2006/09/27(水) 11:47:48 ID:???
>>451
>>439を参考にしてspanにdisplay:block;float:left;もつけてみ。
IE以外でも幅そろうと思うから。

453 :432:2006/09/27(水) 12:05:59 ID:???
>>452
みるも無残な姿に・・・

<html><head><style>
span.s0{width:20%;float:left;display:block;}
span.s1{width:10%;float:left;display:block;}
</style></head><body>
<ol>
<li><span class="s0">hoge</span><span class="s1">=</span><span class="s0">boke</span></li>
<li><span class="s0">h</span><span class="s1">=</span><span class="s0">b</span></li>
</ol>
</body></html>


454 :432:2006/09/27(水) 12:10:53 ID:???
IEの場合、float:leftでliのナンバリングに対しても回り込んじゃうんだな。
FFとどっちが正しいのかわかんないけど、ダメだこりゃ。

455 :432:2006/09/27(水) 12:28:28 ID:???
連投スマソ

<html><head><style>
li{position:relative;}
span.s0{position:absolute;left:0%;}
span.s1{position:absolute;left:20%;}
span.s2{position:absolute;left:30%;}
</style></head><body>
<ol>
<li><span class="s0">hoge</span><span class="s1">=</span><span class="s2">boke</span><br/></li>
<li><span class="s0">h</span><span class="s1">=</span><span class="s2">b</span><br/></li>
</ol>
</body></html>

これでどうだろう?問題ってありますか?
オペラだとなぜかナンバリングが表示されないけど、それはもう捨てる。

456 :Name_Not_Found:2006/09/27(水) 12:32:44 ID:???
>IEの場合、float:leftでliのナンバリングに対しても回り込んじゃうんだな。

スマン、この発想はなかったw

457 :Name_Not_Found:2006/09/27(水) 13:10:41 ID:???
>>455
うー。Operaで駄目か。それで。

ちなみに使ってるOperaのバージョンは?
Operaでも8.5Xと9.0Xだと結構挙動違うから試しに最新の9.0X使ってみ。
8.5Xと別ディレクトリにインストールすると動作比較が出来て良いよ。
ちなみに8.5Xに上書きインストールするとアレなんで、それはしない様に。

>>456
IEなんてそんなもん。

458 :432:2006/09/27(水) 13:15:47 ID:???
>>457
9.02だお

ちなみに
<li> <span class="s0">hoge</span><span class="s1">=</span><span class="s2">boke</span><br/></li>
<li> <span class="s0">h</span><span class="s1">=</span><span class="s2">b</span><br/></li>

みたく、liの直下になんかテキストノードがあると、番号付けされる。
リスト周りの実装は、三者三様って感じだな。

459 :Name_Not_Found:2006/09/27(水) 13:28:29 ID:???
>>458
なるほどねー。
Operaもまた変な仕様だよねぇ。。。

460 :Name_Not_Found:2006/09/27(水) 13:36:06 ID:???
ブロック要素だから、中身が空って判断されてるのかもな。

461 :Name_Not_Found:2006/09/27(水) 14:29:13 ID:???
ちょっとちがうか、floatとかpositionだからか。

462 :Name_Not_Found:2006/09/27(水) 15:42:57 ID:???
>>432
preに等幅フォント指定で・・・てのは駄目か?

463 :Name_Not_Found:2006/09/27(水) 15:45:39 ID:???
全部読んでなかった
>>462
は忘れる方向で

464 :Name_Not_Found:2006/09/27(水) 22:38:53 ID:???
俺天才じゃね?

ol { display : table ; _display : block ; _background-image : url("shiki.gif") ; height : **px; width : **px ; }
li { display : table-row ; _display : none ; }
span { display : table-cell ; }

465 :Name_Not_Found:2006/09/28(木) 01:17:07 ID:???
ボックスをセンタリングするにはどうしたらよいのでしょうか?

466 :Name_Not_Found:2006/09/28(木) 01:24:57 ID:???
テンプレくらい嫁

467 :Name_Not_Found:2006/09/28(木) 02:24:55 ID:???
display:table;なんて使ってる人初めて見たw

468 :Name_Not_Found:2006/09/28(木) 02:41:21 ID:???
俺は標準スタイルシートではdisplay:table;使うよ。IE用のほうでは開き直って幅固定。

469 :Name_Not_Found:2006/09/28(木) 11:07:41 ID:???
<div id="Main">
<div id="Content">
<div id="ContentMain"><h3>TITLE</h3></div>
</div>
</div>

/* CSS Document */
*{ margin:0px; padding:0px; border:0px; }
body{ background-color:#222222; }
#Main{ width:750px; margin:0px auto; background-color:#333333;
border:#666666; border-style:solid; border-width:1px; }
#Content{ width:650px; height:450px; margin:0px auto; background-color:#CCCCCC;
border:#666666; border-style:solid; border-width:0px 1px 1px 1px; }
#ContentMain{ width:385px; height:430px; margin:10px 10px 10px 255px;
border:#666666; border-style:solid; border-width:0px 1px 1px 1px; }

OSXでSafari、Firefoxで確認したのですが、
上記のようにContentMainのマージン(トップ)に指定すると
Contentもマージン0にも関わらず開いてしまいます。
何が問題なのでしょうか。

470 :Name_Not_Found:2006/09/28(木) 11:53:28 ID:???
>>469
margin-topの10pxが外の要素まで影響しちゃってるって事だね。
#Contentにpaddingも指定してあげればOK。

471 :Name_Not_Found:2006/09/28(木) 12:02:22 ID:???
フラッシュでロゴマークを作ったんですが、スタイルシートで
場所の位置指定するには、どうすれば良いですか?

472 :Name_Not_Found:2006/09/28(木) 12:11:26 ID:???
>>470
ありがとうございます。
Contentにpaddin-top:10px;で解消できました。

473 :Name_Not_Found:2006/09/28(木) 15:27:32 ID:NNQ3JLeT
htmlタグのxmpをスタイルシートで実現したいんですけど、
どうするのがスマートですか?
&ltに置換か、perlで自動変換とかしないと無理でしょうか?

474 :Name_Not_Found:2006/09/28(木) 15:54:26 ID:???
CSS関係ないじゃん。

475 :Name_Not_Found:2006/09/28(木) 16:55:20 ID:???
XSLT?

476 :Name_Not_Found:2006/09/28(木) 16:55:23 ID:???
透明度ってさ、なんか、上位ボックスの指定を、下位ボックスでは
塗り替えることができないっぽいんだけど、
おれの誤解?

とりあえず、Firefoxで、
<div opacity=0.5>
<img src="foo.gif">
<div opacity=1>
<img src="bar.gif">
</div>
</div>
とかしてみると、
fooだけじゃなく、
bar も半透明になってるんだよな・・・。

値を継承しても、下位はそれを書き換えられるはずなんだけど、
なんでうまくいかないんだろう。


477 :Name_Not_Found:2006/09/28(木) 17:04:01 ID:???
スレタイからすればXSLTを質問してもよいと曲解できなくもないか

478 :Name_Not_Found:2006/09/28(木) 17:52:19 ID:Zslcam62
質問です。

今、とあるページのURLが

http://1111111111111111.ne.jp/index.html

だとします。
しかし今後、サイトの置き場となるサーバを変更する可能性を視野に入れた場合、
上のURLの冒頭の部分、「 http://1111111111111111.ne.jp/ 」を
いちいち修正しなくてもいいように、変数のようにしたいのです。
こんな事って、CSSで出来るものなんでしょーか?
可能であれば、CSS一枚を修正するだけで、自分のサイトの中にある全てのHTMLファイルの、
その中に書いてある「 http://1111111111111111.ne.jp/ 」の部分を一気に変換する事が出来ます。

あるいはjavaなのでしょうか?


479 :Name_Not_Found:2006/09/28(木) 18:15:01 ID:???
CSSでは基本的に無理。

480 :Name_Not_Found:2006/09/28(木) 18:18:44 ID:???
>>478
相対パスで書けよ

481 :Name_Not_Found:2006/09/28(木) 18:26:06 ID:???
>>478
http://www.example.com 使えよ

482 :Name_Not_Found:2006/09/28(木) 18:43:07 ID:???
XSLT?

483 :Name_Not_Found:2006/09/28(木) 18:43:21 ID:Zslcam62
>>480
この書き方を適用したいのは画像ファイルを読み込むときで、
画像はHTMLファイルとは別のサーバに置きたいから、必ず絶対パスで書く必要があるのだ。

479が書いてる通り無理なのかね・・・。oTZ


484 :Name_Not_Found:2006/09/28(木) 18:57:45 ID:???
テキストの一括置換を知らない奴が居るんだ、へーーー。
便利なんだけどなぁ・・・

485 :Name_Not_Found:2006/09/28(木) 19:07:55 ID:???
CSSでもやろうと思えば出来る。

486 :Name_Not_Found:2006/09/28(木) 19:28:08 ID:???

嘘ついた御免

487 :Name_Not_Found:2006/09/28(木) 19:42:05 ID:???
>>483
CSSをCGIで書き出せばできると思うが、
そんなのより確かにエディタの一括置き換えの方がラク。

488 :Name_Not_Found:2006/09/28(木) 19:46:32 ID:???
>483逃亡

489 :Name_Not_Found:2006/09/28(木) 19:47:18 ID:???
つか独ドメ取れば済む話

490 :Name_Not_Found:2006/09/28(木) 19:49:15 ID:???
そもそも画像を別サーバーから引っ張ってこなければいけない理由がわからない

491 :Name_Not_Found:2006/09/28(木) 19:52:31 ID:???
画像に限定するならやっぱりCSSで出来る

492 :Name_Not_Found:2006/09/28(木) 19:53:06 ID:???
>>490
素材サイト直リンとか

493 :Name_Not_Found:2006/09/28(木) 20:07:23 ID:???
>>490
鯖の仕様だしょ。

494 :Name_Not_Found:2006/09/28(木) 20:10:54 ID:???
>>493
すげぇ特殊仕様じゃね?

495 :Name_Not_Found:2006/09/28(木) 20:13:30 ID:???
仕様なら今時珍しいショボ鯖だな。

496 :Name_Not_Found:2006/09/28(木) 20:35:12 ID:???
ttp://www3.atwiki.jp/itunes/?cmd=upload&act=open&pageid=17&file=v3-logo.jpg
↑のロゴに使われているフォントってなにが使われているのでしょうか_
よろしくおねがいします…

497 :Name_Not_Found:2006/09/28(木) 20:36:59 ID:???
フォントスレがあるだろ

498 :Name_Not_Found:2006/09/28(木) 20:45:06 ID:???
…っつっつ
誤爆スマソ

499 :Name_Not_Found:2006/09/29(金) 02:09:43 ID:HJv7R9sl
TABLEの各セルを均等幅にしたいのですが、
どのようにすればよろしいでしょうか?
TDの数が動的に変わるため、都度widthを調整しないようにしたいのです。

以下のような構成では、左端のセルだけが極端に広がってしまいます。

<html><head>
<style>
table, tr, td {border:solid 1 black;}
table {width:400px;}
</style>
</head><body>
<table>
<tr><td>あいうえお</td><td> </td><td> </td><td> </td></tr>
</table>
</body></html>

500 :499:2006/09/29(金) 02:24:51 ID:???
自己解決しました。
失礼しました。

501 :Name_Not_Found:2006/09/29(金) 03:12:18 ID:???
絵をのせてるサイトなのですが、限界まで圧縮しても
1ページの重さが80〜100前後で少々重いようなのです

そこで、普通に画像をUpするより、
CSSの背景画像で絵を指定した方が1ページの重さが
格段に軽くなるようなのですが、フレームページのサイト以外
あまりこの方法を使われてるサイトを見かけないのは
何かデメリットがあるのでしょうか?

一応、ファイヤーフォックス、IE、ネスケ、オペラで見てみたのですが
自分の環境では表示jに何も問題ありませんでした。(WinX)

502 :Name_Not_Found:2006/09/29(金) 03:27:59 ID:???
CSSって背景画像の圧縮なんてしてくれたんだ
俺、いままで知らなかったからナメック星で修行してくる

503 :Name_Not_Found:2006/09/29(金) 03:46:10 ID:???
初耳だ…

504 :Name_Not_Found:2006/09/29(金) 03:58:45 ID:???
>>501
背景だろうがなんだろうが、鯖から閲覧PCに流れる量は変わらん。

505 :Name_Not_Found:2006/09/29(金) 04:29:03 ID:???
どこにツッコミ入れればいいんだろう

506 :Name_Not_Found:2006/09/29(金) 06:19:28 ID:???
>>501
1ページ100kならなんとか許容範囲内かと。
ただ、サムネイルを載せてクリックで新しい画を表示みたいにした方がいいとは思うけど。

507 :Name_Not_Found:2006/09/29(金) 10:48:59 ID:???
>>501
CSSで軽くなるのは絵以外の部分。
装飾を全ページ共通にしてHTMLは最低限にできるから
装飾のタグの分ずっとページは軽くなるという意味。
でも使ってる人が少ないのは、そのメリットがあんたのようにわかってない人が多いのと
ビルダーのようなGUIソフトではそういうフルCSSのページは作りにくいから。

508 :Name_Not_Found:2006/09/29(金) 10:58:13 ID:???
スレ違いだけど

絵描きさんとかはこういうCMS使った方がいいんじゃないかな?
ttp://www.sgal.org/
ttp://coppermine-gallery.net/index.php

509 :Name_Not_Found:2006/09/29(金) 11:29:03 ID:???
CMS自体が重い件

510 :Name_Not_Found:2006/09/29(金) 11:55:51 ID:???
重さといっても、処理と転送速度の違いじゃね?
まあ、CMS使っても転送速度は変わらないんだけど。

511 :Name_Not_Found:2006/09/29(金) 11:57:12 ID:???
>>501
あなたが軽くなったと思っているのはhtmlファイルであって
実際はhtmlファイルとcssファイルが同時に読み込まれるから
画像をどっちで表示させても実際の転送量はかわりません

512 :Name_Not_Found:2006/09/29(金) 12:18:59 ID:???
>>511
CSSファイルを外部にすればサイト全体の転送量は減る罠

513 :Name_Not_Found:2006/09/29(金) 12:22:29 ID:???
ほんのちょっとだけじゃね?

514 :Name_Not_Found:2006/09/29(金) 12:27:23 ID:???
そのほんのちょっとが効かないなんて、どれだけ弱小なんだよw

515 :Name_Not_Found:2006/09/29(金) 12:50:56 ID:???
むしろ、そのほんのちょっとに頼らないといけないぐらいの転送量があるって、
何万アクセスあるんだろうって思うw

516 :Name_Not_Found:2006/09/29(金) 12:53:16 ID:???
はいはい、ばかばっか。

517 :Name_Not_Found:2006/09/29(金) 15:47:22 ID:???
htmlのソース分で速度差を感じるって事は、かなり回線が細いんだろうって思う

518 :Name_Not_Found:2006/09/29(金) 16:02:21 ID:lMxpucS9
tableで段組みした少々大きめページだと、けっこう違うお

519 :Name_Not_Found:2006/09/29(金) 16:07:13 ID:???
tableの場合は転送量じゃなくて、
ブラウザのtable構造の描画動作の違いじゃね?

520 :Name_Not_Found:2006/09/29(金) 17:57:19 ID:???
描画処理はテーブルレイアウトより複雑なCSSのほうがずっと重い

521 :Name_Not_Found:2006/09/29(金) 18:06:28 ID:???
よくわからんが複雑なCSSという時点で問題あるんじゃないだろうか。


522 :Name_Not_Found:2006/09/29(金) 18:16:56 ID:???
だからposition:relativeのような処理が多く必要なプロパティは使うなって言われてるんだろう。

523 :Name_Not_Found:2006/09/29(金) 18:19:27 ID:???
position:relative って複雑かな?

524 :Name_Not_Found:2006/09/29(金) 18:30:18 ID:???
PCの処理が複雑になるものと書き手が複雑に書いたものは違う。

525 :Name_Not_Found:2006/09/29(金) 21:21:25 ID:???
構造を変に冗長にしてるってことか?

526 :Name_Not_Found:2006/09/29(金) 21:45:56 ID:???
冗長(笑)。用語をもう少しまともに使ってくれよ。

527 :501 1/2:2006/09/30(土) 00:20:41 ID:???
>501です。皆様ありがとうございました。
画像ページは画像・解説文・サイト内リンク(CSS)しか無く
テーブルはせいぜい1つ位、CSSもリンクと背景画像にしか使ってない装飾の無いページです。
サムネイルは作らず、TOP→画像タイトル→画像構成です。
CMSは初耳でしたがこれも転送量変わらないんですか…。

速さについてお聞きしたのは、自分の画像ページを見た時と、
他サイトの画像(別フレームで背景画像での表示)では
表示速度が違うように感じたのです。あと、
ページの重さを量る「ダウンロードTIMER」で計ったところ、

●通常の画像Up
28.8k モデム 32.4 秒
56k モデム 17.5 秒
128k DSL/ISDN 7.5 秒
T-1 ライン 0.8 秒

●背景画像で表示
28.8k モデム 2.7 秒
56k モデム 1.1 秒
128k DSL/ISDN 0.5 秒
T-1 ライン 0.6 秒

と、格段に早かったのです。でも転送量が同じという事なら、これは
CSSやテーブルを使わない事を前提に時間を計ってるのかな。

528 :501 2/2:2006/09/30(土) 00:21:35 ID:???
100Kbまでは許容範囲とは聞いてたのですが、うちADSLなのに「じわっじわ」と
表示されるので、背景画像の時みたいに、もう少し早くサッと表示させたかったんです。
ただ、画像に解説文も入れてる為、画像と文が混ざらないように大きいテーブル作って
その中に背景画像を固定して入れたりしなければならず、皆この表示が変になり易いから
使ってないのかなと思ってました。

「画像を分割してテーブルで表示」というのも試したのですが
テーブル自体も重いって話を聞いたので、背景画像と迷っていたのです。
転送量が同じってだけで、別段表示に問題ないなら、自己満足かも知れませんが
自分のパソでは早く感じる背景画像表示をしばらく試して見ます。
背景画像のデメリットとか軽くなるかどうかとか、検索して見ても引っかからず、
数日悩んでいたのがスッキリしました。どうもありがとうございました。
長文すみませんでした

529 :Name_Not_Found:2006/09/30(土) 00:31:08 ID:???
>>527
その「ダウンロードTIMER」というのを試してみた。
どうやらCSSファイル(およびCSS経由で読み込まれる画像)は計測の対象外みたいだな。
実際にブラウザで読み込むときはちゃんとCSSファイルもCSSで指定した画像も読み込まれるから安心しろ。

530 :Name_Not_Found:2006/09/30(土) 01:27:50 ID:???
<dl>
<dt>hogehoge</dt>
<dd><a href="htt〜〜〜">htt~~~~~</a></dd>
</dl>

とリンク集みたいなものを作っているのですが、
<dd>の<a>でURLが長いのになるとFirefoxで横スクロールが出てしまうのですが、どうしたらいいでしょうか?

531 :Name_Not_Found:2006/09/30(土) 01:45:45 ID:???
CSSじゃないじゃん。

532 :Name_Not_Found:2006/09/30(土) 01:49:01 ID:???
うんうん。

533 :Name_Not_Found:2006/09/30(土) 01:49:02 ID:???
>>530
糞ブラウザの糞仕様は放置でよろしい。

534 :Name_Not_Found:2006/09/30(土) 01:49:52 ID:???
>>530
横スクロールバーでスクロールすればいいじゃん。

535 :501 :2006/09/30(土) 01:52:40 ID:???
>529
た、対象外でしたか…という事は、
CSS画像+CSSファイル、合計するとサイズが結局通常画像Up分と同じになるんですね
早く表示される気がしたのは気のせいだったのか…
ダウンロードTIMERの表示の違いについて調べて頂けて納得できました、
画像サイズが出る「買いパラ」でも試していたのですが、
今見ると、あちらも「CSSで呼び出される画像」は無視られてました。
お蔭様で謎が解けました、ありがとうございました

536 :Name_Not_Found:2006/09/30(土) 08:08:55 ID:???
>>528
画像をスライスして表示は、部分ごとでも確実に表示されるので、
見てるほうの動作レスポンス的にもちょっとだけストレスが緩和されるよ。
tableはソース量がちょっとだけ増えるのと、レンダリングに負荷がかかるだけだから、
はっきり言ってそれ程気にしなくていいレベル。

537 :Name_Not_Found:2006/09/30(土) 18:30:18 ID:???
<dl id="menu">
  <dt>MENU</dt>
  <dd><a href="a.html">メニュー1</a></dd>
  <dd><a href="b.html">メニュー2</a></dd>
  <dd><a href="c.html">メニュー3</a></dd>
</dl>
* {
  margin:0; padding:0;
}
#menul {
  background:black; font-size:14px;
}
#menul dt {
  height:0; width:0; overflow:hidden;
}
#menul dd {
  display:inline;
}
#menul a { text-decoration:none; color:skyblue;
}
#menul a:hover {
  color:white; border-bottom:solid 2px white;
}

マウスでメニュー1〜3をhoverした時、
InternetExplorer6.0ではきちんと表示されるのに、Firefox1.5では1pxの隙間ができてしまいます。
この隙間を埋める方法を教えてください。
ちなみに<dl>の外要素の背景は白(color:white)です。
宣言は<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">です。

よろしくお願いします。

538 :Name_Not_Found:2006/09/30(土) 18:43:20 ID:???
とりあえずIEを標準モードにしてみろ。
あとそれだったらdlじゃなくてhn+ulだろ。

539 :Name_Not_Found:2006/09/30(土) 18:45:35 ID:???
うおーファイアーフォックスで見たら自分のサイトがめちゃめちゃだ・・・・。
どうすりゃいいんですか。
全て対応するように作り直せるのでしょうか?
画像の位置まで違う。

540 :Name_Not_Found:2006/09/30(土) 18:47:42 ID:???
標準モードのような。

>>539
初めからFxを目的として作れば、OperaやMacのブラウザでもOK。
IEを対象として作ると、IE以外のブラウザで崩れることがほとんど。
IEのCSS解釈はひどいから、そっちに併せてないほうがいいよ。

541 :537:2006/09/30(土) 19:00:22 ID:???
>>538
この宣言は標準モードじゃないんですか?
標準モードのつもりなんですが…

542 :Name_Not_Found:2006/09/30(土) 19:25:41 ID:???
>>541
再現しないな。少しソース間違ってるけど。

543 :Name_Not_Found:2006/09/30(土) 19:35:37 ID:???
>>542
ソースのどこが間違っているんですか?
極論から言うとFirefoxでもIEのように表示させたいのです。

http://puka-world.com/php/upload/puka/img-box/1159612419119.jpg

544 :537:2006/09/30(土) 19:37:22 ID:???
すみません>>543は私ですm(_ _)m

545 :Name_Not_Found:2006/09/30(土) 20:03:33 ID:???
>>544
スマン背景黒でみてたから気が付かなかった。
取り合えず別の人も言ってたけど、ulでやるべきでしょ。
で黒背景のpaddingとborderの数値を調整。

546 :537:2006/09/30(土) 20:46:50 ID:???
<div id="menul">
<h2>MENU</h2>
  <ul>
    <li><a href="a.html">メニュー1</a></li>
    <li><a href="b.html">メニュー2</a></li>
    <li><a href="c.html">メニュー3</a></li>
  </ul>
</div>
* {
  margin:0; padding:0;
}
#menul {
  background:black; font-size:14px;
}
#menul h2 {
  height:0; width:0; overflow:hidden;
}
#menul li {
  display:inline;
}
#menul a { text-decoration:none; color:skyblue;
}
#menul a:hover {
  color:white; border-bottom:solid 2px white;
}

<dl>から<ul>にしましたが結果は同じでした(http://puka-world.com/php/upload/puka/img-box/1159612419119.jpg)

>>545
* { margin:0; padding:0; }で全ての空白を除いているのですが、ダメみたいですorz

547 :Name_Not_Found:2006/09/30(土) 21:01:09 ID:???
>>546
そういう事じゃないんだけどね・・。違う方法だけど参考まで。
http://css.maxdesign.com.au/listamatic/horizontal06.htm

548 :Name_Not_Found:2006/09/30(土) 21:10:30 ID:???
>>526
君は日本語をまともに使うとこから始めようか

549 :Name_Not_Found:2006/09/30(土) 21:22:59 ID:???
http://www.stylish-style.com/csstec/basic/l-rollover1.html
このページの「使いこなすための+α」
をやってるんですが、まったく同じものをコピペしてもどうにもなりません。
なぜでしょう・・・。

550 :Name_Not_Found:2006/09/30(土) 21:29:46 ID:???
あなたの頭が悪いから

551 :Name_Not_Found:2006/09/30(土) 21:30:44 ID:???
なぜでしょうね。
どうにもなりませんといわれても、どうにもできません。

552 :Name_Not_Found:2006/09/30(土) 21:43:53 ID:???
>>546
それ、どうやってもFxとIEでずれる。

で、解法としては、まずFxで正常になる様にCSSを調節する。
さらに、そのCSSを読み込んだ後で、

<!--[if IE]>


ここに<style>や、<link>でCSSを書く。
<![endif]-->

って風にして、IE用の修正CSSを書く。
上のへんてこなコメントは、IEだけが中の記述をHTMLとして解釈するコメント。他のブラウザではただのコメントになる。

553 :549:2006/09/30(土) 22:02:08 ID:???
これであってますか?

ul.sample3{
list-style:none;
width:100%;
padding-left:0;
margin-left:0;}
li.sample3{
list-style:none;
float:left;
border-width:2px;
border-color:#FFEEDB;
border-style:ridge;
text-align:center;}
a.sample3{
display:block;
background-color:#FFFFB0;
padding:0.5em 1em;
width:90px;
height:15px;}
a:hover.sample3{
background-color:#FFCC99;}
html
<ul class="sample3">
<li><A href="#">トップページ</A></li>
<li><A href="#">初心者の館</A></li>
<li><A href="#">私的デザイン論</A></li>
<li><A href="#">CSSテクニック</A></li>
<li><A href="#">ギャラリー</A></li>
</ul>

554 :Name_Not_Found:2006/09/30(土) 22:14:13 ID:???
合ってるもなにも、コピーしたんでしょ。
もっと基本的なこと、cssをhtmlに適用させる方法をちゃんと理解してるの?

555 :Name_Not_Found:2006/09/30(土) 23:02:58 ID:???
困ったもんだなぁ・・・

556 :Name_Not_Found:2006/09/30(土) 23:22:10 ID:???
というか、仕様嫁。あてずっぽうのアホ回答者ども。
paddingがfont-sizeからなのか、line-heightからなのか。
displayプロパティの値によって場合わけされるよな。
当然、知ってるよな、こんな基本事項は。
知ってれば、対策はいとも簡単にたてられるよな。

557 :Name_Not_Found:2006/09/30(土) 23:25:10 ID:???
とあてずっぽうのアホ回答者が言っておりますw

558 :Name_Not_Found:2006/09/30(土) 23:34:39 ID:???
回答もせず他人への批判ばかり。またキテレツ君が戻って来たよ。

559 :Name_Not_Found:2006/10/01(日) 00:25:17 ID:???
>>537はどうしてFxで下に隙間が空くんだろう。
>>556にほめてもらおうと思って一生懸命仕様書読んだんだが、どうもIEのほうが正しそうな気がする。
是非>>556に解説して欲しい。

560 :Name_Not_Found:2006/10/01(日) 01:16:04 ID:???
>>556さ〜ん、同伴指名入りました。

561 :Name_Not_Found:2006/10/01(日) 01:43:06 ID:OLawvI5k
>>539
そもそもieなんぞで確認しながらページを作るのが間違い。
ieは最後に確認する程度。
まともにdivも理解できないieなんて・・・

562 :Name_Not_Found:2006/10/01(日) 01:57:09 ID:???
いや、みんな一度は通る道だよ。

563 :Name_Not_Found:2006/10/01(日) 02:08:04 ID:???
IEだけ見れりゃいんだよ

564 :Name_Not_Found:2006/10/01(日) 02:16:56 ID:???
IEが基準だよな。
ユーザビリティから考えてもIEを優先させるべきだろ。

Firefoxを使っているのは、ある程度インターネットの知識がついている人。
ブラウザの長所短所を一通り理解している。

しかし初心者は"必ず"と言っていいほどIEを使っている。
WindowsにプリインストールされているのはIE。
IEを優先させるのはWebデザイナーとしての最低基準!

565 :Name_Not_Found:2006/10/01(日) 02:23:19 ID:???
IEは最優先だが基準にしたくない

566 :Name_Not_Found:2006/10/01(日) 02:26:39 ID:???
IEに対応した時点で、自動的に利用者の
7割をカバーしたことになる現実。


567 :Name_Not_Found:2006/10/01(日) 02:31:44 ID:???
自分ハゲてない! とは言っても鏡見るとやっぱ
育毛剤を使わない現実がそこにあるのだ。
使わないのが理想であっても、使っていかなければ
毛はどんどん抜けていく。 戦わなきゃ現実と。

568 :Name_Not_Found:2006/10/01(日) 02:41:03 ID:???
>>566
毎日三割の人に笑われてる現実か。俺はヤダけどね。

569 :Name_Not_Found:2006/10/01(日) 02:41:37 ID:???
「IEに対応する」と「IEを基準にする」の区別ができてない奴はいないと俺は信じてる。

570 :Name_Not_Found:2006/10/01(日) 03:15:03 ID:???
俺も信じてる

571 :Name_Not_Found:2006/10/01(日) 04:08:45 ID:???
IEのみで正常に表示できるサイトを他のブラウザで正常に表示できるようにする
→面倒
Fxなどで正常に表示できるサイトをIEで正常に表示できるようにする
→比較的楽
って話だろ?

IEが標準とか言ってるやつらはまさかIEでしかちゃんと表示できないサイト作ってんのか?

572 :Name_Not_Found:2006/10/01(日) 04:23:58 ID:???
> IEでしかちゃんと表示できないサイト作ってんのか?

悲しいかなテーブルの時代から既に沢山あるんだよね
そういうサイト…

573 :Name_Not_Found:2006/10/01(日) 04:26:41 ID:???
そういう人はIEが独自実装満載だって事を、
ろくに知らずに作り始めたんじゃないかねぇ

574 :Name_Not_Found:2006/10/01(日) 04:34:06 ID:???
独自も何も、IE=ホームページ、インターネット、ブラウザ でしょ。
「それ以外?」っていう。いやマジで。

575 :Name_Not_Found:2006/10/01(日) 10:09:56 ID:???
画像の位置指定してあげたいのですが
#gazou{
top:200px;
  left:100px;
position:absolute;
background-image:url(gazou.jpg);
background-repeat:no-repeat;
}

これにするとIEでしかうまく表示できませんが、他のブラウザでも表示できるようにするにはどうすればいいですか?


576 :Name_Not_Found:2006/10/01(日) 11:54:37 ID:???
IEのabsoluteの扱いはかなり異質

577 :Name_Not_Found:2006/10/01(日) 15:54:33 ID:???
IE額王と言うサイトに見る価値のあるサイトって無いよな

578 :Name_Not_Found:2006/10/01(日) 16:14:14 ID:???
シラネーヨ

579 :Name_Not_Found:2006/10/01(日) 19:17:23 ID:???
IE未対応サイトは、ナルシストだったり少しひねくれたサイト多いよね。

580 :Name_Not_Found:2006/10/01(日) 19:36:51 ID:???
非対応じゃなく、対応出来ないだけなんだろうけどな、技術不足で

581 :Name_Not_Found:2006/10/01(日) 19:52:25 ID:???
逆もそうでしょ、技術不足で。

582 :Name_Not_Found:2006/10/01(日) 21:10:18 ID:???
一番の「技術が無くて非対応」なのはIEそのもの。

583 :Name_Not_Found:2006/10/01(日) 21:29:53 ID:???
技術はあるに違いないのにやらないのが嫌われる所以。

584 :Name_Not_Found:2006/10/01(日) 21:37:00 ID:???
IE以外のブラウザ使ってるやつは

・上級者

・俺ってIE以外のブラウザ使ってるクールだぜぇぇぇ!!!

のどっちか。

585 :Name_Not_Found:2006/10/01(日) 21:40:17 ID:???
技術はあるがどうしても独自仕様にしたいと思いながらも
雰囲気的に標準化しないとやばいな〜と思いつつ
中途半端な実装をするのがIE

MSに技術がないと言えてしまう
スーパープログラマーの作ったブラウザーが欲しいです

586 :Name_Not_Found:2006/10/01(日) 21:49:49 ID:???
>>584
馬鹿だな。・Macだから っての忘れてるよ。

587 :Name_Not_Found:2006/10/01(日) 22:51:29 ID:???
ていうかWindows自体微妙にやる気が無いような気がする。
やっつけ仕事というか、良いものを作ろうとする気が無いような。

>>575
あてずっぽうだが、widthとheightを指定すれば良いような気がする。

588 :Name_Not_Found:2006/10/01(日) 22:59:42 ID:???
>>575
もしかして>>501

589 :Name_Not_Found:2006/10/02(月) 03:20:30 ID:Psjhs7Kd
*{
font-family:'MS Pゴシック','ヒラギノ〜〜・・・;
}
とやっても、IEで反映されないのですが、これはバグでしょうか?
(marginとか他のプロパティも設定しています)

スペルミスなのかと思って、*{〜}の中に書いたfont-familyをそのままh1{〜}とかに貼り付けると、ちゃんとフォントが変わるんです。
が、全称セレクタに指定したときだけ、無視されてしまいます。
IEのデフォルトフォントをMS ゴシックにして、適用されるかどうか実験していました。
何か、無視されてしまうような条件とかありますか?

590 :Name_Not_Found:2006/10/02(月) 03:50:30 ID:???
>>589
全称セレクタでもさすがにIEでも効く。
ちゃんとCSSファイル内で文字コード指定してるか?

591 :Name_Not_Found:2006/10/02(月) 08:50:13 ID:???
>>590
ぐあ……ビンゴ。
ファイル流用したときのcharset指定ミスでした。

凡ミスで長レススマソ

592 :Name_Not_Found:2006/10/02(月) 08:55:34 ID:???
>ファイル流用したときの・・・

  正直になれよ。

593 :Name_Not_Found:2006/10/02(月) 18:28:31 ID:???
>>576
IE4のabsolute実装を参考にしつつ、
そのIEが異質になってしまうように後から作られた仕様が、CSS2.0。
企業として後方互換を保ちながら、徐々に、W3C勧告に合わせてきた
マイクロソフトに非があるとはとても思えない。
むしろ、政治的かけひきだけで、自分が教祖になろうと常にもくろむW3Cは異常。

594 :Name_Not_Found:2006/10/02(月) 19:11:31 ID:???
ここまで来たかwww

595 :Name_Not_Found:2006/10/02(月) 21:02:50 ID:???
>>587
ありがとうございます。やってみます。
みなさんabsoluteってあまり使わないんでしょうか。

>>588
違います。
トップページのロゴの位置が気にくわなくて・・・。

596 :Name_Not_Found:2006/10/02(月) 21:10:07 ID:???
>>595
俺は普通に使うけど、そういうロゴを見せるのに背景指定して使ったりはしないな

597 :Name_Not_Found:2006/10/02(月) 21:13:58 ID:???
>>595
前にそういう事してたけど、問題なんかなかった。
上手く表示出来ないってどういう事?

598 :595:2006/10/02(月) 22:22:20 ID:???
>>596
左上にサイトロゴ その下にメニュー その下真ん中あたりに大きい画像を表示させて
一番下にcopyrightの文章の画像を表示させたいのですができません。
こういう時は、なにを使いえば良いのでしょうか。
>>597
IEでは普通に表示されるけど、NNとかFirefoxなどでは左に表示されたりメニューが一番したに来たりとか
めちゃめちゃでした。
また調べて
#top{
background-image:url(gazou.jpg);
background-repeat:no-repeat;
background-position:center;
}
にしてみたんですが(真ん中あたりの大きい画像)画像が2重に表示されてしまいます・・・。IEでも。
一番左に画像ちょっとずれて右にも同じ画像みたいな感じで。
サイトのロゴだけはこれで2重には表示されませんでした。
#rogo {
margin:10px;
 background-image:url("img/sitelogo.png");
 background-repeat:no-repeat;
background-position:left top;
}
↓こちらは2重になりました。大きい画像と同じ症状です。
#copy{
 background-image:url("img/copyright.png");
 background-repeat:no-repeat;
background-position:center bottom;
}



599 :Name_Not_Found:2006/10/02(月) 22:28:22 ID:???
htmlも書けよ・・

600 :Name_Not_Found:2006/10/02(月) 22:40:53 ID:???
#rogoって書くなら#toppuとか#kopiとか使わなきゃだめだろ

601 :Name_Not_Found:2006/10/02(月) 22:45:10 ID:???
>>598
背景画像なんだから、見せたい中身が別にあるって意味で使ってる
ロゴだのコピーライトなんてのは、それ自体を見せるものなんだから背景なんかにしない
素直にhtmlに書く

602 :595:2006/10/02(月) 22:50:35 ID:???
<html lang="ja">
<HEAD>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html;charset=Shift_JIS">
<META NAME="description" CONTENT="">
<META NAME="keywords" CONTENT="">
<meta name="author" content="">
<link REL="stylesheet" type="text/css" HREF="top2.css">
<TITLE></TITLE>
</HEAD>
<BODY>
<DIV id="rogo">
<A href="index.html"><IMG src="img/sitelogo.png" alt=""></A>
</DIV>
<ul id="menu2">
<li><A href="#" class="what"><span>what's new</span></A></li>
<li><A href="#" class="pro"><span>profile</span></A></li>
<li><A href="#" class="dis"><span>discography</span></A></li>
<li><A href="http://ppp.atbbs.jp/stripout/" class="bbs"><span>bbs</span></A></li>
<li><A href="http://stripout.exblog.jp/" class="blog"><span>blog</span></A></li>
<li><A href="#" class="link"><span>link</span></A></li>
</ul>
<DIV id="top">
<IMG SRC="gazou.jpg" ALT="">
</DIV>
<DIV id="copy">
<IMG src="img/copyright.png" alt="">
</DIV>
</BODY>
</html>
こんなんです。


603 :595:2006/10/02(月) 22:56:11 ID:???
>>600
え、そうなんですか?クラスで書いたほうが良かったんでしょうか。
まだその辺、よくわからんです。

>>601
自分も最初はそう思いました。
htmlだと画像の位置の微調整とか出来な(出来る?)そうなので。
htmlで書くとすれば<br>で上下調整して<center>で真ん中とかですかね。
それは違う所で勉強ですね。
表示できればなんでもいいからそうしてみようかな。


604 :595:2006/10/02(月) 22:57:06 ID:???
うわ・・・・
アドレスは無視してくださいorz

605 :Name_Not_Found:2006/10/02(月) 22:57:37 ID:???
>>602
・・えーと、imgとbackgroundと両方に画像を指定してらっしゃるようですが?

606 :Name_Not_Found:2006/10/02(月) 23:02:49 ID:???
>>601は無視した方がいい

607 :595:2006/10/02(月) 23:04:32 ID:???
>>605
えっと・・・ちょっと勉強してきます・・・

608 :Name_Not_Found:2006/10/02(月) 23:05:03 ID:???
>>603
だからその位置調整のためのCSSだろ
<br>で調整とか何を言ってるんだ

っていうか、すでにそのhtmlソースでimgが入ってるじゃん
その上背景で画像指定してるとか、意味ワカンネ

609 :Name_Not_Found:2006/10/02(月) 23:28:40 ID:???
background: url(hoge.jpg) no-repeat center;
とまとめないのか?

610 :595:2006/10/02(月) 23:36:23 ID:???
>>608
ですよね。。
ソースでimg指定しないと画像表示されません。
もう自分でも訳わかりません。

>>609
それは慣れたらで。。

今日は参考書読んでまた1から勉強しなおして寝ます。
ついでにアドバイスしてくれるかた募集します。よろしくお願いします。
メッセでもおkです。
みなさんありがとうございました。



611 :Name_Not_Found:2006/10/02(月) 23:44:53 ID:???
>>610
つかもう<img>だけでいいじゃん・・

612 :Name_Not_Found:2006/10/02(月) 23:46:07 ID:???
結局width heightを無視してるあたりがツワモノ

613 :Name_Not_Found:2006/10/03(火) 00:00:41 ID:???
初心者用質問スレ設置希望w

614 :Name_Not_Found:2006/10/03(火) 00:04:30 ID:???
初心者スレあるだろ。

615 :Name_Not_Found:2006/10/03(火) 00:46:11 ID:???
質問スレなんだから初心者でもいいだろ
回答するのが面倒ならしなければいいじゃん

616 :Name_Not_Found:2006/10/03(火) 00:54:18 ID:???
現在、CSSでページを作成しています。
そこで質問なのですが、縦線を可変するタグは、
どのような記述をすればいいのでしょうか。

現在、CSSで縦線を500pxのように
記述しているのですが、ページ毎に違うCSSを
用意しないといけなく、効率化が図れません。

617 :Name_Not_Found:2006/10/03(火) 00:55:37 ID:???
>>1に >基礎は解説サイト(→【解説など】>>3-4)で勉強してください。
とあるんだがな。

618 :Name_Not_Found:2006/10/03(火) 00:59:29 ID:???
>>617>>615へのレスね。

619 :Name_Not_Found:2006/10/03(火) 01:04:20 ID:???
>>618
少々焦ってしまいました(汗。一通りテンプレを
見たのですが、解決策が分からない状況です。
※自分の読み間違いがあるかもしれません。

620 :Name_Not_Found:2006/10/03(火) 01:44:42 ID:???
>>617
まぁ、基礎がどの変までか分からんのも初心者なんだけどな

621 :Name_Not_Found:2006/10/03(火) 02:15:37 ID:???
すみません、自己解決しました。

622 :Name_Not_Found:2006/10/03(火) 03:25:02 ID:???
すみません、<table height="100%"><tr><td height="100%">・・・ としているのですが、
<td>の中身に文字が入ると safari では高さが縮小されてしまいます。
<table>自体の高さは縮小されず、<td>の高さのみ縮小されてしまいます。
何か解決方法はありますでしょうか。


623 :Name_Not_Found:2006/10/03(火) 03:25:52 ID:???
>>622
スレ違い

624 :Name_Not_Found:2006/10/03(火) 03:48:18 ID:???
どう違うのですか?

625 :Name_Not_Found:2006/10/03(火) 04:10:57 ID:???
CSSじゃない

626 :Name_Not_Found:2006/10/03(火) 04:34:35 ID:???
なぜCSSじゃないのですか?

627 :Name_Not_Found:2006/10/03(火) 04:35:52 ID:???
秘密です。

628 :Name_Not_Found:2006/10/03(火) 04:39:09 ID:???
なぜ秘密なのですか?

629 :Name_Not_Found:2006/10/03(火) 05:09:22 ID:???
アメリカにとって都合が悪いからです。

630 :Name_Not_Found:2006/10/03(火) 07:46:51 ID:???
どうして都合が悪いのですか?

631 :Name_Not_Found:2006/10/03(火) 12:03:12 ID:???
国家秘密です。

632 :Name_Not_Found:2006/10/03(火) 15:49:11 ID:???
どうして国家秘密なんですか?

633 :Name_Not_Found:2006/10/03(火) 15:55:08 ID:???
>>626-632
自演乙

634 :Name_Not_Found:2006/10/03(火) 15:56:22 ID:???
               /:.:.:.:.:.:/:.:.:.:.l:.:、:.:|:.:.:.:.:.:.:.、:.:.:.:.:.:.:.:ヽ:.:.ヽ
            //:.:.:.:./:.:./:/ |:.:.|:.、:.:.:.:.:.:.:.:\:.:.:.:.:.:.l|:.:.:.:ト!
              |:|!:.:.:.:.:!:.:.|:/  !:.:|:.:l:.:.:._l:.:.:.:.l:.:.:.:.:.:.||:.:.:ノ|
              |ハ:.:.:.:.:|:.:.|'| ̄ !:.:ト、\:.:.:.|l`ヽ|:.:.:|:.:/l:/ハ
              l! ヽ:.:.:.l:.:.l:|  ヽl  ヽ=≠-、:.l|:.:.:|//彡/:|\
              \:|:.:.|=-‐    トしrハ|:.:ノ|/! |´|:.:|:.:.:ヽ
                 i`:.l     ,     ー‐' ,':.:.:.:トノ:!:.:l:.:|:.|:.l!|
  禁則事項ですっ★     |:ノ:.\iヽ ー‐    /:.:.:.:/:|:.:.:.|:.:|:.:lソレ'
               //:.:.:.l「| ト、__,.. ィ/:.:.:.:斗-!:.:.:|:.:.:.:.ヽ
               /:.:/:.:.:./l/ ノ,へ ! /:.:./   \l:.:.:.:.:.:.',
             /:.:.:/:.:.:./|/ 'ー-ri /:.:.:.:/  ,    |ヽ:.:.:.:.:.:',
           /:.:.:.:.ノ!:.:./ !  二j´ /:.:.:.:/ /       l:.:.\:.:.:.:.',
          /:.:.:.:.:.:/ ∨ノ/  ,rノー|:.:/ノ´_,,. -‐  /!:.:.:.:.:ヽ:.:.:l
          !:.:.:.:/_, -‐' .〉 ,ィ´ ̄l:/ '´       /:.|:.:.:.:.:.:.:|:.:.:|

635 :Name_Not_Found:2006/10/03(火) 16:06:25 ID:???
あんたかわいいね。年いくつ?

636 :Name_Not_Found:2006/10/03(火) 16:12:14 ID:???
秘密です。

637 :Name_Not_Found:2006/10/03(火) 16:26:16 ID:???
IEの糞仕様はIE7で緩和されていますか?

638 :Name_Not_Found:2006/10/03(火) 16:44:16 ID:???
6に比べりゃ格段に良くなってる。
しかし所詮IEはIE。

639 :Name_Not_Found:2006/10/03(火) 17:12:02 ID:???
IE5使いとかなんで6にうpデートしないんでつか?
マジで…

640 :Name_Not_Found:2006/10/03(火) 17:21:56 ID:???
ネスケ4.7信者はなんでうpデートしないんでつか?

641 :Name_Not_Found:2006/10/03(火) 17:31:45 ID:???
>>640
4.8にはうpデートしてるってそういう問題じゃないか

N4にはスッピンでよいし、俺がN4を使わざるを得ないときも、
JavaScript をオフにしてるから、結局CSSを読み込まない様にしてる
その分、制作側には妥当なマークアップを期待したいのだけど、
現実はかなりorz

642 :Name_Not_Found:2006/10/03(火) 18:14:18 ID:???
CSSで背景画像として画像を使用してページ全体に影をつけたいのですが、
どのように記述すればページ全体に影をつけることができますか?

643 :Name_Not_Found:2006/10/03(火) 18:39:47 ID:???
マッシュルームレコードってなに?

644 :Name_Not_Found:2006/10/03(火) 19:18:24 ID:???
>>637
aplication/xhtml+xmlに対応しないって時点でオワットル

645 :Name_Not_Found:2006/10/03(火) 19:53:32 ID:???
>>642
背景画像。

646 :Name_Not_Found:2006/10/03(火) 20:07:49 ID:???
ulとliでリストで作って
リストの間に画像いれたいんだけどうまくいきません

こんなかんじにしたいのです
よろしくおながいします
ttp://www.kaikaikiki.co.jp/

647 :Name_Not_Found:2006/10/03(火) 20:25:35 ID:???
>>646
意味不明。
マネたいサイトがあるなら、ソース見ればいい事。

648 :Name_Not_Found:2006/10/03(火) 21:30:05 ID:???
divで囲んだ中にテーブルを下記の配列のように並べたいのですが、
どのようにすれば一番スマートに並べられるでしょうか?
今後横2列でずっと下に行数が増えて行く予定です。

┌――┐
|□ □|
|□ □|
|□ □|
└――┘
↑div枠

□はテーブル

649 :Name_Not_Found:2006/10/03(火) 21:31:25 ID:???
ずれた…orz

┌――┐
|□ □|
|□ □|
|□ □|
└――┘
↑div枠

□はテーブル

こんな感じです
これでずれたらもう書きません…。

650 :Name_Not_Found:2006/10/03(火) 21:35:38 ID:???
中身がテーブルなら、全部テーブルにすりゃいいやん。

651 :Name_Not_Found:2006/10/03(火) 21:45:28 ID:GYpPZ8PI
テーブルのなかにはセル何個入れるつもり?

652 :Name_Not_Found:2006/10/03(火) 21:52:43 ID:???
>>650
違うものについての情報なので
テーブルは一緒にしたくないのですよ。

>>651
縦最大10、横最大3です。全部で18個セルがあります。

653 :Name_Not_Found:2006/10/03(火) 22:01:11 ID:???
テーブル入れ子

654 :Name_Not_Found:2006/10/03(火) 22:16:36 ID:???
俺ならfloatでやる。

655 :Name_Not_Found:2006/10/03(火) 22:18:44 ID:???
>>652
まず、複雑過ぎて自分で作れないのなら、業者に頼んだ方が良い

そうでないなら、作りたいものをきちんと説明してくれ
そっちがうまく伝えられない以上、こっちも作り方を説明できっこない

656 :Name_Not_Found:2006/10/03(火) 22:26:13 ID:???
┌――┐
|□□|ミ ζ゚   < I can fly !!!
|□□|
|□□|
└――┘

657 :Name_Not_Found:2006/10/03(火) 22:30:49 ID:???
>>654 じゃあ教えてやれよ、といいつつ俺もこんな変なレイアウトについて
語りたくない・・・。


658 :652:2006/10/03(火) 22:32:48 ID:???
業者に頼めるものならそうしたいのですが、
そうもいかない事情があるので…

フロートでうまくいかなかったので質問したのです。
結局テーブル入れ子にしました。
お騒がせしました。

659 :Name_Not_Found:2006/10/03(火) 23:47:07 ID:???
画像ではなくDIVの背景色を透過させたいのですがどうやってら良いでしょうか?

660 :Name_Not_Found:2006/10/03(火) 23:49:40 ID:???
>>659
ワケワカラン
翻訳希望

661 :Name_Not_Found:2006/10/03(火) 23:54:57 ID:???
>>659
半透明PNGを背景にする

662 :Name_Not_Found:2006/10/03(火) 23:57:14 ID:???
>>659
IEだけならfilterってのがある。
ちなみにCSS Filterって説明してるけしからん解説サイトも存在するが、CSSじゃないから。

663 :Name_Not_Found:2006/10/04(水) 00:05:26 ID:???
>>661
「画像ではなく…背景色を透過」って言ってるから
 background-color: transparent;
なんじゃねーの? 違うんなら俺も翻訳キボンヌ

664 :629:2006/10/04(水) 00:09:33 ID:???
>>633
せっかく乗ったのに。

>>639
IE5ではCSSが効かないようにすりゃ良いじゃん。

665 :Name_Not_Found:2006/10/04(水) 00:23:05 ID:???
ttp://www.excite.co.jp/world/

666 :Name_Not_Found:2006/10/04(水) 09:15:56 ID:???
How is it .... good though it wants to penetrate the background color of not the
image but DIV?

667 :Name_Not_Found:2006/10/04(水) 12:49:45 ID:???
英語でOK

668 :Name_Not_Found:2006/10/04(水) 16:33:29 ID:???
IMPOSSIBLE!

669 :Name_Not_Found:2006/10/04(水) 18:02:54 ID:???
I am a pen

670 :Name_Not_Found:2006/10/04(水) 18:08:18 ID:???
IE7でもアンダーバーハックは有効ですか?

671 :Name_Not_Found:2006/10/04(水) 18:15:35 ID:???
訊く前に試せよ!!!

672 :Name_Not_Found:2006/10/04(水) 18:15:47 ID:???
効かん

673 :Name_Not_Found:2006/10/04(水) 18:24:35 ID:???
だってマカーなんだもん。

674 :Name_Not_Found:2006/10/04(水) 18:27:03 ID:???
アンダーバーハックはSeaMonkeyのJavaScript Consoleにエラーを
ジャンジャン吐き出すからやめれ。

675 :Name_Not_Found:2006/10/04(水) 18:27:58 ID:???
Win機拾ってこいよ!

676 :Name_Not_Found:2006/10/04(水) 18:31:35 ID:???
つーか8割シェアのブラウザが何でこんな糞なんだよ!
そっち用にハック使わなきゃってそれオカシイだろ!
メガネどっかに隠しちゃうぞ!ゲイツ!

677 :Name_Not_Found:2006/10/04(水) 18:32:26 ID:???
SeaMonkeyってなに?

678 :Name_Not_Found:2006/10/04(水) 18:35:16 ID:???
>>677
これのこと
ttp://virgojen.typepad.com/virgo_jen/images/seamonkey.jpg

679 :Name_Not_Found:2006/10/04(水) 20:19:16 ID:???
Macだけでホームページ作ってるなんてあるえるのかい。
それで訪れる人の率。消費税の方がまだ高いぜ?!

680 :Name_Not_Found:2006/10/04(水) 20:20:06 ID:???
>>674
嫌ならGecko系を使わなければ良かろうに。
つうか、じゃんじゃんダンプしてくれるから、全部気付けて楽だろう。

681 :Name_Not_Found:2006/10/04(水) 20:22:15 ID:???
>>679
スゴい勘違いをしてる悪寒。もしくは真性。

682 :Name_Not_Found:2006/10/04(水) 20:34:17 ID:???
>>679
日本語も変だし
言ってることも変だよ。

683 :Name_Not_Found:2006/10/04(水) 20:55:22 ID:???
マカーが釣れ始めてる。 だがその数もやはり少ないw

684 :Name_Not_Found:2006/10/04(水) 20:57:23 ID:???
釣っても意味ないじゃん

685 :Name_Not_Found:2006/10/04(水) 21:04:29 ID:???
クズは放っとけ。

686 :Name_Not_Found:2006/10/04(水) 22:11:46 ID:???
ごめん、ちょっとワロタ

687 :Name_Not_Found:2006/10/04(水) 22:14:16 ID:???
どっちかといえば、釣られてるのは Mozilla 信者だろうに

688 :Name_Not_Found:2006/10/05(木) 13:57:04 ID:???
初心者スレに誤爆してしまいましたが気を取り直して・・・。

あるリストをfloatで綺麗に(width:30%)横並びにさせて、そのすぐ下の見出しでclearする際に、
リスト表示とその下の見出しの間に3emの空間を入れたくて、以下のように記述しました。

html:
〜略〜
<ul>
<li>あいうえお</li>
<li>かきくけこ</li>
<li>さしすせそ</li>
<li>たちつてと</li>
<li>なにぬねの</li>
<li>はひふへほ</li>
</ul>
<h2>次の見出し</h2>
〜略〜

css:
ul {margin-bottom:3em;}
li {float:left; width:30%;}
h2 {clear:left;}

IE6.0とOpera8.54では上手く空間が反映されるのですが、
firefox1.5.0.7では、ulの上部から計算している様で、
かなり大きい値を入れないと、リストと見出しの間に隙間ができません。
見出しの方から距離を取る(padding等)以外では解決できないのでしょうか?

ttp://www.geocities.jp/multi_column/float/06.html
↑を見ると、ulにmargin-bottomを指定する事で解決できそうな気もしたのですが・・・。

689 :Name_Not_Found:2006/10/05(木) 15:28:43 ID:???
>>688
h2でclearしないで、brを間に入れてclearってのはダメなの?
どのブラウザでも同じ挙動になると思う。
strictにやりたい人は嫌がるだろうけど。

690 :Name_Not_Found:2006/10/05(木) 15:30:41 ID:???
>>689に追記。
念のため、この場合marginはh2で取ってね。

691 :Name_Not_Found:2006/10/05(木) 15:52:41 ID:???
そうですか

692 :Name_Not_Found:2006/10/05(木) 16:00:26 ID:???
そうですね

693 :Name_Not_Found:2006/10/05(木) 20:09:33 ID:???
そうなんです

694 :Name_Not_Found:2006/10/05(木) 20:31:29 ID:???
そうなのか

695 :Name_Not_Found:2006/10/05(木) 20:32:43 ID:???
そうなんだよな

696 :Name_Not_Found:2006/10/05(木) 20:37:46 ID:???
そうなのは

697 :Name_Not_Found:2006/10/05(木) 21:59:16 ID:???
そうなのなの

698 :Name_Not_Found:2006/10/05(木) 23:30:13 ID:???
そうろうなの

699 :Name_Not_Found:2006/10/06(金) 00:47:32 ID:???
そうなのか

700 :Name Not Found:2006/10/06(金) 01:03:29 ID:??? ?2BP(0)
そうなの

701 :Name_Not_Found:2006/10/06(金) 01:37:02 ID:???
綺麗にリストをセンタリングする方法を伺いたいのですが、

具体的には
・全てのli要素のリストマーカーは縦にそろう。
・li要素はインライン要素のみを含む。
・ul要素は、li要素に含まれるインライン要素のうち最大のものに丁度合わせた幅になる。
・ul要素がコンテナブロックの幅に達してしまったら、インライン要素は改行される。
以上の前提・条件を満たすようにul要素をセンタリングすることは可能でしょうか。
可能ならばどうやってやればいいのでしょう。

702 :Name_Not_Found:2006/10/06(金) 04:41:50 ID:???
>>688
>firefox1.5.0.7では、ulの上部から計算している様で、
この場合ulの高さは0。ulにborderとpaddingを与えるとよくわかる。
だからFxの挙動が正しいと思う。

>↑を見ると、ulにmargin-bottomを指定する事で解決できそうな気もしたのですが・・・。
liとh2が兄弟の場合はそれで合ってる。

この場合はliにmarginを指定すれば良い。

ul { padding-top : 3em ; }
li { float : left ; width : 30% ; margin : -3em 0 3em ; }
h2 { clear : left ; }

FxとOpera 9.02で確認。IE6ではうまくいかないみたいだから、あとはハックで調整してください。

703 :Name_Not_Found:2006/10/06(金) 09:18:52 ID:???
そうですか

704 :688:2006/10/06(金) 09:30:58 ID:???
>>702
ありがとうございます。
なるほど、そういう理由でfirefoxの挙動の方が正しい訳ですね。

たしかに、ご指摘の通りにやってみるとfirefoxで上手く空間ができました。
やはりIEだと処理がだいぶ違いますね・・・。
もう少し弄ってみます。

705 :Name_Not_Found:2006/10/06(金) 16:08:09 ID:???
web制作をはじめたばかりなんですが、スタイルシートでつまずいています。
ずばりDreamWeaver8を使ってCSSを解説しているサイトはありませんか?
テンプレ含めいろいろリンクを回ったんですが、直接手打ちだったり下位バージョンを使用していたりして、
なかなか見つかりません。。
よろしくお願いします。

706 :Name_Not_Found:2006/10/06(金) 16:22:35 ID:???
割れ厨は氏ね世

707 :Name_Not_Found:2006/10/06(金) 16:47:12 ID:AhKYR6Ou
こんにちは。

another html lintで採点したら以下のように出ました

(<td> の属性 `height` はあまり薦められない属性です。スタイルシートを使いましょう。) → 解説 82


スタイルシートでは具体的にどのように記述すればよいのでしょうか。
諸先生方よろしくお願いいたします。


708 :Name_Not_Found:2006/10/06(金) 16:55:04 ID:???
>>705
CSS使うなら手打ち(?)使えねーと意味ねーよ。

709 :Name_Not_Found:2006/10/06(金) 16:56:24 ID:???
td{
height:(ここに数字);
}

単位はpxなりemなり好きなの使え

710 :Name_Not_Found:2006/10/06(金) 16:56:48 ID:???
<td style="height:520px;">

711 :Name_Not_Found:2006/10/06(金) 17:06:35 ID:???
DW8使っても、テーブルレイアウトするのと比べると
CSSだと便利なタグ打ち補助アプリって感じだよね。

712 :Name_Not_Found:2006/10/06(金) 17:15:46 ID:???
>>708>>711
そうだったんですか。急ぎ過ぎていました。
とりあえずはテーブルをじっくり学んでいこうと思います。

713 :Name_Not_Found:2006/10/06(金) 17:16:37 ID:???
そもそも、DWは手打ちで出来るような人が
作業効率あっぷする為に使うソフトだからな。

714 :Name_Not_Found:2006/10/06(金) 17:21:22 ID:???
>>713
(∩ ゚д゚)アーアーきこえなーい

715 :707:2006/10/06(金) 17:21:37 ID:AhKYR6Ou
本当にありがとうございました

716 :Name_Not_Found:2006/10/06(金) 17:27:00 ID:???
なぜか茶化されたようにしか思えない

717 :Name_Not_Found:2006/10/06(金) 23:57:53 ID:???
ボタン作ろうと思ってaタグに背景画像指定したんですけど
<a class="menu1" href="http://www.example.com">Example</a>とすると、
画像だけにしたいが Example がでてしまいます。(当たり前なんですけど)
これの文字を消す方法ってありますでしょうか。

718 :Name_Not_Found:2006/10/07(土) 00:19:01 ID:???
クラスでマージンとパディング一緒に使いたいんですけど
どこが間違ってますか?

.class1{margin:10px 40px 60px padding:30px;}



719 :Name_Not_Found:2006/10/07(土) 00:25:47 ID:???
>>717
text-indentなど
>>718
書き方間違えてる

720 :Name_Not_Found:2006/10/07(土) 00:30:58 ID:???
.class1{margin:10px 40px 60px ; padding:30px;}

721 :Name_Not_Found:2006/10/07(土) 05:20:10 ID:???
>>718
FxのJavaScript ConsoleにそのCSSエラーは出るから自分でチェックできるだろ。

722 :Name_Not_Found:2006/10/07(土) 08:57:28 ID:???
>>1 ●土台のHTMLが間違ってるとCSS指定も意図通りに効きません。
上記を読んだ上での質問です。
下記で24ptにならない部分も24ptにしたいです。
IE限定でもいいので何かいい方法ありませんか?
(HTMLの構造を変えることは出来ません)

<style>p{font-size: 24pt;}</style>
<p>24ptになる
<pre>pre</pre>
24ptにならない</p>


723 :Name_Not_Found:2006/10/07(土) 09:36:10 ID:???
>>722
ブラウザにはHTMLの文法違反を訂正する仕組みが盛込まれているから、

<p>24ptになる
<pre>pre</pre>
24ptにならない</p>

は以下と等価に判断されてるはず

<p>24ptになる</p>
<pre>pre</pre>
24ptにならない

で、このエラー訂正機能は仕様化されていないから、ブラウザごとに異なるはず
サイト制作側がオレオレHTMLを押し付けようとしても、ブラウザ側が勝手に訂正する上、
どのような訂正がなされるかもブラウザ任せってことになる
結局、HTMLを文法に合う様に変更するのが一番無難

724 :Name_Not_Found:2006/10/07(土) 09:42:12 ID:???
基本的にdiv以外でブロックの中にブロックいれちゃ駄目でしょ

725 :≠722:2006/10/07(土) 09:43:32 ID:08h2V44H
横からスマンが、この場合

<p>24ptになる</p>
<pre>pre</pre>
<p>24ptにならない</p>

これが正解ってこと?


726 :Name_Not_Found:2006/10/07(土) 10:22:45 ID:???
開始タグは勝手に補完しなかったような・・・

727 :Name_Not_Found:2006/10/07(土) 10:35:36 ID:???
>>719
ありがとうございます。
最初よくわからなかったですが、
いろいろいじってtext-indent値で範囲から出して、
オーバーフローした分を隠してできました。

728 :Name_Not_Found:2006/10/07(土) 10:48:23 ID:???
>>724
メジャーなとこでは、blockquote

>>725
それで文法的には valid であるけど、
「24ptにならない」の箇所をp要素とするかどうかは原文を見ないと判断不能
もしかしたらリストの方が適当かもしれんし

>>726
俺の知る限りではそうだったと記憶している
でも、新種のブラウザが独自の訂正アルゴリズムを搭載してもおかしくないし
決め打ちは危険だと思われ

729 :Name_Not_Found:2006/10/07(土) 11:19:21 ID:???
blockquoteをブロックの中で使っちゃいかんだろ
使うならquoteでしょ

730 :Name_Not_Found:2006/10/07(土) 12:15:04 ID:???
>>729
クマー

731 :Name_Not_Found:2006/10/07(土) 12:20:03 ID:???
>>717
自分で解ってるなら素直にimg使ったら?

732 :Name_Not_Found:2006/10/07(土) 12:48:34 ID:???
>>717
aをvisibility:hiddenにして、a:beforeに画像を指定。
IEにはJavaScriptでinnerHTMLでも使っとけ。

733 :Name_Not_Found:2006/10/07(土) 17:09:42 ID:???
質問です。お願いします…
下記のように見出しと本文を組み、
本文中に画像を入れ、左右に寄せた際、
文章量(行)が画像の高さより低いと
<h2> や <p> に margin を指定していても、
画像と次の見出しがぴったりくっついてしまいます。
どうすれば常に段落のアキを確保できるでしょうか?

___ CSS ____________
h2 {clear: both;
height: 25px;
line-height: 25px;
margin: 10px 0;
background: url(img/h3bg.jpg) left center no-repeat;}

p { margin-bottom: 20px; }

img.left { float: left;}

___ HTML ____________
<h2> 見出し </h2>
<p><img src="img/photo.jpg" alt="PHOTO" width="100" height="100" class="left" />
本文てきすと本文てきすと本文てきすと本文てきすと。</p>

<h2> 次の見出し </h2>

734 :Name_Not_Found:2006/10/07(土) 17:20:57 ID:???
>>732
間違いにそろそろ気付きましたか?
気付いたら自分で訂正しましょう。

735 :Name_Not_Found:2006/10/07(土) 17:22:28 ID:???
imgにもmarginを設定してあげればおk

736 :Name_Not_Found:2006/10/07(土) 17:33:52 ID:???
CSSでレイアウトに挑戦しているところなんですが、
コンテンツの幅を800pxにしていて、その中にサイトタイトル画像を
h1のW800pxでmargin・paddingを0pxで配置しています。
コンテンツ幅と画像の幅がピッタリになってくれるはず!と思って作っているのですが
IEで見ていると右横に広がっているんです。
どこが原因なのかさっぱりわからず、ご指摘いただけないでしょうか?

HTMLファイルとCSSファイルとJPEGファイルです。
ttp://kasamatusan.sakura.ne.jp/cgi-bin2/src/ichi55544.zip.html
真ん中あたりのダウンロードという文字のリンクから落としてください。

737 :Name_Not_Found:2006/10/07(土) 17:45:58 ID:???
>>731
いや、マウスオーバーで背景画像にあるボタン画像を切り替えたいとおもったんで
何か方法ないかと思いました
>>719で一応解決しました。

738 :Name_Not_Found:2006/10/07(土) 17:52:00 ID:???
>>736
なんだこの糞アプロダは。そんなに広告収入欲しいのかよ糞管理豚。
>>6でも読め。

739 :Name_Not_Found:2006/10/07(土) 18:04:59 ID:???
>>736
右のスクロールバーの表示領域とか計算してる?
800ぴったりだと収まりきらないよ。
うろ覚えだが幅は780だか760ぐらいだかぐらいが良かった気がする。

740 :733:2006/10/07(土) 18:53:43 ID:???
>>735
レスサンクスです。
自分も画像自体に margin-bottom とは思ったんですが、
やはりその方法しか無いのでしょうか…

741 :Name_Not_Found:2006/10/07(土) 19:01:01 ID:???
>>740
その方法が気に入らない理由を書け。

742 :Name_Not_Found:2006/10/07(土) 19:46:38 ID:66IFIU8/
Firefoxで見ると、リンクにカーソルを当てた時に
そのリンクの周りのブロック要素の位置が動く事があるんですが、
原因と解決法がわかる方いらっしゃいますか。

743 :Name_Not_Found:2006/10/07(土) 20:13:54 ID:???
>>742
動くソースを貼ってね。

744 :Name_Not_Found:2006/10/07(土) 20:14:23 ID:???
hoverのpaddingとかじゃね? (曖昧)

745 :Name_Not_Found:2006/10/07(土) 20:20:13 ID:???
>>741
いや、h2やpの方で処理出来た方がキレイかなぁと。

746 :Name_Not_Found:2006/10/07(土) 20:23:16 ID:???
floatしてるんだからimgにやらないといけないのは当たり前。

747 :Name_Not_Found:2006/10/07(土) 20:48:41 ID:???
>>745
常にh2やpが来るとは限らないし。

参考:
ttp://www.w3.org/TR/CSS2/images/float2p.gif

>>734
>>732は間違ってないよ。言葉足らずだけど。

748 :Name_Not_Found:2006/10/07(土) 21:14:09 ID:???
>>737
マウスオーバー?
hover?
ロールオーバーの間違いなのでは?
だったら素直にjavascript使うのが普通だと思うが。

749 :Name_Not_Found:2006/10/07(土) 21:25:01 ID:???
>>748
CSSスレでその発言は有り得ない。

750 :Name_Not_Found:2006/10/07(土) 21:28:17 ID:???
>>743-744
ソースがでかすぎるので、怪しい部分だけを抜き出して再現しようと
今やってたんですが、何故か再現しませんorz
>>744さんの言う通り、hoverのposition:relative;とかdivのpaddingに加え、全体の入れ子状態や
文字数、改行も関係しているかと思ってそのあたりまでやってみたんですが。

最初から作り直してみます。ありがとうございました。




751 :722:2006/10/07(土) 21:33:57 ID:???
>>723-730
ありがとうございました。どうにもなりそうにないことがわかりました。
頑張ってどうにかします。

752 :Name_Not_Found:2006/10/07(土) 22:11:26 ID:???
aには background:url("menu-back.jpg") 0 -5px; とし、
a:hoverには background-position-y:-60px; としています。

InternetExplorer6.0ではカーソルON時に背景が-5pxから-60pxの位置へ表示が変わるのですが、
Firefox1.5では表示が変わりません。なぜでしょうか。
Firefoxはbackground-position-yに対応していないのでしょうか。

謹んで宜しくお願い申し上げます。

753 :Name_Not_Found:2006/10/07(土) 22:17:26 ID:???
>>752
お願いの前に仕様書読めよ。
background-position-yなんてプロパティは存在しない。

754 :752:2006/10/07(土) 22:23:57 ID:???
>>753
そうなんですか。IE独自の仕様なんですね。
では、Firefoxでhover時に背景の位置を縦方向だけ変えたい場合、どのようにすれば良いですか。

755 :Name_Not_Found:2006/10/07(土) 22:33:08 ID:???
(・・・脳みそ使えよ)

756 :752:2006/10/07(土) 22:42:47 ID:???
>>755
aには background:url("menu-back.jpg") 0 -5px; だけでなく
background:url("menu-back.jpg") 100px -5px;
background:url("menu-back.jpg") 200px -5px;
background:url("menu-back.jpg") 300px -5px;
background:url("menu-back.jpg") 400px -5px;
background:url("menu-back.jpg") 500px -5px;
background:url("menu-back.jpg") 600px -5px;
background:url("menu-back.jpg") 700px -5px;

757 :752:2006/10/07(土) 22:48:09 ID:???
>>755
aには background:url("menu-back.jpg") 0 -5px; だけでなく
background:url("menu-back.jpg") 100px -5px; も
background:url("menu-back.jpg") 200px -5px; も
background:url("menu-back.jpg") 300px -5px; も
background:url("menu-back.jpg") 400px -5px; も
background:url("menu-back.jpg") 500px -5px; も
background:url("menu-back.jpg") 600px -5px; も
background:url("menu-back.jpg") 700px -5px; もあるんです。

hover時に縦(y)の値だけ全て-60pxにしたいのです。
1つだけなら background:url("menu-back.jpg") 0 -60px; にすればいいことは分かっています。
これらをまとめてhover時に縦(y)方向に移動させたいのです。 
どうか宜しくお願い致します。

758 :Name_Not_Found:2006/10/07(土) 23:04:00 ID:???
はじめまして。
□□▼▼▼▼
□□■■■■
□□■■■■
□□■■■■
□□▲▲▲▲
□の部分とそれ以外の部分はフレーム分けしています。
▼と▲はスタイルシートで固定し、■部分だけ縦スクロールさせたいと思っています。
▼と▲はposition:abusoluteで画面上下に接着させることができるのですが、
■部分を■部分の中だけで縦スクロール可能とすることができません。
(▲部分を突き抜けてページ全体がスクロールしてしまいます…)

試しに■部分のheightをpx単位で指定すると思っていた通りの動きになるのですが、
ユーザのブラウザの大きさを限定するわけにいかないので使えません。。
何か良い知恵をお持ちの方がいらっしゃいましたら、教えて頂けませんでしょうか?

759 :Name_Not_Found:2006/10/07(土) 23:09:41 ID:???
>>758
frame使ってるなら、全部frameでいいと思う。

760 :733:2006/10/07(土) 23:14:08 ID:???
>>746,747
レスどうもです。
確かにfloatしてるんだから画像の方にmarginを、ですね。
よくよく考えれば当然ですた…

761 :758:2006/10/07(土) 23:18:28 ID:???
>>759
全部フレームにしたいのですが、以前スタイルシートで実現している
Webシステムを見たことがあるので同じようにしてみたいのです。
(当時のシステムに今でもアクセスできれば…)

762 :Name_Not_Found:2006/10/07(土) 23:21:55 ID:???
>>761
システム?まあいいけど参考に。
ttp://www.cssplay.co.uk/layouts/body2.html

763 :Name_Not_Found:2006/10/07(土) 23:39:20 ID:???
アンカーに対して下記の背景スタイルを設定しました。

#a {background:url("simple-menug.jpg") 0 -5px;}
#a:hover {background:url("simple-menug.jpg") 0 -10px;}
#b {background:url("simple-menug.jpg") -100px -5px;}
#b:hover {background:url("simple-menug.jpg") -100px -10px;}
(中略)
#g {background:url("simple-menug.jpg") -600px -5px;}
#g:hover {background:url("simple-menug.jpg") -600px -10px;}
#h {background:url("simple-menug.jpg") -700px -5px;}
#h:hover {background:url("simple-menug.jpg") -700px -10px;}
(以下略)

これを省略する方法を教えてください。

IE6.0では
#a {background:url("simple-menug.jpg") 0 -5px;}
#b {background:url("simple-menug.jpg") -100px -5px;}
(中略)
#c {background:url("simple-menug.jpg") -600px -5px;}
#d {background:url("simple-menug.jpg") -700px -5px;}
a:hover {background-position-y:-10px}
とy(縦)の位置を一括で指定できます。

しかしFirefox1.5では background-position-y が使えないため、この省略方法が使えません。
Firefox1.5にも対応する省略方法を教えてください。

764 :Name_Not_Found:2006/10/07(土) 23:50:30 ID:???
>>747
おいおい、どこまでレベル下がってんだこのスレ。
擬似要素は<a><a-before/>aaa</a>みたいなかんじだろ。
>>732みたいに、a {visibility:hidden;} したらどうなるんだよw

765 :Name_Not_Found:2006/10/07(土) 23:55:33 ID:???
>>764
スマン、何を言ってるのかわからない。

766 :Name_Not_Found:2006/10/07(土) 23:59:21 ID:???
>>763
ちっとも調べてないんだ、ガッカリだよ。
background-position-yなんてプロバティはCSS仕様書にないって言われたでしょ。
background-positionなの。

767 :Name_Not_Found:2006/10/08(日) 00:07:31 ID:???
>>763
縮められるところといったら……
background-imageを毎回指定する必要はないってところくらいかな。

768 :Name_Not_Found:2006/10/08(日) 00:12:15 ID:???
これ画像うまく作れば、#a:hover,#b:hover,… {background-position: -100px -10px;}
とかでいけそうな気もする

769 :Name_Not_Found:2006/10/08(日) 00:15:22 ID:cvNi28jh
aタグでdisplay:block、text-indent:-9999pxでテキストを飛ばし
背景画像を表示、さらにhoverでズラすといったことを
メニュー等で使っているのですが、Firefoxでクリックすると
リンク範囲がブラウザの左端まで延びてしまいます。
これを防ぐための方法があれば教えてください。
そもそもこういうやり方は好ましくないんでしょうか?

770 :758:2006/10/08(日) 00:22:14 ID:???
>>762
サンプルページを参考にして修正したところ、思い通りのものになりました。
ありがとうございました。

771 :Name_Not_Found:2006/10/08(日) 00:29:08 ID:???
>>769
overflow: hidden

772 :Name_Not_Found:2006/10/08(日) 00:34:25 ID:???
>>769
Mac IEで全部消える
/*\*/
overflow:hidden
/**/

773 :Name_Not_Found:2006/10/08(日) 00:39:09 ID:Yer5XKfp
<a href="#" style="display:block; background-image:url(banner.gif);"><span style="visibility:hidden;">バナー</span></a>

じゃだめ?

774 :769:2006/10/08(日) 00:40:23 ID:???
>>771>>772
ありがとうございます。これってaタグ全部に指定しても問題ないでしょうか?
つまりこういうテキスト飛ばしのリンクだけではなく、普通のテキストリンクや
イメージへのリンクに対しても指定しても特に問題がないようだったら
一括で指定しちゃおうと思うのですが。

あと、>769の最後にも書きましたがこういうのってSEOスパムにはならないですよね?
CSSレイアウトのサイトのメニューは大抵この手法っぽいですし。

775 :769:2006/10/08(日) 00:47:19 ID:???
>>773
なるほど。そういうやり方もあるんですね。
でもHTMLファイルを大量に作ってしまったので、CSS側の追加だけで済みそうな
771-772のやり方で問題がなければ進めたいです。

776 :Name_Not_Found:2006/10/08(日) 01:20:48 ID:???
問題は伸びる点線よりも画像OFFで何も表示されないことだよ

777 :Name_Not_Found:2006/10/08(日) 01:31:57 ID:???
画像offにするくらいなら、CSS offにしてくれたらいいのにな。

778 :Name_Not_Found:2006/10/08(日) 01:53:32 ID:???
>>777
細い回線(AirH"等)経由でアクセスする時は、画像offってよくやる

779 :Name_Not_Found:2006/10/08(日) 02:13:36 ID:???
>>778
なるほどねー。悪いが俺はそこまで対応しないけどな。

780 :Name_Not_Found:2006/10/08(日) 03:24:16 ID:???
>>779
いまだに spacer.gif とか使ってるサイトは実際わけわかんなくなるし
対応しなくてもそれはそれでかまわんのだけど
一々ソースチェックしたりはしないから
その手の時代遅れのサイトと混同されるおそれはあるかも

781 :Name_Not_Found:2006/10/08(日) 04:05:56 ID:???
それを言い出したら画像使ったメニューなんて出来ない。
テキストで十分って考え方も尊重するが、CSS3以降に期待って事かね。


782 :Name_Not_Found:2006/10/08(日) 06:56:03 ID:Yer5XKfp
普通にimgタグを使ってalt使えばCSS切ったときに醜い
だからといって背景にしたら画像だけ表示させないようにさせたとき醜い

他に何か方法ってあったっけ?

783 :Name_Not_Found:2006/10/08(日) 07:32:14 ID:???
背景にして空span入れてテキスト隠す方法があったと思うけど
そこまでするなら割り切った方がいい

784 :Name_Not_Found:2006/10/08(日) 08:26:59 ID:???
>>782
>だからといって背景にしたら画像だけ表示させないようにさせたとき醜い

この場合は、>>777に指摘がある様に、美醜ではなく何も表示されないのが問題

785 :747:2006/10/08(日) 10:03:38 ID:???
>>764
>>732そのままで良いなんて言ってないじゃん。
>>732の発想で問題のスタイルを実現しようと思ったらまだ指定が足りないし、条件付きでしか実現しないけど、
その発想で「できないわけじゃない」という意味で「間違ってない」と言っただけで。
まあ、そういう意味では俺も言葉足らずだったけど。

786 :Name_Not_Found:2006/10/08(日) 14:23:19 ID:???
相手しなくていいよ。
定期的に現れてはケチだけつけてく奴なんだからさ。

787 :Name_Not_Found:2006/10/08(日) 20:18:45 ID:I2YBkwxm
<tr>
<!--======メイン左====== -->
<td id="main-left">
<H1>News</H1>
<HR CLASS="sen">
<DIV CLASS="title">ライブ情報!</DIV><DIV CLASS="data">2006/10/04</DIV>
ライブが決定しました!

--------------CSS----------------
td#main-left{
width:500px;
}
.sen{
width:450px;
height:2px;
margin-left:55px;
color:#000000;
}
.data{
text-align:right;
font-size:xx-small;
color:#000000;
}
ライブ情報!の右端に2006/10/04と表示させたいのですが
2行くらい下の右端に表示されてしまいます。
どこを直せば右端に表示されますか?

788 :Name_Not_Found:2006/10/08(日) 20:36:06 ID:???
>>787
全部直さないとな。
htmlからしてひど過ぎる。まず正しいhtmlがあって、それからcssで見栄えを調整するもんだ。
半端な知識でcss使うくらいなら、テーブルレイアウトの方が100倍マシ。


789 :787:2006/10/08(日) 20:39:26 ID:I2YBkwxm
</td>
</tr>
つけ忘れましたがそれとは違ってですか?
ほぼサイトのままやってるんですけどね。。

790 :787:2006/10/08(日) 20:40:43 ID:I2YBkwxm
サイトとは、参考にしてるサイトですorz

791 :Name_Not_Found:2006/10/08(日) 20:53:36 ID:???
つまり自分では一切勉強しても、調べてもいないということですね。
そんな人には多分誰も答えてくれませんよ。

792 :Name_Not_Found:2006/10/08(日) 20:54:49 ID:???
>>789
どちらにせよ間違ってる。どこにtableがある?
そりゃ間違ってたってサイトは表示されるよ。カッコ悪いがな。
君はそれでは満足出来なくなったんだろ?カッコ良くしたいと。
その向上心は買う。いい事だ。だがさっきも言った、CSSを使うなら、だよ。
バンドだって何かしら努力しなきゃ上手くなんないだろ?htmlも同じだよ。

793 :787:2006/10/08(日) 21:01:46 ID:I2YBkwxm
>>791
>>792
うーむ。そうですね。
どこをどう勉強すれば良いかわからない状態で。
内容を理解しないとだめですよね・・・ありがとうございました。

794 :Name_Not_Found:2006/10/08(日) 21:03:42 ID:???
>>793
web初心者質問スレのテンプレに参考サイトがあるし、
ググれば初心者向け解説サイトは沢山あるよ。

795 :Name_Not_Found:2006/10/08(日) 21:47:16 ID:???
>>787
.titleの中にfloatは?
というよりcssはレイアウトのためなのにテーブルでレイアウトを使っているが矛盾を感じないか。
cssで組む意味がないと思う。

796 :Name_Not_Found:2006/10/08(日) 22:54:45 ID:???
dateジャマイカ?

797 :Name_Not_Found:2006/10/08(日) 23:48:28 ID:???
>>795
テーブルでマーク付けした方が良いのだろうよ。
むしろ、そのマーク付けを否定する根拠を提示してもらおうか。

798 :Name_Not_Found:2006/10/08(日) 23:49:31 ID:???
>>795 別にCSSとテーブル組み合わせても何の問題もない。
分かるところはCSSで、CSSでうまくいかないところはテーブルでやればいい。
それこそ「テーブルは表」というW3C信者そのものだな。

799 :Name_Not_Found:2006/10/08(日) 23:55:30 ID:???
>>795 自分も昔はcssでうまくいかなくて苦労した。
そういう知識の差を考慮しない物言いは良くないよ。

800 :Name_Not_Found:2006/10/09(月) 00:19:45 ID:SC433ydt
>>795
とりあえず「CSS初めの一歩」にはちょうどいいレベルだと思うよ。
初めからフルCSSだと慣れていないと難しいからね
俺も今でこそそれなりにフルCSSでデザインできるけど、初めはテーブル+CSSからだったよ

801 :Name_Not_Found:2006/10/09(月) 00:23:20 ID:???
>>795に嫉妬

802 :Name_Not_Found:2006/10/09(月) 00:32:35 ID:???
<div id="container">
<div id="header">ヘッダー</div>
<div id="main">
<div id="contents">メインコンテンツ<br />メインコンテンツ</div>
<div id="side">サイドコンテンツ</div>
</div>
<div id="footer">フッター</div>
</div>

body{margin:0px;text-align:center;}
#container{margin:0px auto;text-align:left;width:770px;background-color:#cc0000;}
#header{width:770px;background-color:#00cc00;}
#main{margin:10px;background-color:#000000;}
#side{float:right;width:230px;background-color:#cccc00;}
#contents{float:right;width:510px;margin-left:10px;background-color:#cc00cc;}
#footer{clear:both;background-color:#00cccc;}

mainの背景色が全く見えません。
mainのmargin:10pxがあるはずなのにフッターがくっついて見えます。
さらにIEだと、footerの背景がside直下になり、contentsとの差分が重なってしまいます。
>>6も目を通したのですが、main>contents、main>sideという構成がなく
floatがまずいのかmarginがまずいのか、そもそもHTMLがダメなのかさっぱりわからなくなりました。
助けてください。お願いします。

803 :Name_Not_Found:2006/10/09(月) 00:48:52 ID:???
>>802
#mainにoverflow:auto;。floatした要素は無視されちゃうから。
IEの問題は>>6読んだなら判ると思うけど、標準モードにする。
それでもダメなら、中の要素のwidthを10と10ではなく、10と9.9にする。

804 :802:2006/10/09(月) 01:54:59 ID:???
>>803
ありがとうございます。早速、overflow:autoを追加してみました。
すみません、標準モードって
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
を頭に書いたらいいんですよね?
一応、いままでこの形で書いていたので、widthをピッタリではなく小さくしてみました。
widthを調整したら、contentsに重なっていた部分が解決しました。

Operaではmain、contents、sideが見えなくなってしまいました。
IEでは相変わらずmainの背景色が見当たりません。orz
あと、「IEの問題は>>6読んだなら判ると思うけど、標準モードにする」が
なぜ>>6を読めば標準モードにするという結論になるのかお教え願えないでしょうか。
Q4のフロート関連が影響しているのかと思ったのですが、今回の状態に当てはまるものが分からなくて…

805 :Name_Not_Found:2006/10/09(月) 02:01:00 ID:???
>>804
mainをfloatさせるか
<div id="side">サイドコンテンツ</div>
<br style="clear: both;">
</div>

806 :Name_Not_Found:2006/10/09(月) 02:05:01 ID:???
>>6じゃない>>5だ。
テンプレには最低知っておくべき情報が書いてある。
全部読んどけ。

807 :Name_Not_Found:2006/10/09(月) 02:13:59 ID:???
>>804
ああゴメン。width:100%;も同時に入れないとダメだった。
詳しくは↓。
ttp://www.quirksmode.org/css/clearing.html
普通に#mainにheight指定した方が簡単かも。


808 :Name_Not_Found:2006/10/09(月) 02:24:21 ID:W2rRvfWm
某CSSサイトで載ってたんですが

h4 hr{color:#ff0000;}

というスタイルは<h4><hr>〜<hr><h4>って言う範囲に適用するんですよね?
h4とhrってブロックレベル要素なので文法的におかしいと思うんですが、どうなんですかね?

809 :Name_Not_Found:2006/10/09(月) 02:26:16 ID:???
<hr>〜<hr>

フハハハハハハ

810 :Name_Not_Found:2006/10/09(月) 02:27:02 ID:W2rRvfWm
間違った。これでいいのか。<h4><hr></h4>

811 :Name_Not_Found:2006/10/09(月) 02:30:12 ID:???
,で区切ったスタイルだった。自己解決。スレ汚しスマンな。精進する

812 :Name_Not_Found:2006/10/09(月) 02:30:15 ID:???
文法以前に、見出しの中にhr入れることなんてあるのか?

813 :Name_Not_Found:2006/10/09(月) 02:35:01 ID:???
<hr> を <h4>〜</h4> 内に書くことはできません。

814 :802:2006/10/09(月) 02:53:34 ID:???
>>807
やっと当てはまってる記事が分かった。ありがとうございます。
<br style="clear: both;">だと、mainの高さがcontentsに
mainにoverflow:auto;width:100%を適用してみました。
mainも見えるようになって、footerもcontentsに重なってないのでヤッターと思っていたら
右側にはみ出てしまいました…orz
width:100%を770px-10px*2の750pxにしたら何とか解決したんですが、
width:100%って親要素に子が入る幅(770px)になるのでしょうか?marginは入らない?

>>806
テンプレを全部読んでおくべきなのは分かりますが、リンク先までとなると
直接開いたページまでしか読んでいませんでした。すみません。
ただ、>>5のQ2はセンタリングなので今は問題ないと思ってます。
Q1はボックスのサイズ算出方法が違うというやつですけど、widthとmarginしか使用していないので
borderやpaddingを含む含まないは関係ないと思っているのですが違うのでしょうか?

815 :Name_Not_Found:2006/10/09(月) 03:08:13 ID:???
>>814
いろんな人が別々のやり方を提示してるんだよ。
好きな方法でやればいい。
ちなみに俺は>>803,807、貼ったurlはテンプレにはないよ。

816 :815:2006/10/09(月) 03:16:34 ID:???
書き忘れ。計算方法は合ってる。

817 :802:2006/10/09(月) 03:43:40 ID:???
>>815
何度もありがとうございました。
テンプレに教えてくださったURLがないのはわかってますよ。
まさにコレという内容だったので参考になりました。英語が危ういですけどorz


818 :787:2006/10/09(月) 07:59:42 ID:S2l74Xmw
>>794-795
レスありがとうございます。
http://www.stylish-style.com/beginer/trial2/l2-first.html
ここのテンプレ使ってます。

試行錯誤して今日も作ってみます。

819 :Name_Not_Found:2006/10/09(月) 09:59:45 ID:???
>>795
今の心境をお聞かせ下さい。

820 :Name_Not_Found:2006/10/09(月) 10:15:06 ID:???
>>787 お前は>>795に馬鹿にされているんだぞ!!
>>795は「テーブルとCSS使ってお前馬鹿じゃないのか?」と言っているんだぞ!!

821 :Name_Not_Found:2006/10/09(月) 10:17:27 ID:???
>>795 は上司にしたくないな
ミスしたらズバリと指摘しないで「なんでこんなミスしてんの? ねえ何で?」
みたいにネチネチいやみを言われそう。

822 :Name_Not_Found:2006/10/09(月) 13:02:23 ID:???
わかったから遊ぶなw

823 :Name_Not_Found:2006/10/09(月) 13:59:41 ID:???
先生きたぞ >>795

824 :Name_Not_Found:2006/10/09(月) 14:04:29 ID:???
   / : 》:、∩
  (===○=)/  せんせー。>>795君が教科書忘れたみたいです
__ /  ⇔ /
\⊂ノ ̄ ̄ ̄\
||ヽ|| ̄ ̄ ̄ ̄||
 ...|| ̄ ̄ ̄ ̄||

825 :Name_Not_Found:2006/10/09(月) 15:07:54 ID:???
marginに負の符号使うのっておkですか?

826 :Name_Not_Found:2006/10/09(月) 15:14:28 ID:???
>>825
知らねーよ。自分で仕様書嫁。

827 :Name_Not_Found:2006/10/09(月) 15:18:16 ID:???
>>826
知らないそうなので、自分で調べてみます。

828 :Name_Not_Found:2006/10/09(月) 17:58:52 ID:???
無知な回答者が多いな。

829 :Name_Not_Found:2006/10/09(月) 18:55:43 ID:???
うん

830 :Name_Not_Found:2006/10/09(月) 20:09:06 ID:???
2chの質問スレは初級者が初心者に教えることによって
自分が勉強するためにあるんだよ

831 :Name_Not_Found:2006/10/09(月) 20:24:08 ID:/O3jliw3
IE6ですが、忍などのレンタルカウンタで、
カウンタに触れてポップアップが表示されると
フィルタを使ったラインが表示されなくなってしまいます。
何か対策はありますでしょうか?

832 :Name_Not_Found:2006/10/09(月) 20:39:21 ID:???
>>831
CSS関連の質問をして下さい。

833 :Name_Not_Found:2006/10/09(月) 20:48:18 ID:???
>>832
嫌です。

834 :Name_Not_Found:2006/10/09(月) 20:51:45 ID:Cwjxr0XW
float:leftなどとしたあとのクリアを空の<div>とか<p>でやるのは、あまりよくないんでしょうか?
純粋に次の<div>要素でクリアさせると、macIEとかでそのdivの中身がおかしくなることが
多いような気がするんですが。どのようにするのがベストなんでしょうか?

835 :Name_Not_Found:2006/10/10(火) 00:57:11 ID:c1g60c4V
divのwidthが、親のwidthの100%になってしまうんですが、内容物に合わせるには
どうすればいいのでしょうか。内容物は可変なのでpx指定はしたくないのです。


836 :Name_Not_Found:2006/10/10(火) 01:37:26 ID:???
<dd><a href="http://aaaaaaaaaaaaafo">http://aaaaaaaaaaaaafo</a></dd>
というようにURL書くとスクロールが表示されてレイアウト崩れまくる(´・ω・`)
なんとかうまいこと折り返す方法無いやろか?

837 :Name_Not_Found:2006/10/10(火) 01:48:43 ID:OiPNuf+R
HTML
<p><a id="HOGE" href="https://hogehoge.co.jp">HogeHoge.co.jp</a></p>

CSS
a#HOGE{
display:block;
width:70px;
height:20px;
text-indent:-9999px;
overflow:hidden
}
a#HOGE:link,
a#HOGE:visited{
background:url(logo_001.png) 略
}
a#HOGE:hover,
a#HOGE:active{
background:url(logo_002.png) 略
}

とやると、FF最新・Opera最新・IE6で表示には問題はありません。


しかしOpera最新の場合、リンクの上にマウスを持ってくるとWindowsでいう「砂時計」が出てくるのですがこれはなぜでしょう・・・

838 :Name_Not_Found:2006/10/10(火) 02:01:13 ID:???
>>836
width指定して

overflow:hidden;

か、

white-space:normal;

839 :Name_Not_Found:2006/10/10(火) 02:15:32 ID:???
>>835
質問がイマイチわかりにくいけど、divのwidthを可変にしたいなら、
相対単位でwidth指定したら?

>>836
俺なら、link先の表示 or レイアウトを再考。

840 :Name_Not_Found:2006/10/10(火) 02:19:46 ID:???
>>837
再現しない

841 :837:2006/10/10(火) 02:33:25 ID:???
>>840
なんだかわかりませんが直りました。
何にも直してないのにな・・・

842 :836:2006/10/10(火) 03:25:21 ID:???
>>838,840
ありがとうございます。
overflowでなんとかやってみます

ところでlink先の表示というのは<a href="http://hage">(´・ω・`)</a>
というように書くということで良かったですか?

843 :Name Not Found:2006/10/10(火) 03:27:43 ID:??? ?2BP(0)
つユーザビリティ

844 :Name_Not_Found:2006/10/10(火) 04:35:01 ID:???
WinIEです。
背景画像を上一列に固定で表示したいのですが
下一列に表示されたりまったく表示されなかったりします。
原因は何でしょうか?

845 :Name_Not_Found:2006/10/10(火) 05:01:48 ID:???
WinIEが喋った!

846 :Name_Not_Found:2006/10/10(火) 05:30:24 ID:???
テラワロスwww

847 :WinIE(844):2006/10/10(火) 07:00:15 ID:???
なんとか解決しました

848 :Name_Not_Found:2006/10/10(火) 11:21:55 ID:???
WinIEは賢いな

849 :Name_Not_Found:2006/10/10(火) 11:37:26 ID:???
マジでそんぐらいWinIEが賢ければいいんだけどな。


850 :Name_Not_Found:2006/10/10(火) 14:05:59 ID:???
WinIEは賢くなっても自己中じゃないかな。
「仕様では○○となってますが、私はこう表示したいので無視します」とかw

851 :Name_Not_Found:2006/10/10(火) 14:25:18 ID:???
>>848 自分で処理できなくて2chに助けを求めてきて結局自己解決
してるのが賢いのか?

852 :Name_Not_Found:2006/10/10(火) 14:45:37 ID:???
賢いじゃねぇか。

853 :Name_Not_Found:2006/10/10(火) 15:00:07 ID:???
自己解決できる完全なるAIだぜ
賢すぎるだろ

854 :Name_Not_Found:2006/10/10(火) 15:02:49 ID:???
851 はそれがわからんのだからヴァカですな。

855 :Name_Not_Found:2006/10/10(火) 15:15:09 ID:???
OSじゃなくてIEがAIというのがWinらしいがな。

856 :Name_Not_Found:2006/10/10(火) 16:42:58 ID:???
完全にエージェントと指向となってIEが独立するのか。
利用者毎に完全体ライクIEとアホIEに分かれそう…。

857 :Name_Not_Found:2006/10/10(火) 18:47:49 ID:???
やったー、コーディング終わったよおぅ!
 ↓
Win IE で確認
 ↓
(´・ω・`;) エエェェ

858 :Name_Not_Found:2006/10/10(火) 18:58:28 ID:???
Win IE < marginの指定がおかしいです ご主人様

859 :Name_Not_Found:2006/10/10(火) 19:19:35 ID:???
IE対策していたらdiv厨になってますたw
でもfloatでレイアウトするとどうでもdiv多用してしまうんだよな〜('A`)

860 :Name_Not_Found:2006/10/10(火) 19:23:43 ID:???
楽観的になれよ。divをちょこちょこと書くだけで対策できちゃうんだろ。

861 :Name_Not_Found:2006/10/10(火) 20:04:31 ID:???
Macで作ってるけど、
SafariやMacIE(OS9含)でよしオケと思っても
やっぱりWinIEでがっくし… てことが多い。
勘弁しちくり (; ´Д`)

862 :Name_Not_Found:2006/10/10(火) 20:12:40 ID:???
WinIEの文句を言っているだけの初心者諸君、無駄レスをやめてください。

863 :Name_Not_Found:2006/10/10(火) 20:48:10 ID:???
すいません、素人なのですが、IEで見ると、headerとcontentとの間に
ちょっと広い隙間ができてしまいます。その隙間をmargin-top:-5pxとすると
小さくなるのですが、Firefoxで見ると、今度はheader部分が横に流れてしまいます。
wrapperとして、widthを指定しているのですが、それを超えてしまいます。
どうすればいいでしょうか?
CSSはこんなふうに書いています。
body{
margin:0px;
padding:0px;
background-color: #ffffff;
}
#wrapper{
margin-left: auto;
margin-right: auto;
width:900px;
}
#header{
height:110px;
margin:0px;
}
#header h1{
margin-bottom: 5px;
padding: 0px;
float:left;
}
#header h2{
margin-left: 10px;
padding: 0px;
float:left;
}

864 :Name_Not_Found:2006/10/10(火) 20:52:13 ID:???
>>861
テスト環境がSafariやMacIEて…。おじさんそれががっくしだよ…。

865 :Name_Not_Found:2006/10/10(火) 20:53:05 ID:???
>>863
htmlもかけよ

866 :Name_Not_Found:2006/10/10(火) 21:39:22 ID:???
>>865
すいません。こんな感じです。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja">
<head>〜</head>
<body>
<div id="wrapper">
<div id="header">
<h1><a href=""><img src="images/top.gif" alt="" /></a></h1>
<h2><a href= "">aaa</a></h2>
<h2><a href= "">bbb</a></h2>
<h2><a href= "">ccc</a></h2>
</div>
<div class='content'>〜


867 :Name_Not_Found:2006/10/10(火) 21:47:23 ID:???
>>866
スリーサイズもかけよ

868 :Name_Not_Found:2006/10/10(火) 21:57:12 ID:???
>>867
B100・W100・H100。
流行のピチピチジーンズを買ったのですが、なぜかWがはみ出してしまいます。
どうすればぴったりになりますか?

869 :Name_Not_Found:2006/10/10(火) 22:13:09 ID:???
>>866
.contentが不明だけど、clearはどこでしてるのか。
あと基本的な事。imgにはサイズ入れた方がいい。margin,padding殺す時は、bodyより*に指定した方がいい。
レイアウトで問題が起こった時は、各boxにborderつけるとわかりやすい。



870 :Name_Not_Found:2006/10/10(火) 22:17:46 ID:u6t0tuQ4
ブロックをfloatさせるとMacIEでテキストが選択できなくなるという問題ですが、
企業サイトの場合はこういうのを考慮してテーブルとの組み合わせなどで回避するべきなのでしょうか。
自分としてはMacIE自体そんなにいないし、閲覧には問題がないので、
そのまま行こうと思ってるのですが、みなさまはどう思われるでしょうか?
ちなみに中規模のECサイトでMacIEは2%弱です。


871 :870:2006/10/10(火) 22:19:50 ID:???
ブロックって変ですね。divやpなどのボックス要素です。

872 :Name_Not_Found:2006/10/10(火) 22:20:05 ID:???
>>870
気にしない

873 :Name_Not_Found:2006/10/10(火) 22:25:33 ID:???
横からで悪いが、
>bodyより*に指定した方
ってなんだ?*はどうやって使うんだ?

874 :Name_Not_Found:2006/10/10(火) 22:27:55 ID:???
>>872

* {
margin: 0;
padding: 0;
}

と言う事でしょう。
全ての要素に対して一度に指定できる。

875 :870:2006/10/10(火) 22:34:39 ID:???
>>872
やっぱりそうですよね、ありがとうございました。
他の皆様もご意見あれば教えていただけるとありがたいです。

876 :Name_Not_Found:2006/10/10(火) 22:38:13 ID:XK0LtpTj
CSSファイル内でfilter:Alpha(opacity=70)を指定したdiv要素の中で
一部だけフィルタを解除する方法はありますか?


877 :Name_Not_Found:2006/10/10(火) 22:54:43 ID:???
>>875
MacIEで確認したが問題なしだが?OS9ならもう見捨てていい。

878 :Name_Not_Found:2006/10/10(火) 22:55:45 ID:???
>>876
スレ内検索くらい汁。そしてスレタイ読み返せ。

879 :Name_Not_Found:2006/10/10(火) 22:58:05 ID:???
>>867
B83 W57 H84

880 :876:2006/10/10(火) 22:59:35 ID:XK0LtpTj
>>878
スレ内検索はしました。
フィルタ自体がCSSではないのは分かっているつもりですが、
CSSの指定の仕方で解決できるのではないかと思って
質問させていただきました。


881 :Name_Not_Found:2006/10/10(火) 23:01:21 ID:???
>>867
B129.3 W129.3 H129.3

882 :Name_Not_Found:2006/10/10(火) 23:02:16 ID:???
CSSではないものの指定をCSSの指定で解決。
矛盾を感じないとは、おじさ(ry

883 :870:2006/10/10(火) 23:08:10 ID:???
>>877
OS Xです。10.4.8でIEは5.2.3。なんででしょう。
たとえば下記のサイトはどうでしょうか? 私の場合同じ症状が出るんですが。
http://www.muji.net/
http://www.tbs.co.jp/

884 :Name_Not_Found:2006/10/10(火) 23:13:42 ID:???
>>883
具体的にどの辺りが選択出来ない?
そもそも選択とはどういう操作を言ってる?
その問題を取り上げてるソース貼った方が早いかもな。

885 :Name_Not_Found:2006/10/10(火) 23:19:43 ID:???
>>871
ブロック(要素)で良いと思うよ。ボックス要素はおかしい。

886 :870:2006/10/10(火) 23:21:33 ID:???
>>884
例えば無印の場合ですと、「6000点以上の商品を24時間〜」というテキストを
コピペしようとした場合、文章の頭か最後からテキストを選択しようとすると思いますが、
選択できません。コマンド+Aのページ内テキスト全選択なら出来ますが。
この不具合を取り上げてるサイトはたまに見かけるので、勘違いではないと思うのですが。

887 :870:2006/10/10(火) 23:25:07 ID:???
「6000点以上の商品を24時間〜」→「6000以上の商品を24時間〜」

>>886
そうなんですか。ちょっと適当に覚えてて自信がなくて。

888 :Name_Not_Found:2006/10/10(火) 23:31:04 ID:???
6000以上の商品を24時間ご購入いただけます。ネット限定キャンペーンも開催中。
少なくともSafari1.3.2では↑コピペ出来る。Mac板で聞いた方がいいと思う。

889 :Name_Not_Found:2006/10/10(火) 23:34:18 ID:???
ゴメン、IEの話だったー。確かに出来ない。


890 :870:2006/10/10(火) 23:38:26 ID:???
>>888
最初に書きましたがMacIEの話です。
SafariはもちろんFirefox、Opera、Netscape、WinIEも問題なしです。

Mac板で聞いても出来る/出来ないの話しか出来ないと思うので。

891 :870:2006/10/10(火) 23:40:14 ID:???
>>889
入れ違いになっちゃいました、すいません。

でも誰も気にしてないところを見るとmacIEは無視に近いんでしょうかね。

892 :Name_Not_Found:2006/10/10(火) 23:48:59 ID:???
>>891
いや、mujiとtbsのサイト上では確かに出来ないが、
自作htmlをローカルで表示した時は、普通に選択出来る。

893 :Name_Not_Found:2006/10/10(火) 23:58:05 ID:???
>>890
一個づつ潰していけば原因がわかるんじゃないですか?
ソースをローカルでいじりながら色々調べてみたらどう?

894 :870:2006/10/11(水) 00:00:04 ID:???
>>892さんは知らず知らずのうちに回避策をふくんだCSSを書いているのかも。
手軽にできる解決策があれば知りたいところです。

>>893
原因はfloat:left、float:rightらしいです。でもこれを使うなっていうのはなんとも。

無印やTBSといった大手ですら未対応だから良しとするか、
大手がやってないことでもきめ細かく解決策を模索するべきか。

895 :Name_Not_Found:2006/10/11(水) 00:14:19 ID:???
>>894
わかったかも。floatしたdivにheight指定がないと選択出来ない、だと思う。

896 :Name_Not_Found:2006/10/11(水) 00:45:50 ID:???
2段組みでfloatにするんだったら
bodyの直ぐ下に全体を囲むdiv(ここでは藁)で囲んで
そこにfloatのdiv(右と左)を囲んで clearするためにフッターのdiv(足)を設定して
その中にメニューやらコンテンツを入れるようにしないと表示おかしくなるよね


<?xml version="1.0" encoding="〜〜〜"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja">
<head>〜</head>
<body>
<div id="藁">
<div id="右">
<div class="メニュー">
<h1><a href=""><img src="images/top.gif" alt="" /></a></h1>
</div>

<div id="左">
<div class="コンテンツ">
<h2>( ゚∀゚)足クセー</h2>
</div>
</div>

<div id="足">
<div class="臭う足">
<p>(´・ω・`)臭ないがな</p>
</div>
</div>
</div>

897 :Name_Not_Found:2006/10/11(水) 00:51:35 ID:JsBGweVu
>>896
ふと疑問に思ったんだけどDTDに">を使ってるのたまに見るけど
これってなんのため?

898 :Name_Not_Found:2006/10/11(水) 00:52:35 ID:JsBGweVu
ごめ。↓の語尾

http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">



899 :Name_Not_Found:2006/10/11(水) 00:57:01 ID:???
ダブルクォートは2つでセットだから。

900 :Name_Not_Found:2006/10/11(水) 01:13:57 ID:???
" />じゃなくて">になってる理由が知りたいんじゃないの

901 :Name Not Found:2006/10/11(水) 01:34:39 ID:??? ?2BP(0)
そうなのか?
「宣言」と「要素」
これでわかるだろ

902 :Name_Not_Found:2006/10/11(水) 08:28:55 ID:???
"> の手前で改行されてて勘違いしたんじゃないの?

903 :Name_Not_Found:2006/10/11(水) 10:14:35 ID:???
本人しかわからないしなんともいえないな。
なんのため?だからどれも違う気がするし。

904 :Name_Not_Found:2006/10/11(水) 10:24:47 ID:???
この後>>897から驚きの答えが!

905 :Name_Not_Found:2006/10/11(水) 11:15:41 ID:???
ありがとう

じゃ、餃子ライスね。

906 :Name_Not_Found:2006/10/11(水) 13:03:12 ID:???
じゃ、俺は餃子定食。

907 :Name_Not_Found:2006/10/11(水) 13:20:14 ID:???
んな軟弱なもん食ってんじゃねー。!
漢なら冷や奴だろ!!

908 :Name_Not_Found:2006/10/11(水) 18:51:56 ID:???
最後にチョコパフェは外せん

909 :Name_Not_Found:2006/10/11(水) 19:05:39 ID:???
それ 好き キャッ

910 :Name_Not_Found:2006/10/11(水) 19:43:37 ID:8X8Pg08d
写真の上に枠を乗せるようなことって、CSSで可能でしょうか。
写真に重ねる感じで、透過画像をおくようなことです。

写真の方にあらかじめ、加工しておくのが普通なのでしょうか。

911 :910:2006/10/11(水) 19:48:51 ID:8X8Pg08d
画像に透過画像を重ねると、言った方がわかりやすいですね・・・。

912 :Name_Not_Found:2006/10/11(水) 20:02:10 ID:???
あらかじめ加工した形でいけるのならそのほうがベターでしょ

913 :Name_Not_Found:2006/10/11(水) 20:03:39 ID:???
>>910
半透明画像にpngを使えばどちらも可能だが、IEが対応していないので現実的ではない。
そう見える画像、または上に載せる画像をメッシュ状にする。

914 :Name_Not_Found:2006/10/11(水) 20:48:10 ID:???
pngじゃなくても透明gif使えばいいんじゃね?

915 :Name_Not_Found:2006/10/11(水) 21:07:39 ID:???
重ねる意味がない

916 :Name_Not_Found:2006/10/11(水) 22:23:01 ID:???
透明gifいいねw

917 :Name_Not_Found:2006/10/11(水) 23:12:49 ID:???
すまん、自分も質問だ。firefoxだとgif画像がちゃんと表示されるのに、
IEだと、その画像が表示されない。これはCSSが変な設定だからか??
教えてくれ

918 :Name Not Found:2006/10/11(水) 23:18:17 ID:??? ?2BP(0)
どうすればその状況を再現できるのか教えてくれ

つまり、ちゃんと説明しろ!

919 :Name_Not_Found:2006/10/11(水) 23:21:08 ID:???
>>917
質問すんのになんでそんなえらそうなんだ。

920 :Name_Not_Found:2006/10/11(水) 23:22:11 ID:???
回答が嫌ならスルーすればいいのに…

921 :Name_Not_Found:2006/10/11(水) 23:26:44 ID:E88mR22E
静止画像(imgタグ)の余白関して、hspaceやvspaceの代替えとしてcssで、
margin指定したほうが良いとのことなのですが、WindowsでのIE5か6では
hspace・vspaceを使わないと(or併記)、左右の余白がきっちり消えない
のはどうしようも無いのでしょうか?

■=静止画像

■■■■■のように横一列で並べた場合、margin:0px;、padding:0px;を
掛けても、左右に余白が生じます。縦方向の余白は大丈夫でした。


922 :Name_Not_Found:2006/10/11(水) 23:30:48 ID:???
>>921
a) <img src="#"><img src="#"><img src="#">
b) float

923 :921:2006/10/11(水) 23:40:06 ID:???
>>922
素早いレスthx

行った対処方法を書かずに申し訳ない。

コードをシームレスにする → 変化なし
リストタグやブロック表示等 → 変化なし
背景に指定してみる → 変化なし 
フロートで詰める → 変化なし

(´・ω・`)

けど今まで922氏と同じ方法で対処してきたので、
解消するはずなんだけども、、。

924 :Name_Not_Found:2006/10/11(水) 23:45:37 ID:???
深呼吸してもう一度ソースみれ。あんたが間違ってる。
キャッシュだったなんてマヌケな答えだったら窓をブチ破れ。

925 :921:2006/10/11(水) 23:51:31 ID:???
>>924
んが、、、深呼吸して判明しました。どうも干渉していたタグがあったようです。
すぐ上の<div>を外すとピチっと揃いました。


  <div id="ギャラリーのタイトル"> → paddingの指定(右上下とか)【原因】
   <h1>ギャラリーかも</h1> → h1へpaddingの適用する事で解消
  </div>

  <div id="ギャラリー">
   <img><img><img><img><img>・・・
  </div>

926 :CSS初心者:2006/10/12(木) 00:21:33 ID:lX+iJTZ8
質問です。
いま宿泊施設の横長カレンダーを作成しています。
CGIを使えないサーバーのため毎朝空室状況を更新しているのですが、
既存のカレンダーがいまいちなのでHPBの「表のデザイン」を利用して
イメージを変えようと思っています。
そこで、「○」か「△」なら予約フォームへリンクするCSSがあれば
便利と思い、いろいろ探してみましたが駄目でした。
なにかいい方法、または参考になるページはありませんでしょうか?
ちなみに最近CSSを知りました。
長々と失礼しました。よろしくお願いします。

927 :Name_Not_Found:2006/10/12(木) 00:31:37 ID:???
ツッコミどころが多すぎて何から言ってよいのやら。
とりあえず初心者質問スレ行け。

928 :Name Not Found:2006/10/12(木) 00:32:44 ID:??? ?2BP(0)
てなわんでググれ

929 :CSS初心者:2006/10/12(木) 00:55:36 ID:lX+iJTZ8
てなわん宿泊予約ページ見ました。
ソース見たんですが…目眩が…


930 :926:2006/10/12(木) 01:00:01 ID:lX+iJTZ8
初心者スレ逝ってきますorz

931 :Name Not Found:2006/10/12(木) 01:01:33 ID:??? ?2BP(0)
そこのサービスをつってみたらどうよ?
って事を言いたかったんだが・・・
うちも使ってるし

932 :926:2006/10/12(木) 01:10:17 ID:lX+iJTZ8
「つってみる」とは?
なにもかも判らずすいませn

933 :926:2006/10/12(木) 01:16:07 ID:lX+iJTZ8
もしかして「てなわん」さんを利用しているということですかね?

934 :Name_Not_Found:2006/10/12(木) 01:20:22 ID:???
926さん頭弱くね?

935 :926:2006/10/12(木) 01:39:54 ID:oF5DUJX+
頭弱くないですよ。
困惑はしてますけど。

936 :Name_Not_Found:2006/10/12(木) 01:45:15 ID:???
つかってみる、のタイポだと・・

937 :Name_Not_Found:2006/10/12(木) 02:02:38 ID:???
「タイポ」とは?
って聞かれますよ...


938 :Name_Not_Found:2006/10/12(木) 02:17:22 ID:???
(´・(ェ)・`)

939 :Name_Not_Found:2006/10/12(木) 04:37:23 ID:???
画像のリンクに対して、どうやってオーバーオールの効果をつければいいのでしょうか?
あと、<input type='image' src=a.gif 〜>と書いても、submitと同じ効果が得られないのですが
どうすれば画像のinputボタンで、データを送れるでしょうか?
素人ですが、宜しくお願いします。

940 :Name_Not_Found:2006/10/12(木) 04:41:00 ID:???
(´・(ェ)・`)

941 :Name_Not_Found:2006/10/12(木) 07:34:40 ID:???
>>939
<input>の書式を自分で作らずにちゃんと調べましょうね。

942 :Name_Not_Found:2006/10/12(木) 08:21:46 ID:???
>>941

943 :Name_Not_Found:2006/10/12(木) 10:20:51 ID:???
>>839
少々念力が足らんのと違いますか?
データよ送信しろと強く念じながらIMAGEを貼り込む必要があるかと思います。
仕様なんか糞食らえです。根性で何とかなるでしょう。
はじめはみんな素人ですから修行を積むことがだいじです。
信じるものは救われる。


944 :Name_Not_Found:2006/10/12(木) 11:25:21 ID:???
でもな、オーバーオールは厳しすぎるぞ。

945 :Name_Not_Found:2006/10/12(木) 12:50:17 ID:???
だよな、オーバーオールはいくらなんでも無しだろ。

946 :ただいま勉強中:2006/10/12(木) 14:46:56 ID:???
同じくロールオーバー勉強中なんですが、どうしても動かず質問に来ました。
間違ってるというのは検証サイトでわかっているのですが、
どう直していいのか……。
アドバイスお願いします。

/*** ナビゲーション設定 ***/
#globalNav ul {
margin : 0;
height : 35px;
}

#globalNav li {
float : left;}

#globalNav li a {
display : block;
width : 103px;
line-height : 1.5em;
color : #ddddcc;
background-color : #557755;
border : 2px solid;
text-align : center;
text-decoration : none}

#globalNav li a : hover {
background-color : #ffffff; /* ←ここが反応せず…… */
}

#globalNav li a : active { /* ←ここも間違っている模様…… */
}

947 :ただいま勉強中:2006/10/12(木) 14:55:38 ID:???
質問age
レス消費スマソ

948 :Name_Not_Found:2006/10/12(木) 15:01:12 ID:???
a:hoverじゃね?

949 :ただいま勉強中:2006/10/12(木) 15:08:23 ID:???
動きました!
d!!

……なんだったんだ私の4時間orz

950 :Name_Not_Found:2006/10/12(木) 16:27:30 ID:1pfjNvpq
フレームを使ったサイトを修正しているのですが
CSSを使うとIE6ではうまく表示されるのに、
OperaやFirefoxだとくずれまくります。
複雑な構成のページなのでフレームをなくすことはできないのですが
何かよい方法はないでしょうか?
ちなみに、DOCTYPE宣言は
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN">
です。
宜しくお願い致します。

951 :Name_Not_Found:2006/10/12(木) 16:33:47 ID:???
>>949
よくあること(´・ω・)

952 :Name_Not_Found:2006/10/12(木) 16:34:15 ID:???
エスパー呼べ。

953 :Name_Not_Found:2006/10/12(木) 16:35:22 ID:???
どういう記述をして、表示の何が崩れたのか不明なので、
答えようがありません。

954 :Name_Not_Found:2006/10/12(木) 16:47:50 ID:???
質問です。
透過するナビゲーションをつくりたいのですが、
ttp://www.hillsiderokko.com/index.html
ここのようなものをflashではなくcssでやる方法ってありますか?
(プルダウン的なものはいりません)
ie6、ie5.5でも透過するような方法。
AlphaImageLoaderつかうのかな。


955 :Name_Not_Found:2006/10/12(木) 16:50:03 ID:???
>>954
スレ内検索してね

956 :Name_Not_Found:2006/10/12(木) 17:01:16 ID:???
>>939
と似た?状態で困ってます><
firefoxだと、submitされるのに、IEだとsubmitされません。
どうやったら解決できるでしょうか??お願いします。

957 :Name_Not_Found:2006/10/12(木) 17:07:19 ID:???
>>956
CSSではありません。本当にありがとうございました。

958 :Name_Not_Found:2006/10/12(木) 17:12:13 ID:???
>>956>>939
スレタイを5万回読んでね。
あんたらはJSのロールオーバー勉強しに行け。

959 :Name_Not_Found:2006/10/12(木) 17:42:26 ID:???
cssでオーバーオールしたいのです。

960 :Name_Not_Found:2006/10/12(木) 17:45:52 ID:???
オーバーオールって何?

961 :959:2006/10/12(木) 17:46:56 ID:???
すいませんオーバーホールでした。
お願いします

962 :Name_Not_Found:2006/10/12(木) 17:47:48 ID:???
>>960
石塚

963 :Name_Not_Found:2006/10/12(木) 17:50:20 ID:???
まずPCひっくり返してネジを全部外す。

964 :Name_Not_Found:2006/10/12(木) 17:57:06 ID:???
で、北海道旅行へ出発。

965 :Name_Not_Found:2006/10/12(木) 18:27:09 ID:???
すいませんオーナーホールでした。
お願いします

966 :Name_Not_Found:2006/10/12(木) 18:36:58 ID:???
http://www.google.com/search?client=safari&rls=ja-jp&q=オーナーホール&ie=UTF-8&oe=UTF-8

967 :Name_Not_Found:2006/10/12(木) 18:59:13 ID:???
http://onosendai.jog.buttobi.net/test.html
こんなの作ってみたんですが、
WinIEだとグリーンとグレーの間に隙間が出来ます。
ぴったりくっつける方法はないでしょか。

968 :Name_Not_Found:2006/10/12(木) 19:10:46 ID:???
すいませんオナホールでした。
お願いします

969 :Name_Not_Found:2006/10/12(木) 19:21:42 ID:???
まず片栗粉を買って来る

970 :Name_Not_Found:2006/10/12(木) 19:22:52 ID:???
>>967
.flow dd.txt に float: left; を指定
.flow dd.yajirusi で clear:both; するとか。

ちなみにネスケ7だと矢印が表示されない。

971 :Name_Not_Found:2006/10/12(木) 20:52:19 ID:???
>>969
何故カタクリ?

972 :Name Not Found:2006/10/12(木) 21:43:32 ID:??? ?2BP(0)
X

973 :Name_Not_Found:2006/10/12(木) 22:15:28 ID:???
がんがってホンモノを追求してください

974 :Name_Not_Found:2006/10/13(金) 00:39:34 ID:???
>>970
レスサンクス、その通りでした…
てか何故それを試さなかったのか… orz ハズカシス
http://onosendai.jog.buttobi.net/test.html

975 ::2006/10/13(金) 01:05:59 ID:X7fVjXac
そろそろスレ61stを作っていただきたい候

976 :Name_Not_Found:2006/10/13(金) 01:16:26 ID:???
立てられなかったでござる。無念。

977 :Name_Not_Found:2006/10/13(金) 02:04:44 ID:???
>>971
汚れた大人になればいつか分かるさ

978 :Name_Not_Found:2006/10/13(金) 03:02:51 ID:???
>>977
火傷したくちかい?

979 :Name_Not_Found:2006/10/13(金) 03:04:35 ID:???
>>977
ただのオナニストだろw

980 :Name_Not_Found:2006/10/13(金) 03:43:10 ID:???
イモとカタクリは奥が深いぞ

981 :1:2006/10/13(金) 10:29:59 ID:???
次スレ立てました
http://pc8.2ch.net/test/read.cgi/hp/1160702243/

連投に引っかかってるのでだれかテンプレお願いします

982 :Name_Not_Found:2006/10/13(金) 17:12:36 ID:???
>>981
乙彼

983 :Name_Not_Found:2006/10/13(金) 17:25:37 ID:???
スレ立て早過ぎ
990以降に立てろ

984 :Name_Not_Found:2006/10/13(金) 18:23:44 ID:???
>>983
変なの来たら10スレくらい埋まってしまうべ

985 :Name_Not_Found:2006/10/13(金) 19:37:21 ID:???
>>984
余裕で間に合う
スレが未だ埋まってない状態でのスレ立ては重複を招く元凶
その証拠にコッチが埋まってないのに次スレに既に書き込む輩が発生してるよな?

986 :Name_Not_Found:2006/10/13(金) 19:54:24 ID:???
確かに10スレくらいコピペでつぶす奴もいるけどな。

987 :Name_Not_Found:2006/10/13(金) 19:58:35 ID:???
10スレ埋まったら凄いな。

988 :Name_Not_Found:2006/10/13(金) 21:02:51 ID:???
>>984
スレ≠レス

989 :Name_Not_Found:2006/10/13(金) 21:04:42 ID:???
>>985
980過ぎたら、即落ちするだろ。

990 :Name_Not_Found:2006/10/13(金) 21:05:33 ID:Ss10rckh
もう電車とは会えないんだな

991 :Name_Not_Found:2006/10/13(金) 21:21:54 ID:???
何電車?

992 :Name_Not_Found:2006/10/13(金) 21:22:45 ID:???
無駄

993 :Name_Not_Found:2006/10/13(金) 21:23:15 ID:???
無駄無駄

994 :Name_Not_Found:2006/10/13(金) 21:23:45 ID:???
無駄無駄無駄

995 :Name_Not_Found:2006/10/13(金) 21:24:20 ID:???
無駄埋めるなよ〜

996 :Name_Not_Found:2006/10/13(金) 21:24:20 ID:???
無駄無駄無駄無駄

997 :Name_Not_Found:2006/10/13(金) 21:24:55 ID:???
無駄無駄無駄無駄むfdasd

998 :Name_Not_Found:2006/10/13(金) 21:24:58 ID:???
無駄無駄埋めるなよ〜

999 :Name_Not_Found:2006/10/13(金) 21:25:54 ID:???
1000は君にあげよう。

1000 :Name_Not_Found:2006/10/13(金) 21:25:57 ID:RwqxElty
1000個ちゃん

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

260 KB
★スマホ版★ 掲示板に戻る 全部 前100 次100 最新50

read.cgi ver 05.04.00 2017/10/04 Walang Kapalit ★
FOX ★ DSO(Dynamic Shared Object)