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

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

CSS初心者スレッド=6th=

1 :Name_Not_Found:2009/02/11(水) 21:26:34 ID:wO2JVWf7
CSS初心者の方のための質問スレッドです。
具体的な記述方法がわからない方、基礎知識がない方はこちらでどうぞ。

※気のいい人だけが答えてくれますので、解答はまったり待ちましょう。

《関連スレ》
Webサイト制作初心者用質問スレ Part 206
http://pc11.2ch.net/test/read.cgi/hp/1233121174/l50

《前スレ》
CSS初心者スレッド=5th=
http://pc11.2ch.net/test/read.cgi/hp/1228900036/l50

2 :Name_Not_Found:2009/02/11(水) 21:31:25 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

3 :Name_Not_Found:2009/02/11(水) 21:31:55 ID:???
>>1
<h1 id="otsu">乙</div>
#otsu {background:url(otsu.gif);}

4 :Name_Not_Found:2009/02/11(水) 21:32:41 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

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

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

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

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

6 :Name_Not_Found:2009/02/11(水) 21:51:35 ID:???
1乙

7 :Name_Not_Found:2009/02/11(水) 22:31:31 ID:???
さて議論はまたつづくよー

8 :Name_Not_Found:2009/02/11(水) 22:31:37 ID:???
>>1

他人のせいにして擦り付けるタクトが一番の元凶

9 :Name_Not_Found:2009/02/11(水) 22:47:16 ID:???
もうポナの話題はいいっての…

10 ::2009/02/11(水) 23:18:58 ID:???

すいません、書き込めなくなってしまったので
どなたか代わりにFAQ書き込んで頂けませんか

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

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

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

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

Q12: いままでHTMLでやってた××をCSSでやるにはどうすればいい?
A12: 下記をご覧あれ。テーブル・レイアウトは段組のFAQ(A3)を見なさい。
「いままでの HTML との対照」
 http://www.tg.rim.or.jp/~hexane/ach/fscs/fscsa1.htm
 http://www.tg.rim.or.jp/~hexane/ach/sfcs/sfcsa1.htm
 http://www.tg.rim.or.jp/~hexane/ach/tocs/tocsa1.htm
HTML でのレイアウト指定の、 CSS での指定との対応表
 http://deztec.sakura.ne.jp/x/01/tips/page/p0037.html

12 :Name_Not_Found:2009/02/11(水) 23:22:39 ID:???
: Name_Not_Found Mail: sage 投稿日: 2008/12/10(水) 18:09:51 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

13 :Name_Not_Found:2009/02/11(水) 23:23:31 ID:???
【初心者向けの解説】
正しい知識を得たい人の爲のCSS2リファレンス
 http://hp.vector.co.jp/authors/VA022006/css/

【構文チェック】
W3C Markup Validation Service
 http://validator.w3.org/
W3C CSS Validation Service
 http://jigsaw.w3.org/css-validator/

【ブラウザのバグリスト】
CSSバグリスト@CSSバグ辞典スレッド
 http://cssbug.at.infoseek.co.jp/

【仕様書】
CSS 2.1 Specification
 http://www.w3.org/TR/CSS21


14 :Name_Not_Found:2009/02/11(水) 23:24:15 ID:???
>>1>>11-13

15 :Name_Not_Found:2009/02/11(水) 23:45:37 ID:9DWQB73D
<div style="margin: 0px auto 0px auto">
<div>aaa</div>
<div>aaa</div>
<div>aaa</div>
<div>aaa</div>
</div>
としても、4つのディブ要素がセンタリングされません。
どうしてでしょうか。
IE6とGoogleChromeで見ました。

16 :Name_Not_Found:2009/02/12(木) 00:00:52 ID:???
>>2 Q2参照

17 :Name_Not_Found:2009/02/12(木) 00:14:12 ID:???
※brを使うなとか押し付けない。
※それに対する議論は荒れるので禁止。

18 :Name_Not_Found:2009/02/12(木) 00:30:42 ID:???
議論することは間違ってはないだろ
なぜbrをすすめるのか、また、なぜbrを使うのかを明確にすればいいだけのこと
ただbrがいいからとか、brなんて使いたくないなんて感情論は必要ないってこった

19 :Name_Not_Found:2009/02/12(木) 00:34:31 ID:???
あーあ

>>17 もう書き込むなよ

20 :Name_Not_Found:2009/02/12(木) 05:51:27 ID:???
それ以前にbrの話題はスレ違い

21 :Name_Not_Found:2009/02/12(木) 08:05:46 ID:???
>>17
お前が書き込まなきゃ議論は起きないと思うよ

22 :Name_Not_Found:2009/02/12(木) 10:10:41 ID:???
>>18
brを使う事自体は禁止されている事ではないし、大半のサイトで使われている。
使う使わない個人個人の考え方の違いであって議論して結論が出るとも思えない。

23 :Name_Not_Found:2009/02/12(木) 10:34:54 ID:???
>>22
なぜbrをすすめるのか、また、なぜbrを使うのかを明確にすればいいだけのこと
ただbrがいいからとか、brなんて使いたくないなんて感情論は必要ないってこった

なぜbrをすすめるのか、また、なぜbrを使うのかを明確にすればいいだけのこと
ただbrがいいからとか、brなんて使いたくないなんて感情論は必要ないってこった

なぜbrをすすめるのか、また、なぜbrを使うのかを明確にすればいいだけのこと
ただbrがいいからとか、brなんて使いたくないなんて感情論は必要ないってこった

なぜbrをすすめるのか、また、なぜbrを使うのかを明確にすればいいだけのこと
ただbrがいいからとか、brなんて使いたくないなんて感情論は必要ないってこった

なぜbrをすすめるのか、また、なぜbrを使うのかを明確にすればいいだけのこと
ただbrがいいからとか、brなんて使いたくないなんて感情論は必要ないってこった

なぜbrをすすめるのか、また、なぜbrを使うのかを明確にすればいいだけのこと
ただbrがいいからとか、brなんて使いたくないなんて感情論は必要ないってこった

24 :Name_Not_Found:2009/02/12(木) 10:47:09 ID:???
>>22
お前が書き込まなきゃ議論は起きないと思うよ

25 :Name_Not_Found:2009/02/12(木) 10:56:54 ID:???
>>23
単なる感情論じゃなくて考え方と価値観の違い。

26 :Name_Not_Found:2009/02/12(木) 11:02:56 ID:???
>>25
お前は考えてもないし価値観も持ってないで単にかき回したいだけだろ

27 :Name_Not_Found:2009/02/12(木) 11:31:15 ID:???
という事でこの議論は終了。

28 :Name_Not_Found:2009/02/12(木) 12:00:31 ID:???
僕みたいな初心者からすると混乱するからどっちか決めて欲しいです

29 :Name_Not_Found:2009/02/12(木) 12:17:50 ID:???
>>28
そんな事まで他人任せにするな。

30 :Name_Not_Found:2009/02/12(木) 12:20:43 ID:???
改行のためのbrは連続してなければ使っても文法違反にはならない。
これを嫌うのは趣味の問題で他人に押し付けるようなものではない。

31 :Name_Not_Found:2009/02/12(木) 12:36:18 ID:???
それを感情論というのだよ
brを使うメリットとデメリットを示してからそういうことを言いたまえ

32 :Name_Not_Found:2009/02/12(木) 12:36:29 ID:???
>>29-30
タクトは巣に帰れ

33 :Name_Not_Found:2009/02/12(木) 12:36:54 ID:???
>>31
お前もだ

34 :Name_Not_Found:2009/02/12(木) 13:21:23 ID:???
みんなで帰ろうよ

35 :Name_Not_Found:2009/02/12(木) 14:24:03 ID:???
W3Cの公式サイトでも普通にbrは使われてるんだから好きにすればいいべ。

36 :Name_Not_Found:2009/02/12(木) 15:30:03 ID:???
>>15

w           i             d        

               t        h        指      定     

                    し
                           

                                ろ

37 :Name_Not_Found:2009/02/12(木) 15:38:01 ID:???
どちらでも好きにしろってのは感情論じゃないよ。
「どっちも許されてるが俺がこう思うからこうすべきだ」ってのが感情論。

38 :Name_Not_Found:2009/02/12(木) 21:08:44 ID:???
文法違反は承知でbr連続で使ってる。br連続ってそんなに悪かなぁ?
まぁ仕事だったらできないけど。

39 :Name_Not_Found:2009/02/12(木) 21:15:16 ID:???
タクトが悪でFA

40 :Name_Not_Found:2009/02/12(木) 21:38:30 ID:???
>>38
改行してもう一つbrってのはよくやるよね。
ブラウザによってはbrを一つにまとめて解釈するものがあるとか言ってたけど。

41 :Name_Not_Found:2009/02/12(木) 21:58:31 ID:???
>>40
自作自演してんな

42 :Name_Not_Found:2009/02/12(木) 22:11:29 ID:???
ポナはbrが大好き

43 :Name_Not_Found:2009/02/13(金) 00:40:20 ID:???
>>38
それはテーブルをレイアウトに使ってるのと同じで
タグをレイアウトに使うのは今主流(?)のやり方ではない。

レイアウトはCSSで切り離しましょうってのが今の主流で
それだと連続改行でやるような文章と文章の間のスペースは
マージンで指定するルールになってる。
理由はいくつかあるけどとりあえず
連続改行すると無視されるブラウザもあるから
使わない方がいいらしい。

44 :Name_Not_Found:2009/02/13(金) 01:31:06 ID:???
実装の話はどうでもいい
HTMLの話はもっとどうでもいい
自作自演消えろ

45 :Name_Not_Found:2009/02/13(金) 06:11:20 ID:???
>>43
ブログのコメント欄などに投稿する時に一行間隔をあけたいのですが
そのときはどうすればいいですか?

46 :Name_Not_Found:2009/02/13(金) 07:32:13 ID:???
>>45
ブログのレンダリングなんて仕様書に沿ってないんだから気にするだけ無駄

47 :Name_Not_Found:2009/02/13(金) 07:55:08 ID:???
>>>46
仕様書そのものをあまり気にしないようにします。

48 :Name_Not_Found:2009/02/13(金) 08:06:43 ID:???
>>47
それが言いたかっただけだろ
ブログのコメント欄が準拠してないから仕様書放棄ってなんの屁理屈だよ
そもそもブログしかやんねーんならこのスレに用はねーだろあほか

49 :Name_Not_Found:2009/02/13(金) 08:08:30 ID:???
>>45
俺が作ってるスクリプトだとコメントの\n\nは</p><p>に置換するようにしてるな
使ってるそのブログのコメ欄に不満あるなら自分で組めばいいんじゃない?

50 :Name_Not_Found:2009/02/13(金) 08:23:42 ID:???
>>49
仕様書を気にしない方をせんたくします。

51 :Name_Not_Found:2009/02/13(金) 08:27:15 ID:???
>>50
>>43に噛み付きたかっただけだろ
そもそも仕様書読んだこともねえくせにネガキャンしてんじゃねえようぜーな

52 :Name_Not_Found:2009/02/13(金) 09:42:02 ID:???
>>51
仕様書を読んだ事がない人間が仕様書を気にしても仕方がない事に
気がつきました。

53 :Name_Not_Found:2009/02/13(金) 10:25:09 ID:???
タクトマジ師ねよ

54 :Name_Not_Found:2009/02/13(金) 12:36:29 ID:???
和訳だけ読んで「俺、仕様書読破したから」とか自慢げに言ってるけど
原文読まないと意味ないんだぜ

55 :Name_Not_Found:2009/02/13(金) 12:40:26 ID:???
>>54
・なんで和訳だけだと思い込んでいるのか。
・どこに自慢げなやつがいるのか。
・原文じゃないとなぜ意味がないのか。

流行ってる映画の原作かなんかと混同してねえか?
ただしけりゃそれこそ口語体でかかれてても問題ねえぞ

56 :Name_Not_Found:2009/02/13(金) 12:46:12 ID:???
・なんで和訳だけだと思い込んでいるのか。
そいつがバカだから
・どこに自慢げなやつがいるのか。
タクトだから
・原文じゃないとなぜ意味がないのか。
日本語訳は素人がやったものの上、ニュアンス的に日本語では難しい部分もあるので
きっちりしたいときは原文を当たらないと駄目

57 :Name_Not_Found:2009/02/13(金) 12:47:17 ID:???
>>56
> ニュアンス的に日本語では難しい部分もあるので
具体的にどれだよwwテキトーこいてんじゃねえww

58 :Name_Not_Found:2009/02/13(金) 12:49:31 ID:???
html文書なら文法の揺れがあるけど、cssの仕様書で「ニュアンス的に日本語では難しい部分」なんてあんのか?
そもそもニュアンス的に日本語では難しい部分を日本語文書で扱うことなんてないだろ

59 :Name_Not_Found:2009/02/13(金) 12:51:35 ID:???
>>58
>ニュアンス的に日本語では難しい部分を日本語文書で扱うことなんてないだろ

え?え?え?え?え?

60 :Name_Not_Found:2009/02/13(金) 13:03:05 ID:???
和訳は原文に沿って翻訳されているとは限らない
有名な和訳サイトで3点原文と和訳で意味の違いがある個所があるがそれもわからないなら
一人前に語ってんじゃねえぞks

61 :Name_Not_Found:2009/02/13(金) 13:07:48 ID:???
>>57-59
Fxフォーラムとかで日本語スレッドでもなんで原文を引用されるのか考えてみようぜ
どうせポナにゃ英語なんて読めないだろうけど

62 :Name_Not_Found:2009/02/13(金) 13:11:19 ID:???
英語が読めない奴って致命傷だな
最新技術が出ても和訳が出てこない限り読めないんだもんなwwwwwwwwwwww

63 :Name_Not_Found:2009/02/13(金) 13:20:01 ID:???
最新技術が日本から出た場合の外国人の方が可哀想

64 :Name_Not_Found:2009/02/13(金) 13:31:14 ID:???
スレの趣旨と関係ないところで荒れてるな

65 :Name_Not_Found:2009/02/13(金) 13:31:30 ID:???
むしろ日本の技術なのに英語で論文を提出しなきゃならないのが理不尽

66 :Name_Not_Found:2009/02/13(金) 16:07:41 ID:???
footerの背景画像を設定すると、画像の枠線が消える
んですがどうすればいいでしょうか?

widthもheightも少し大きめに設定したり100%で指定してもうまく表示されません。
borderで1px solid #333とかでやると表示されるのですがborderは使わない方向で
なんとかしたいです。

67 :Name_Not_Found:2009/02/13(金) 20:29:16 ID:ltQNc44w
┌─┬─┐
│@│  │
├─┤B│
│A│  │
└─┴─┘
floatでこんな感じの段組をしたいんですが、どうも上手く出来ません。
どう指定したらいいんでしょうか?

68 :Name_Not_Found:2009/02/13(金) 20:52:38 ID:bjd7JzBZ
1と2をdivで囲んでそれと3とで2カラムにする

69 :Name_Not_Found:2009/02/13(金) 20:53:54 ID:???
>>67
そんなもん普通の2カラムの左にAぶち込めば済むだろ

70 :Name_Not_Found:2009/02/13(金) 21:15:40 ID:ltQNc44w
>>68
divはできれば増やしたくないのですが。
>>69
┌─┬─┐
│@│  │
└─┤B│
    │  │
┌─┼─┘
│A│
└─┘
こうなります。

71 :Name_Not_Found:2009/02/13(金) 21:20:54 ID:bjd7JzBZ
divくらい気にするな
何も変わりはせん
まともに出来ないのに細かいこと気にするな

72 :Name_Not_Found:2009/02/13(金) 21:41:53 ID:ltQNc44w
一応先にBにrightを指定してから残りにleftを指定すればdivを増やさなくてもできるんですが、
スタイルシートを読めない環境では数字順に表示して欲しかったので他の方法を聞きたかったのですが、無理なようですね。

73 :Name_Not_Found:2009/02/13(金) 22:19:23 ID:???
1,2,3の順番で書くなら1と2を分けなきゃいいだろ

74 :Name_Not_Found:2009/02/13(金) 22:34:55 ID:???
#a{float:left;}
#b{clear:both}
#c{float:left}

<div id="a">a</div>
<div id="b">b</div>
<div id="c">c</div>

75 :Name_Not_Found:2009/02/13(金) 22:41:39 ID:???
>無理なようですね。

この受け身な態度が気に入らない

76 :Name_Not_Found:2009/02/13(金) 22:49:49 ID:ltQNc44w
>>73
勿論理由はあります。
>>74
駄目っぽいです。
>>75
そうですね。

77 :Name_Not_Found:2009/02/13(金) 23:27:06 ID:???
div aのなかにdiv bも含む

78 :Name_Not_Found:2009/02/14(土) 00:14:20 ID:???
>>76
後出しジャンケンはやめろ

79 :Name_Not_Found:2009/02/14(土) 00:43:54 ID:QF8ZgibJ
>>78
いえ詳細を聞かれても困りますが。
HTMLレベルで代替手段を講じて欲しいのではなく、あくまで質問は>>67です。

80 :Name_Not_Found:2009/02/14(土) 00:51:26 ID:xistGTYH
topとかbottomで場所を指定してしまうのは?

81 :Name_Not_Found:2009/02/14(土) 00:57:38 ID:???
>>79
なぜdivを増やしたくないのか意味がわからない。
divでくくるのが正攻法だと思うが。

82 :Name_Not_Found:2009/02/14(土) 01:22:18 ID:QF8ZgibJ
>>80-81
そういった手段しかなさそうですね。了解しました。

83 :Name_Not_Found:2009/02/14(土) 01:34:08 ID:???
絶対配置は考えてないわけか

84 :Name_Not_Found:2009/02/14(土) 11:24:50 ID:???
レイアウトをTableでガチガチにするのもダサイって言われますが
positionでガチガチにするのもどうかな…って思うのですが

positionでガチガチに固めるのって平気ですか?

ここなんかはpositionでガチガチにしてますが
http://www.checkpc.go.jp/simulation/index.html

85 :Name_Not_Found:2009/02/14(土) 11:26:19 ID:3evjUcxU
すみません、>>84は私でこういった者です

86 :Name_Not_Found:2009/02/14(土) 12:11:33 ID:???
>>84
こういった者ってあんた誰?


87 :Name_Not_Found:2009/02/14(土) 15:19:52 ID:???
いやID出しただけだろう

多くのブラウザに対応してるんなら別に構わないんじゃね
完全にフラッシュでできてるサイトだってあるんだし

88 :Name_Not_Found:2009/02/14(土) 16:08:16 ID:???
>レイアウトをTableでガチガチにするのもダサイって言われますが
初耳です。テーブルをレイアウト目的で使うのは止めようよってのはあるけど

>>84の例はほぼ全てを画像化しているから、
ポジションで位置指定でもいいんじゃないの

89 :Name_Not_Found:2009/02/14(土) 21:26:34 ID:p2GxqdY7
見た目に問題なければ何でもいいよ

90 :Name_Not_Found:2009/02/15(日) 00:51:05 ID:???
>>84
どっちもダサいよ
テーブルよりはマシという程度

91 :Name_Not_Found:2009/02/15(日) 03:28:01 ID:C5iueBar
取り消し線 <del> を使って取り消し線を引こうと思うのですが
文字色を変えることなく線の色って指定できますか?
もし指定できるのであればアドバイスよろしくお願いします。



92 :Name_Not_Found:2009/02/15(日) 04:17:40 ID:???
>>91
無理

93 :Name_Not_Found:2009/02/15(日) 11:04:10 ID:C5iueBar
>>92
やっぱりそうですよね、ありがとうございました。


94 :Name_Not_Found:2009/02/15(日) 13:34:54 ID:4ao0o1qK
取り消し線とかさむいからやめとけ

95 :Name_Not_Found:2009/02/15(日) 14:18:55 ID:???
取り消し線は重要
使い方も意味もわからない>>94(爆笑

96 :Name_Not_Found:2009/02/15(日) 14:52:49 ID:???
上から画像重ねればいいじゃん

97 :Name_Not_Found:2009/02/15(日) 16:03:08 ID:???
字も隠れてしまいました。

ってのが来そうだな。

98 :Name_Not_Found:2009/02/15(日) 23:38:54 ID:???
<style type="text/css">
body{margin: 15px 10px; font-size:12px;}
a:hover{color:red;}

.border{width:160px; border:solid 1px;}
.border p{padding:5px; text-align:center; color:white; font-size:13px; font-weight:bolder; background:black;}
.border ul{margin:0 0 0 0; padding:0 0 0 17px; list-style-image:url("marker.gif"); border:solid 1px;}

</style>

<body>
<div class="border">
<p>メニュー</p>
<ul>
<li><a href="">a</a></li>
<li><a href="">b</a></li>
<li><a href="">c</a></li>
<li><a href="">d</a></li>
<li><a href="">e</a></li>
<li><a href="">f</a></li>
<li><a href="">g</a></li>
<li><a href="">h</a></li>
<li><a href="">i</a></li>
</ul>
</div>

とするとメニューの下になぞの改行?が発生してしまいます。
なぜでしょうか?

99 :Name_Not_Found:2009/02/15(日) 23:43:25 ID:???
<li><a href="">a</a></li><!--
--><li><a href="">a</a></li>

こんなかんじで作ればおk

100 :Name_Not_Found:2009/02/15(日) 23:43:49 ID:???
<p>メニュー</p>のこと?
だとしたらpのマージン殺してないせいだろ

101 :Name_Not_Found:2009/02/15(日) 23:47:30 ID:???
margin:0 0 0 0; (笑)

102 :98:2009/02/16(月) 00:40:30 ID:doM4YmyA
>>99
やってみましたが直りませんでした

>>100
どうやって<p>のマージンを殺せるんですか?

103 :Name_Not_Found:2009/02/16(月) 00:49:33 ID:???
css 初期化 でググれ

104 :Name_Not_Found:2009/02/16(月) 01:01:27 ID:zwzSUC4I
DWで写真の枠をマウスオーバーで変化させるには
どうすればいいでしょうか?

105 :Name_Not_Found:2009/02/16(月) 01:38:49 ID:???
>>100
ulのマージンは殺せてるのに何言ってる

>>104
DWスレ行け

106 :Name_Not_Found:2009/02/16(月) 01:45:37 ID:???
>>100じゃなかった>>102

107 :Name_Not_Found:2009/02/16(月) 08:30:21 ID:???
h1の後ろに色付きの文字を表示させたいのですが、
content afterで追加した文字にスタイルシートを適用させることは可能でしょうか?

こんな感じでできたらいいのですが
h1 :after {content: "<span style="color:#ff0000">text</span>";}

108 :Name_Not_Found:2009/02/16(月) 10:07:48 ID:???
>>107
h1:after {content: "text"; color: #ff0000; }


109 :Name_Not_Found:2009/02/16(月) 10:32:07 ID:???
>>108
ありがとうございます!最高です。

110 :Name_Not_Found:2009/02/16(月) 10:50:03 ID:BREwpEcS
div p {
 color : red;
}

というスタイルがある時、

<div><p>あいうえお<b>かきくけこ</b>さしすせそ</p></div>

とすると、かきくけこの部分が赤くなってくれません。
スタイルが指定されたタグに囲まれていても、そのスタイルは継承されないのでしょうか?
こんな時に一つ一つスタイルを付け足していくのは大変なので、継承されると嬉しいのですが、
何か方法はありませんか?

111 :Name_Not_Found:2009/02/16(月) 11:21:34 ID:???
>>110
div p, div p * {

112 :Name_Not_Found:2009/02/16(月) 12:03:26 ID:7ZEtNbyY
突然ですみませんが CSSの設定でスプレーをインポートして画像を選択すると
スプレー画像ファイルの書き込みに失敗しました。現在のユーザーが許可されていない可能性があります。
という風に出て スプレーを登録することが出来ません。解決方法教えてください。

113 :Name_Not_Found:2009/02/16(月) 12:04:03 ID:???
>>112
ソフトの話なら専用スレへ

114 :Name_Not_Found:2009/02/16(月) 14:18:45 ID:???
>>112
スプレーってSpryフレームワークのことだよな?

http://pc11.2ch.net/test/read.cgi/hp/1213772400/

115 :Name_Not_Found:2009/02/17(火) 03:43:43 ID:Y79jThl4
>>114
ありがとうございます。

116 :初心者です:2009/02/17(火) 05:33:40 ID:FNxTAxTu
ヘッダーが全く指定できないHTML自動制作ソフトを使って仕事をしておりますが、
仕事仲間が一部分(テーブルに分かれた2文)のフォントを小さくするために、
下記のCSSを、本文中<body>〜</body>内に埋め込んで指定しています。

<style type="text/css">
<!--
.style2 {font-size: 10}
-->
</style>

私は、CSS勉強中ですが、どのサイトをみても「<HEAD>内に記述」と書いております。
フォントサイズも10のみもおかしいと感じましたが、
ブラウザーでは普通に動くので、この記述で良いのかどうなのかがわかりません。
このまま見習ってもよろしいのでしょうか?

私的には、ヘッダーが触れないなら、無理にCSSを使わなくても、
<font>タグでもよいのでは?と思うのですが、勉強不足であまり自信がありません。

よろしくお願いします。



117 :Name_Not_Found:2009/02/17(火) 05:40:52 ID:???
>>116
なにがしりたいの?

118 :初心者です:2009/02/17(火) 05:50:02 ID:FNxTAxTu
>>116
の指定方法があっている、指定方法は正しい、
このまま見習って使っていっても良いのか、、
的な事が知りたいです。


119 :Name_Not_Found:2009/02/17(火) 06:05:42 ID:???
>>118
> の指定方法があっている、指定方法は正しい、
> このまま見習って使っていっても良いのか、、
> 的な事が知りたいです。

font要素を使うよりはマシ、程度
style1のような指定の仕方など見習う価値はない


120 :初心者です:2009/02/17(火) 06:38:48 ID:FNxTAxTu
そうですか…。
fontタグを使うよりも、<body>内に<style>記述した方がマシなのですね

その逆と思っていた私としては少し残念な気がしますが、
やはり勉強不足なのですね…




121 :Name_Not_Found:2009/02/17(火) 06:41:11 ID:???
>>120
span要素使ってそこに仕込めば?つかCSSの質問じゃねーぞそれ

122 :初心者です:2009/02/17(火) 06:48:47 ID:FNxTAxTu
!CSSの質問ではないのですか? すみません;

その人のソースは下記のような記述なのですが、、
<style type="text/css">
<!--
.style2 {font-size: 10}
-->
</style>
<table style="font-size:12px; text-align:center">
<tr>
<td><span class="style2">****<br></span>
</td>
<td><span class="style2">****<br></span></td>
</tr>
</table>

>span要素使ってそこに仕込めば?
こういうことでしょうか??↓↓↓↓↓
<span style="font-size: 10px;">***</span>

123 :Name_Not_Found:2009/02/17(火) 06:51:54 ID:???
>>122
要点は、「body要素内にstyle要素を入れてスタイルシートを指定するのを見習うべきか」なんだろ?
その内容ならWEB制作初心者スレの内容と思うよ

124 :初心者です:2009/02/17(火) 06:58:07 ID:FNxTAxTu
ありがとうございます!
では、そちらのスレッドに質問をしてみます!

125 :Name_Not_Found:2009/02/17(火) 10:46:20 ID:???
style2(笑)

まあ表示に問題はないわけだがネーミングが最悪だな。


126 :Name_Not_Found:2009/02/17(火) 11:41:03 ID:dwXoScLB
css1、css2、css2.1、css3別にプロパティをリストにして入力補完用に使いたいのですが
どこかにこのように分けられてるサイトありませんか?

127 :Name_Not_Found:2009/02/17(火) 18:19:50 ID:5Nm7DQLS
質問です。
プニルとIE6で動作確認の取れたcssが、IE7でだけ動作しません。
下記のような記述になっているのですが、この中にIE7でだけ問題を起こす(もしくは対応してない)内容があるのでしょうか?

td.menu1{
background: #ffdddd url(image/menu_bg_r.png) repeat-x left center fixed;
color: #0044bb;
border-style: solid;
border-color: #666666;
border-width: 1px 1px 1px 1px;
font-weight: bold;
padding: 5px;
}

ちなみに、IE7で見るとセルの背景画像が表示されず、背景は#ffdddd一色になっています。
それ以外の部分(文字・枠線の色や、paddingなど)はちゃんと反映されているのですが…。
もちろん下層フォルダimageの中に、該当の背景画像ファイルはあり、IE6ではちゃんと表示されています。

IE7とcssでググっても、ハックのことしか出てこなくて、
具体的にどの要素がIE7に対応してないのか、などを記載したサイトがあっても、
<td>に背景画像が使えないなんてことは載っていませんでした。当たり前ですが。

修正すべき点や、IE7に対応したcssの書き方(ハックの記述方法ではなくcssそのもの)を
載せたサイト等があれば教えてください。よろしくお願いします。

128 :Name_Not_Found:2009/02/17(火) 18:36:03 ID:???
background: #ffdddd;
background-image: url(image/menu_bg_r.png) repeat-x left center fixed;

129 :Name_Not_Found:2009/02/17(火) 18:37:41 ID:???
というよりなんだこれは

border-style: solid;
border-color: #666666;
border-width: 1px 1px 1px 1px;


border: solid 1px #666;


130 :Name_Not_Found:2009/02/17(火) 18:58:31 ID:???
fixedがいらない

131 :Name_Not_Found:2009/02/17(火) 19:05:25 ID:5Nm7DQLS
>>128>>130
ありがとうございます。
早速試してみます。

>>129
それは、menu1ではborder-widthが全て1pxですが、menu2や3では上下左右で太さが変わったり、
別の外部cssファイルではmenu1も上下左右で太さが違うものがあるので、統一を取るためにそうしてあります。

132 :131:2009/02/17(火) 22:35:24 ID:5Nm7DQLS
>>128>>130に例示していただいた通りに修正してみたのですが
やはり背景画像が表示されません…

画像のファイル名を変えてみたり、同じフォルダにうつしてみたりと
色々試しましたが、やはり背景画像だけが表示されず、途方にくれております。

他に考えられる原因や対処法はありませんでしょうか?

133 :Name_Not_Found:2009/02/17(火) 23:00:00 ID:???
>>132
tableやめてliにするとかはダメなのか?

134 :131:2009/02/17(火) 23:23:42 ID:5Nm7DQLS
>>133
んー…今回質問させていただいている部分は、上部メニューバーを構成する、
tableのtdタグに適用しようと思っているのですが、同じ形のものがliでも作れるのでしょうか?

ちなみに、該当のtable部分は下記の通りになってます。JavaScriptっぽいのも混じってますが。
後出しの上に、すっごい醜くてすみません…。

<TABLE ALIGN="center" WIDTH="600" CELLSPACING="0" CELLPADDING="5"><TR>
<TD WIDTH="200" CLASS="menu1" ALIGN="center"
onmouseover="this.style.background='#ff8888 url(none) repeat-x left center fixed';this.style.cursor='pointer';this.style.color='#ffffff'"
onmouseout="this.style.background='#ffdddd url(image/menu_bg_r.png) repeat-x left center fixed';this.style.color='#0044bb'"
onclick="window.location.href='kojin.htm'"><NOBR>メニュー1</NOBR></TD>
<TD WIDTH="200" CLASS="menu2" ALIGN="center"
onmouseover="this.style.background='#77cc77 url(none) repeat-x left center fixed';this.style.cursor='pointer';this.style.color='#ffffff'"
onmouseout="this.style.background='#ddffdd url(image/menu_bg_g.png) repeat-x left center fixed';this.style.color='#0044bb'"
onclick="window.location.href='kigyo.htm'"><NOBR>メニュー2</NOBR></TD>
<TD WIDTH="200" CLASS="menu3" ALIGN="center"
onmouseover="this.style.background='#8888ff url(none) repeat-x left center fixed';this.style.cursor='pointer';this.style.color='#ffffff'"
onmouseout="this.style.background='#ddddff url(image/menu_bg_b.png) repeat-x left center fixed';this.style.color='#0044bb'"
onclick="window.location.href='gakko.htm'"><NOBR>メニュー3</NOBR></TD>
</TR>
</TABLE>

135 :Name_Not_Found:2009/02/18(水) 00:35:20 ID:???
また後出し・・・('A`)
JSが悪さしてんじゃねーの

136 :Name_Not_Found:2009/02/18(水) 00:40:36 ID:???
>>134
原因はJavaScriptっぽいな。試しにFireFox3でやったらダメだった。

137 :Name_Not_Found:2009/02/18(水) 01:30:41 ID:vLIQ8buP
すみません。質問があります。
下のようなレイアウトを作ろうとしています。
■header、□side、▲content、△content2、●footer(底辺固定)、☆sidebar(縦100%)
レイアウト全体はセンタリング

■■■☆
□▲▲☆
□△△☆
●●●☆

☆sidebar無しのfooter固定は↓のページで実現したのですが、☆sidebarを上手く入れる事ができません。
http://www.cssstickyfooter.com/
http://www.cssstickyfooter.com/using-sticky-footer-code.html

footerが底辺固定(サイズ変更しても上の□▲△とは重ならない)、sidebarが縦100%になればいいのですが、
footerの下で☆sidebarをfloat:rightしてもfooterのさらに下に配置されるだけです。

何か方法あるでしょうか?

html、cssを下に書いておきます。

138 :137:2009/02/18(水) 01:33:20 ID:???
<html><head><title>フッタ固定、サイドバー縦100%</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta http-equiv="content-style-type" content="text/css" />
<style type="text/css">/***** http://www.cssstickyfooter.com *****/
* { margin:0; padding:0;}
body * { margin:1px; border: 1px solid red;} /* デバッグ用 */
html,body,#wrap {height: 100%;}
body > #wrap {height: auto; min-height: 100%;}
#main { padding-bottom: 50px; /* footer高さと同値 */}
#footer {position: relative; clear:both; height: 50px;
margin-top: -50px; /* footer高さと同じマイナス値 */}
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clearfix { display: inline-block;}
* html .clearfix {height: 1%;}/* Hides from IE-mac */
.clearfix { display: block;}/* Hides from IE-mac */
#side { width:100px ; float:left;}
#content, #content2{ width:500px; float:right;}
#wrap,#footer { width: 650px;}
#container { margin:0 auto; width: 800px; height: 100%;}
#sidebar { float: right; height: 100%; width: 100px;} /* これだとfooterの下に配置される */
</style></head><body>
<div id="container">
<div id="wrap">
<div id="header">■■■Header</div>
<div id="main" class="clearfix">
<div id="side">□□□side</div>
<div id="content">▲▲▲content</div> <div id="content2">△△△content2</div>
</div><!-- //main --> </div><!-- //wrap -->
<div id="footer">●●●footer</div>
</div><!-- //container -->
<div id="sidebar">☆☆☆sidebar</div> <!-- 右側に縦100%で入れたい-->
</body></html>

139 :Name_Not_Found:2009/02/18(水) 02:15:47 ID:???
読む気も起きんな・・・

140 :137:2009/02/18(水) 02:33:57 ID:???
>>139
すみません。32行に収めようとしたので・・・
貼りなおします。

<html>
<head>
<title>フッタ固定、サイドバー縦100%</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta http-equiv="content-style-type" content="text/css" />
<style type="text/css">
/***** http://www.cssstickyfooter.com *****/

* {
margin: 0;
padding: 0;
}

body * { /* デバッグ用 */
margin: 1px;
border: 1px solid red;
}

html,body,#wrap {
height: 100%;
}

body > #wrap {
height: auto;
min-height: 100%;
}

141 :137:2009/02/18(水) 02:34:57 ID:???
その2

#main {
padding-bottom: 50px; /* footer高さと同値 */
}

#footer {
position: relative;
clear: both;
height: 50px;
margin-top: -50px; /* footer高さと同じマイナス値 */
}

.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.clearfix {
display: inline-block;
}

* html .clearfix {
height: 1%; /* Hides from IE-mac */
}

.clearfix {
display: block; /* Hides from IE-mac */
}

142 :137:2009/02/18(水) 02:35:31 ID:vLIQ8buP
その3

#container {
margin: 0 auto;
width: 800px;
height: 100%;
}

#wrap,#footer {
width: 650px;
}

#content, #content2{
width: 500px;
float: right;
}

#side {
width: 100px ;
float: left;
}

#sidebar {
float: right;
height: 100%;
}
</style>
</head>

<body>


143 :137:2009/02/18(水) 02:36:03 ID:???
その4

<div id="container">
<div id="wrap">
<div id="header">■■■Header</div>
<div id="main" class="clearfix">
<div id="side">□□□side</div>
<div id="content">▲▲▲content</div>
<div id="content2">△△△content2</div>
</div><!-- //main -->
</div><!-- //wrap -->

<div id="footer">●●●footer</div>

</div><!-- //container -->

<div id="sidebar">☆☆☆sidebar</div> <!-- 右側に縦100%で入れたい-->

</body>
</html>

144 :137:2009/02/18(水) 02:37:08 ID:???
以上です。
よろしくお願いします。

145 :Name_Not_Found:2009/02/18(水) 03:34:53 ID:???
ソースがあれすぎて・・・

<div id="container">の中にサイドバーを入れるんだろ?
なのになぜか外になっているのが原因。



146 :137:2009/02/18(水) 04:02:19 ID:???
>>145
containerの中に入れても上手くいかなかったのです。

でも解決しました。
container とsidebarを丸ごと囲むようにdiv追加したら上手くできました。
お騒がせしてすみませんでした。

147 :Name_Not_Found:2009/02/18(水) 04:17:01 ID:???
>>146
後はdiv減らす努力をしようね

148 :Name_Not_Found:2009/02/18(水) 11:51:20 ID:???
中のマークアップをちゃんとやってりゃおk

149 :Name_Not_Found:2009/02/21(土) 16:57:51 ID:???
こんなふうな、divでかこまれたエリアの中にあるdivが、
自動で改行されないようにするにはどうしたらいいでしょうか??
<div id=body>
 <div class=A>
   12345
 </div>
 <div class=B>
   67891
 </div>
</div>

周辺のレイアウトに影響を出さずに、1234567891となってほしいです

150 :Name_Not_Found:2009/02/21(土) 17:11:31 ID:qlV34VaZ
よくわからんが初心者の俺の考えではこれでいけるはず。

#oppai1 div{float: left; /* 回り込ませる */}
#oppai2{clear: both; /* 回り込みを解除 */}

<div id="oppai1">
<div>( ゚∀゚)o彡゜オッパイ!123!</div>
<div>( ゚∀゚)o彡゜オッパイ!456!</div>
</div>
<div id="oppai2">( ゚∀゚)o彡゜オッパイ!オッパイ!</div>

何がしたいのか分からないけどこれでも同じことが再現できるはず。

<div><span>( ゚∀゚)o彡゜オッパイ!123!</span><span>( ゚∀゚)o彡゜オッパイ!456!</span></div>

151 :Name_Not_Found:2009/02/21(土) 17:56:09 ID:???
>>149

<span>が自然だと思うけどdiv使いたいならインライン表示に変更するのも手

<style>
.A, .B{ display: inline;}
</style>

ただ上もspanも「<div class=A>12345</div><div class=B>67891</div>」 のように
改行を取り除かないと「12345 67891」と間が開いてしまう。

152 :149:2009/02/21(土) 19:20:42 ID:???
>>150>>151
ありがとうございます!
出力されたHTMLを扱うのでSPANにすることができませんので
最適な方法を探してみます。助かりました

153 :Name_Not_Found:2009/02/22(日) 00:55:41 ID:???
見事な後出しだな

154 :Name_Not_Found:2009/02/23(月) 12:20:56 ID:hwN72BUZ
tableレイアウトからcssレイアウトへの移行中です
サイトの一番上に、サイトロゴとヘッダーメニューを表示しているのですが、
ロゴを左寄せに、メニューを右寄せに表示したいのに、うまくできません。

元のタグ(tableレイアウト)は
<TABLE ALIGN="center" WIDTH="600" CELLSPACING="0" CELLPADDING="3" BGCOLOR="#ffffff"><TR>
<TD ALIGN="left"><A HREF="index.htm"><IMG SRC="image/title.jpg" WIDTH="200" ALT="" BORDER="0"></A></TD>
<TD ALIGN="right" HEIGHT="30" VALIGN="bottom">
<A HREF="index.htm">サイトマップ</A><IMG SRC="image/spacer.gif" WIDTH="20px" HEIGHT="5px">
<A HREF="index.htm">お問い合わせ</A><IMG SRC="image/spacer.gif" WIDTH="20px" HEIGHT="5px">
<A HREF="index.htm">トップページ</A></TD>
</TR></TABLE>
で、

現状(cssレイアウト作成中)は
<div class="head">
<div style="text-align: left; float: left;"><A HREF="index.htm"><IMG SRC="image/title.jpg" WIDTH="200" ALT="" BORDER="0"></A></div>
<div style="text-align: right; float: right;"><!--
--><A HREF="index.htm">サイトマップ</A><IMG SRC="image/spacer.gif" WIDTH="20px" HEIGHT="5px"><!--
--><A HREF="index.htm">お問い合わせ</A><IMG SRC="image/spacer.gif" WIDTH="20px" HEIGHT="5px"><!--
--><A HREF="index.htm">トップページ</A></div>
</div>
です。

しかしながら、これだとメニューの文字が上に寄ってしまいます。
元のtableレイアウトで言うところのVALIGN="bottom"を、cssでdivに適用させるにはどうすればいいのでしょうか?

155 :Name_Not_Found:2009/02/23(月) 12:26:51 ID:hwN72BUZ
続きです。

cssファイルの該当部分の内容は
div.head{
background: #fff;
width: 800px;
}
となっています。

文字サイズは固定していない&できません。
老眼のお年寄りでも見やすいように、ブラウザ側で文字サイズを変えやすいようにするのが目的です。
ですので、「メニュー部分も画像にする」や「文字サイズを固定して上部paddingを指定する」などはできません><

ややこしいかもしれないですが、文字サイズを固定しない状態で、
尚且つロゴ画像(左寄せ)と文字メニュー(右寄せ)をボトムラインで揃える方法があれば、ご教示ください。

156 :Name_Not_Found:2009/02/23(月) 12:37:47 ID:???
下揃えは画像でない限り諦めろ

157 :Name_Not_Found:2009/02/23(月) 17:26:56 ID:hwN72BUZ
>>156
わかりました、ありがとうございます。
仕方ないので、該当部分だけtableに戻します…。

158 :Name_Not_Found:2009/02/23(月) 20:08:15 ID:SSh8rA+v
CSSの管理について教えてください。

トップページと3つのコンテンツページの合計4つからなるwebページをつくる予定です。
その4つのページはトップバーメニューとサイドバーメニューが共用で
中央のコンテンツの内容が違うだけという作りです。

--index.html
|-lesson1.html
|-lesson2.html
|-lesson3.html

そこで、まずトップバーメニューとサイバーメニューだけで中央のコンテンツ部分を抜かして
共用できるようなページを作成しました。

template.html(トップバーとサイドメニューのみのひな形のページ)
template.css(ひな形になるページのCSS)
image_template(ひな形になるページの画像イメージを入れたフォルダ)

次にトップページである"index.html"のページで使うCSSなのですが
"index.css"というのを新しく作るのか、"template.css"をそのまま使ってどんどん長くしていくのか
どのようにしたらよいのでしょうか?

今はページ数が少ないのですが、将来"lesson60"くらいまでページを追加しても
"template.css"を長くしていくのですか?それとも"lesson"のページを追加していったら
"lesson60.css"をつくるのですか教えてください。

159 :Name_Not_Found:2009/02/23(月) 20:14:55 ID:???
>>157
デザインを変えろ

>>158
人によって違うとしか言いようがない

160 :Name_Not_Found:2009/02/23(月) 21:19:55 ID:???
たいへん申し上げにくいのですが、table病とdiv病を併発しています。
このままではもってあと半年。いや、三ヶ月かもしれません。
strictワクチンの投与も有り得ますが、こちらは副作用が問題視されています。
しかし、、、。
しかし、このままでは、、、。

161 :Name_Not_Found:2009/02/23(月) 22:19:15 ID:???
>>158
一案として・・・

index.htmlとlesson**.htmlでともに使いそうならtemplate.cssに入れる
個別.htmlでしか使わないものは個別.css(index.css、lesson1.css等)を作る
複数のlesson**.htmlで共通CSSが多くなりそうならlesson.cssなりを新規に作る

とりあえず全部template.cssに入れて、個別にしか使わないものを別ファイルに切り出すってがいいんじゃねの

162 :Name_Not_Found:2009/02/23(月) 22:56:44 ID:???
>>161
一つのhtmlに複数のCSSを使用することってできますか?

現在、"index.html"では"template.css"のみで長くしていってるんですけど
中央のコンテンツのCSSは"index.css"にして
"index.html"に"template.css"と"index.css"を反映させることってできるんでしょうか?

163 :Name_Not_Found:2009/02/23(月) 22:59:06 ID:???
>>162
@import でぐぐってみ。

164 :Name_Not_Found:2009/02/23(月) 23:09:30 ID:5NjfLMKU
使い勝手を考えるとトップとコンテンツページもあんまり大きくレイアウトかえるべきじゃない

165 :Name_Not_Found:2009/02/23(月) 23:17:16 ID:N5Cw2tnE
会社のIE6で自分のHPを見ると、
CSSの2カラムレイアウトがずれるんですが、
うちで見るとFireFox3, IE7, IE6全部大丈夫でした。

同じIE6でもなにか設定の違いとかあるんでしょうか?

166 :Name_Not_Found:2009/02/23(月) 23:20:54 ID:5NjfLMKU
その家のIE6がおかしいんじゃないか?
7と6は並存出来ないだろ普通は

167 :165:2009/02/23(月) 23:23:04 ID:???
すいません。ちょっと嘘つきました。
うちで見たのはFireFox3, IE6で、
IE7は友達に確認してもらいました。

168 :Name_Not_Found:2009/02/23(月) 23:31:21 ID:5NjfLMKU
一応6内にもマイナーバージョン違いがあるけどわかんね
とりあえずよくある段組のバグ対策しとけばいけるんじゃね?

169 :Name_Not_Found:2009/02/23(月) 23:40:40 ID:???
DOCTYPEや互換モードとかいうのは無かったっけ?

カラムが崩れるなら大外の横幅に対して中の各カラムの横幅が大きすぎるとかじゃないでしょうか?
マージンやパディングなども含めて

170 :165:2009/02/23(月) 23:47:39 ID:???
よくわからないので、10pxくらい余裕もってwidthとっとくことにします。

171 :Name_Not_Found:2009/02/24(火) 00:09:06 ID:???
>>165

今まさに、俺が質問しようとしていた内容と全く同じ!

最近作ったサイトを会社のIEで見たら大丈夫だったのに
家のIEで見たらカラム落ちしてた。
バージョン同じなのに。

これはなんでだ??

172 :Name_Not_Found:2009/02/24(火) 00:20:51 ID:???
これとか?
http://adp.daa.jp/archives/000265.html

「IE6 レイアウト 崩れ」でググってみるもよし

173 :Name_Not_Found:2009/02/24(火) 04:22:18 ID:???
1)        ...2)┌─┐
. . .          │@|
┌─┬─┬─┐ ├─┼─┬─┐
│@│  │  │ │  │  │  │
├─┤A│C│ │B│A│C│
│B│  │  │ │  │  │  │
└─┴─┴─┘ └─┴─┴─┘
floatを用いて1)の様な段組にしたいのですが、どうしてもうまくいかず2)の様になってしまいます
3)
┌─┬─┬─┐ ┌─┬─┬─┐
│@│  │  │ │A│  │  │
├─┤B│C│ ├─┤@│C│
│A│  │  │ │B│  │  │
└─┴─┴─┘ └─┴─┴─┘
3)や4)の様にすると出来るのですが、出来れば1)の様にしたいのです
良い方法は無いでしょうか

174 :Name_Not_Found:2009/02/24(火) 04:27:57 ID:???
>>173 絶対配置

175 :Name_Not_Found:2009/02/24(火) 04:45:12 ID:???
>>174
やはり絶対配置が妥当なのでしょうか

#@{

}

176 :Name_Not_Found:2009/02/24(火) 05:01:14 ID:???
すみません、途中で誤って書き込んでしまいました。
少し自信が無いのですが、以下の様なやり方で問題無いでしょうか?
#@ { left: 50%; margin-left: -350px; width: 150px; height: 80px; position: absolute;}
#container { width: 700px; margin: 0 auto;}
#wrapper { float: left; width: 100%;}
#A { margin: 0 150px;}
#B { float:left; width:150px; margin-top: 80px; margin-left:-700px;}
#C { float:left; width:150px; margin-left:-150px;}
#footer{ clear: left; width: 100%;}
<div id="@"></div>
<div id="container">
<div id="wrapper">
<div id="A"></div></div>
<div id="B"></div>
<div id="C"></div>
<div id="footer"></div></div>

177 :Name_Not_Found:2009/02/24(火) 06:55:12 ID:C5REl152
自分で試せばええがな

178 :176:2009/02/24(火) 11:09:13 ID:???
とりあえず問題は無さそうなのでこのままでいってみます
ありがとうございました

179 :Name_Not_Found:2009/02/25(水) 23:45:25 ID:bYG/ZxZk
cssのバージョン別(1、2、2.1、3の4つですかね?)にプロパティ一覧が知りたいのですが
参考になるサイトございましたら教えてください

180 :Name_Not_Found:2009/02/26(木) 00:22:51 ID:???
>>179
W3C

181 :Name_Not_Found:2009/02/26(木) 00:26:25 ID:???
どのページでしょうか?もしよければ該当するURL教えてください

182 :Name_Not_Found:2009/02/26(木) 00:28:23 ID:???
>>181

よくない ググれ、てかちゃんとW3Cのコンテンツ嫁

183 :Name_Not_Found:2009/02/26(木) 00:29:36 ID:???
>>182
知らないなら無理してレスしなくていいですよw

184 :Name_Not_Found:2009/02/26(木) 01:48:57 ID:???
>>183
>>1から読み直せ
話はそれからだ

それも出来ないなら
無能、相手をする価値無しだ

185 :Name_Not_Found:2009/02/26(木) 06:47:33 ID:???
>>184
何えらそうに言ってるんだよ

186 :Name_Not_Found:2009/02/26(木) 07:02:44 ID:???
>>185
質問者がえらそうだからじゃね?

187 :Name_Not_Found:2009/02/26(木) 10:48:44 ID:???
w3cしか書けない人は100%の確率で回答者自身もよくわかってない確率

188 :Name_Not_Found:2009/02/26(木) 10:56:55 ID:???
>>187
w3c見たら解決する話であることは確かだけどな

189 :Name_Not_Found:2009/02/26(木) 11:27:14 ID:ufanCpFi
         : :::::::::::::::::::::::::::::::::::::::::::::
        ∧_∧ . . . .: : : ::: : : http://p.pita.st/?szv2l8mx :::::
       /:彡ミ゛ヽ;)ー、 . . .: : : :::::: :::::::::::::::::::::::::::::::::
      / :::/:: ヽ、ヽ、 ::i . .::::::::
      / :::/;;:   ヽ ヽ ::l . :. :. .:: : :: :: :::::::: : ::::::::::::::::::
 ̄ ̄ ̄ (_,ノ  ̄ ̄ ̄ヽ、_ノ ̄ ̄






190 :Name_Not_Found:2009/02/26(木) 11:58:39 ID:???
>>188
このスレのタイトル見てみ。
初心者がw3c見ただけで解決するとはとても思われん。

191 :Name_Not_Found:2009/02/26(木) 12:03:36 ID:???
理解できるように教えるのが回答ってもんだ

192 :Name_Not_Found:2009/02/26(木) 12:06:22 ID:???
サイト教えろ→つw3c

至極まっとうな答えだと思うが
回答者に噛みついてる方が明らかにおかしいだろ

193 :Name_Not_Found:2009/02/26(木) 12:47:01 ID:???
それで済むならそもそもこんなスレはいらない

194 :Name_Not_Found:2009/02/26(木) 12:54:45 ID:???
>>193
質問内容がcssの書き方でサイト勧めてるなら投げっぱなしでスレ趣旨に沿ってないがサイト教えろって質問なんだぞ?
初心者スレは質問者がなんでもありってことじゃないからな

195 :Name_Not_Found:2009/02/26(木) 16:40:45 ID:???
初心者スレでw3c見ろ。
くらいの回答しかしないような回答者はダメですね。

196 :Name_Not_Found:2009/02/26(木) 16:42:22 ID:???
だな
それは回答とは言わないしな

197 :Name_Not_Found:2009/02/26(木) 18:13:50 ID:???
きっとW3Cのサイトが見つからないんだよ。
名前じゃなくてURLを張るべきだった。

198 :Name_Not_Found:2009/02/26(木) 18:20:34 ID:???
探し物には2cnより便利な
Googleという検索サイトがあるのだが

199 :Name_Not_Found:2009/02/26(木) 20:04:28 ID:???
その前にW3Cが何なんのかがわからないのかも知れん

そういう場合はGoogleよりWikipediaという便利なサイトがで調べるのがよい
http://ko.wikipedia.org/wiki/W3C


200 :Name_Not_Found:2009/02/26(木) 20:31:23 ID:???
Wikipedia(笑)

201 :Name_Not_Found:2009/02/26(木) 23:15:22 ID:???
必死にW3Cって回答を叩いてるくずは質問者本人だろ
横柄なうえに口の利き方もなってないしまともにお礼も言えないとは三重苦だな

202 :Name_Not_Found:2009/02/26(木) 23:17:41 ID:???
>>195
初心者スレでサイト教えろって方がおかしいだろ
能書きたれる余裕があるならお前が懇切丁寧な回答を用意してみろw

203 :Name_Not_Found:2009/02/26(木) 23:19:44 ID:???
凄いな
IDが出ないとここまで自演し放題なのか

204 :Name_Not_Found:2009/02/26(木) 23:20:23 ID:s4NX+8ZA
初心者にCSSのバージョン別情報なんていらない
よってスレ違い

205 :Name_Not_Found:2009/02/26(木) 23:28:41 ID:???
google・yahooのトップページでさえエラーだらけだから気にする必要ないだろ

206 :Name_Not_Found:2009/02/27(金) 01:17:27 ID:???
>>203
擁護装った質問者の回答者たたきは目に余るものがあるな

207 :Name_Not_Found:2009/02/27(金) 01:21:17 ID:???
そして総意としてURLは教えないと

208 :Name_Not_Found:2009/02/27(金) 01:24:43 ID:???
>>207
教えてほしいならそれなりの聞き方があるだろ
お前が質問者じゃないのならお前が張ればいい
近頃の質問者はお客気分で来るのが笑える

209 :Name_Not_Found:2009/02/27(金) 01:29:30 ID:???
>>205
なんか勘違いしてるようだがw3c見て正しい記述覚えてこいって話じゃないぞ

210 :Name_Not_Found:2009/02/27(金) 01:32:57 ID:???
http://www.w3.org/

211 :Name_Not_Found:2009/02/27(金) 01:36:03 ID:???
W3Cすら見つけられないような人がサイト作ってなにすんだよw
もっと先に覚えるべきことが山ほどあるな
謙虚さとかww

212 :Name_Not_Found:2009/02/27(金) 01:46:20 ID:???
俺は質問者じゃないけど初心者に対してW3Cのサイトを教えてこれ見て
理解しろって言っても無理だと思う。

つまり適切な回答じゃないと思う。

213 :Name_Not_Found:2009/02/27(金) 01:48:42 ID:???
>>212
じゃあ変わりに正しい回答よろw

214 :Name_Not_Found:2009/02/27(金) 01:49:24 ID:???
>俺は質問者
まで読んだ

215 :Name_Not_Found:2009/02/27(金) 01:51:03 ID:???
まだ質問者wが暴れてんのか
しつこい奴だな

216 :Name_Not_Found:2009/02/27(金) 01:58:51 ID:???
>>180にケチつけてる人はかわりに>>179に答えれば解決するだろ
文句言いながら未だ誰も他の回答してないとかワロチ

217 :Name_Not_Found:2009/02/27(金) 02:14:18 ID:???
>>179に回答しないということでスレ住人の統一はとれてんだよw

218 :Name_Not_Found:2009/02/27(金) 02:33:16 ID:???
誰かW3C初心者スレに誘導してやれ

219 :Name_Not_Found:2009/02/27(金) 04:15:22 ID:yHwnNpio
W3C以外にそんな意味のないもん作ってるとこはない以上

220 :Name_Not_Found:2009/02/27(金) 10:22:51 ID:???
というか質問者が暴れてる根拠は?
一応暴れてる一人だけどなぜその妄想に至ったか>>215にkwsk聞きたい

221 :Name_Not_Found:2009/02/27(金) 10:25:40 ID:???
>>220>>179
もう帰れようぜーな

222 :Name_Not_Found:2009/02/27(金) 10:29:53 ID:???
わかりやすすぎ
回答者に噛みついてんのはお前だけだぞ

223 :Name_Not_Found:2009/02/27(金) 10:30:49 ID:???
暴れてる一人わろた
自覚あるなら消えろよw

224 :Name_Not_Found:2009/02/27(金) 10:35:11 ID:???
質問者当人だろうが他人だろうがアホなことにはかわらん

225 :Name_Not_Found:2009/02/27(金) 10:37:11 ID:???
こんな雰囲気じゃ質問したくてもできないだろ、そろそろ締めようぜ

226 :Name_Not_Found:2009/02/27(金) 10:40:19 ID:???
>>220>>179にまともな回答をすれば終わるだろ
あの回答に不満ある一人らしいし

227 :Name_Not_Found:2009/02/27(金) 10:41:55 ID:???
黙ってれば鎮火したのに>>220ってやつはwww

228 :Name_Not_Found:2009/02/27(金) 11:41:35 ID:???
前スレで評価していただいた美容ベースです。
メニューの位置・カラーなど、その他もろもろ修正しました。
再度、評価をお願いいたします。

肌スキンケア・髪ヘアケア 美容ベース
http://biyoubase.com/

229 :Name_Not_Found:2009/02/27(金) 11:51:45 ID:???
>>228
ここはカスイケじゃないぞ

230 :Name_Not_Found:2009/02/27(金) 11:54:01 ID:yHwnNpio
色使いにセンスがない
やり直し

231 :Name_Not_Found:2009/02/27(金) 12:16:47 ID:???
ちょい質問なんだが、CSS対応ブラウザの中で、CSS省略をすると動作しないって事はあるのか?

これとか↓
body{border:1px solid #000000;}

232 :Name_Not_Found:2009/02/27(金) 12:24:51 ID:MNutqlBk
>>231
順番が違うwww
borderは太さ・色・形の順番じゃなかったっけ?

233 :Name_Not_Found:2009/02/27(金) 12:48:38 ID:???
なんで232みたいな初心者が回答しようとするのか理解できない。

234 :Name_Not_Found:2009/02/27(金) 12:58:36 ID:???
なんでそんなに殺伐としたがるのか

235 :Name_Not_Found:2009/02/27(金) 13:06:15 ID:???
得意げにでたらめ書かれるのはさすがに

236 :Name_Not_Found:2009/02/27(金) 13:13:25 ID:ycKZyQDf
超初心者ですみませんが、
個人でHPを作成しようとするとき、
CSSはどのような役割を果たしてくれるのでしょうか。
(どういったときにCSSを利用するのでしょうか。)
よろしくお願いします。

237 :Name_Not_Found:2009/02/27(金) 13:17:43 ID:yHwnNpio
本嫁

238 :Name_Not_Found:2009/02/27(金) 13:24:14 ID:???
ここで煽るしかできない奴は初心者ってことでFA?

239 :Name_Not_Found:2009/02/27(金) 13:27:17 ID:yHwnNpio
人に聞く前にググってこい
自分の手間を省くために人に時間を使わせるなカス

240 :Name_Not_Found:2009/02/27(金) 13:29:46 ID:???
ID:yHwnNpio必死wwwwwwwwww

241 :Name_Not_Found:2009/02/27(金) 13:33:13 ID:???
>>236
役割はサイトに見栄えを与えること

一括してデザインを変えたりできるよ

242 :Name_Not_Found:2009/02/27(金) 13:36:40 ID:???
>>236
サイトの見た目を簡単に変えられて楽

243 :Name_Not_Found:2009/02/28(土) 14:45:21 ID:???
アウトルックエクスプレスの最新バージョンでhtmlメールを開いた時のCSSの解釈はIE7
に準じているのでしょうか?
IE6の方でしょうか?

244 :Name_Not_Found:2009/02/28(土) 15:25:15 ID:???
どっちにも準じてないんじゃね?

245 :Name_Not_Found:2009/02/28(土) 16:10:50 ID:???
>>244
CSSそのものには対処してますよね・

246 :Name_Not_Found:2009/02/28(土) 16:37:10 ID:???
>>245
HTMLメールの仕様とHTMLの仕様は違います。
更に環境によって表示は異なります。
私の知る限りではCSSには対応していないのですが、なんせ三年も前の知識です。

247 :Name_Not_Found:2009/02/28(土) 19:01:04 ID:???
タグ使うしかないな

248 :Name_Not_Found:2009/02/28(土) 21:57:42 ID:???
247 Name_Not_Found [sage] Date:2009/02/28(土) 19:01:04  ID:??? Be:
    タグ使うしかないな

249 :Name_Not_Found:2009/03/01(日) 04:03:52 ID:mSTCDj8o
<table cellpadding=0 cellspacing=0 width="100%"><tr>
<td background="001.gif" width="5"></td>
<td background="002.gif">xxx</td>
<td background="003.gif" width="5"></td>
</tr></table>

これは┏━━━━━━┓のような表示になりますが
これと同じようにCSSで作りたいと思ってます。
CSSのソースはどのようになりますでしょうか?
よろしくお願いします。

250 :Name_Not_Found:2009/03/01(日) 04:14:59 ID:cycBHlWs
ググってこいよ
何年前の話題よ

251 :249:2009/03/01(日) 05:22:51 ID:???
できればこのようなhtmlソースで使えるとありがたいです。
よろしくお願いします。

<div class="box-all">
 <div class="box-a"></div>
 <div class="box-b">xxx</div>
 <div class="box-c"></div>
</div>

252 :Name_Not_Found:2009/03/01(日) 05:24:11 ID:cycBHlWs
とりあえず自分で考えろって言ってるだろ・・・
おかしいとこは教えてやる

253 :Name_Not_Found:2009/03/01(日) 10:52:07 ID:???
タグってこいよ
何年前の話題よ

254 :Name_Not_Found:2009/03/01(日) 10:53:46 ID:???
>>253
不覚にもwww

255 :Name_Not_Found:2009/03/01(日) 10:57:13 ID:???
てか可変3カラムって結構難しいなw
ミス指摘されるの怖いからググってこいくらいしか言えないww

256 :Name_Not_Found:2009/03/01(日) 11:35:19 ID:1/gAQkih
SEO用のリンク集める方法知りませんか?

257 :Name_Not_Found:2009/03/01(日) 11:54:54 ID:???
>>255
せつこ、それ3カラムちゃう、見直すんだ

>>256
スレ違い

258 :Name_Not_Found:2009/03/01(日) 12:43:41 ID:???
ググレカス
ヤフレカス
タグレカス
カスレカス
ジャヴァレカス
フラレカス
アジャレカス

259 :Name_Not_Found:2009/03/01(日) 21:47:52 ID:???
ググレの一言で済ましていい質問とそうでない質問とがあると思うんだけどな。

260 :Name_Not_Found:2009/03/01(日) 22:12:09 ID:???
>>259
例えば上のどれ?

261 :Name_Not_Found:2009/03/01(日) 22:15:26 ID:???
>>260
ググレカス

262 :Name_Not_Found:2009/03/03(火) 00:38:38 ID:???
>>260
タグレカス

263 :Name_Not_Found:2009/03/03(火) 21:07:54 ID:???
タダレカス

264 :Name_Not_Found:2009/03/04(水) 15:04:07 ID:???
アナレカス

265 :Name_Not_Found:2009/03/06(金) 11:29:46 ID:???
質問です。
CSSにて

* {
font-family: Osaka-Mono !important;
}

のように強制的にフォントを指定してみましたが、
半角英数字だけフォントが適用されてなく、メイリオ(?)になっています
これを修正する方法はないでしょうか?

266 :Name_Not_Found:2009/03/06(金) 11:49:39 ID:9uv8rfs/
半角英数があるフォントをその次に指定

267 :Name_Not_Found:2009/03/06(金) 11:51:24 ID:9uv8rfs/
てかOsakaなんてwinにはいってないだろ

268 :Name_Not_Found:2009/03/06(金) 12:00:41 ID:???
フォント指定なんて制作側のオナニーなんだからいいじゃん

269 :Name_Not_Found:2009/03/06(金) 12:02:33 ID:???
>>265
自分だけ見えれば良いのかい ?

270 :Name_Not_Found:2009/03/06(金) 12:18:59 ID:???
>>267
Osaka-Mono=MSPゴシックの英表記かと思ってた・・・

271 :Name_Not_Found:2009/03/06(金) 12:26:59 ID:???
アホすぐるwww

272 :Name_Not_Found:2009/03/06(金) 14:04:08 ID:???
>>267
釣りですか

273 :Name_Not_Found:2009/03/06(金) 14:46:54 ID:???
<h3>テスト</h3>

これに
width: 500px;
passing-left: 10px;
にすると、実質widthが510pxになってしまうんだけど仕様?
それとも何か宣言によって動作変わる?

274 :Name_Not_Found:2009/03/06(金) 14:50:36 ID:???
passing-left
passing-left
passing-left
passing-left
passing-left
passing-left
passing-left
passing-left
passing-left
passing-left
passing-left
passing-left
passing-left
passing-left
passing-left
passing-left
passing-left
passing-left
passing-left
passing-left
passing-left
passing-left
passing-left
passing-left
passing-left
passing-left
passing-left
passing-left
passing-left
passing-left
passing-left
passing-left

275 :Name_Not_Found:2009/03/06(金) 14:51:43 ID:???
ごめんうちミス
padding

276 :Name_Not_Found:2009/03/06(金) 14:53:21 ID:???
ブラウザも書きましょうね

277 :Name_Not_Found:2009/03/06(金) 14:56:43 ID:???
>>276
はい、忘れてました

IE6とFirefox3です

278 :Name_Not_Found:2009/03/06(金) 15:01:23 ID:???
paddingの性質を知ってるなら答えは出てくると思うが・・・

279 :Name_Not_Found:2009/03/06(金) 15:08:47 ID:???
テンプレ嫁

280 :Name_Not_Found:2009/03/06(金) 15:12:10 ID:???
テンプレ厨大活躍w

281 :Name_Not_Found:2009/03/06(金) 15:27:45 ID:???
そのものズバリ書いてるます

282 :Name_Not_Found:2009/03/06(金) 16:03:13 ID:???
left:10px で十分です

283 :Name_Not_Found:2009/03/07(土) 03:29:07 ID:???
marginとpaddingを間違えているに3000マヲタ

284 :Name_Not_Found:2009/03/07(土) 14:39:34 ID:yfuyMeH4
tbodyの一列目のみにCSSでbackground:#000000;color:#ffffff;を適用させたいのですが
classとidとcolとcolgroupを使わず、下記のソースをいじらずにcssだけで適用させるには
どのようにしたらよろしいでしょうか?

<table>
<thead>
<tr><th>ID</th><th>名前</th><th>性別</th></tr>
</thead>
<tbody>
<tr><td>1</td><td>高梨</td><td>男</td></tr>
<tr><td>2</td><td>木下</td><td>女</td></tr>
<tr><td>3</td><td>後藤</td><td>男</td></tr>
</tbody>
</table>

285 :Name_Not_Found:2009/03/07(土) 20:45:05 ID:???
tbody td:first-child

286 :Name_Not_Found:2009/03/08(日) 09:43:15 ID:???
わざわざtbody使うならcaptionも使えよって思うのは俺だけ?^^

287 :Name_Not_Found:2009/03/08(日) 09:56:55 ID:???
わざわざって言い草もなんなの?

288 :Name_Not_Found:2009/03/08(日) 11:55:54 ID:???
うむ。tbody要素はタグの省略が可能なだけで、table要素の内容には必須なのだ。

289 :Name_Not_Found:2009/03/08(日) 14:10:58 ID:dJJBSBJO
>>288
XHTMLだと必須ではないのです。

290 :Name_Not_Found:2009/03/08(日) 14:20:40 ID:???
>>289
www
ばーか

291 :Name_Not_Found:2009/03/08(日) 16:35:43 ID:???
  ∧_∧
 (´・ω・)チンッ!☆
〜(,,_u_っ—[]/
      と_"っ。A。)っ >>290
         ∨ ̄∨ ハウッ

292 :Name_Not_Found:2009/03/08(日) 16:53:32 ID:dJJBSBJO
>>290
なぜ 「ばーか」 と言われなければならないのですか。

293 :Name_Not_Found:2009/03/08(日) 16:56:15 ID:???
IDがなんか惜しいから

294 :Name_Not_Found:2009/03/08(日) 17:10:07 ID:???
>>292
ソースぷりーず

295 :Name_Not_Found:2009/03/08(日) 18:10:16 ID:???
素直にクラスやIDふって装飾しろと

296 :Name_Not_Found:2009/03/08(日) 18:16:33 ID:qH/1x9O6
テーブルの最後列にcolor:#000を適用するにはどのように記述したらよろしいでしょうか?

297 :Name_Not_Found:2009/03/08(日) 18:38:43 ID:dJJBSBJO
>>294
http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd より
> <!ELEMENT table (caption?, (col*|colgroup*), thead?, tfoot?, (tbody+|tr+))>

298 :Name_Not_Found:2009/03/08(日) 18:59:32 ID:???
>>296
本当に列か?行じゃないのか?

299 :Name_Not_Found:2009/03/08(日) 19:03:32 ID:???
>>297
またはか・・・
trがあればいいのか。じゃあtbodyがあればtrはなくてもいいのか?

300 :Name_Not_Found:2009/03/08(日) 19:14:47 ID:dJJBSBJO
>>296
CSS3の時代が来れば、 last-child擬似クラスを利用して

td:last-child {color: #000;}

のように書ける。 それまでは、 行の最後のtd要素を一々last-childクラスに分類して

td.last-child {color: #000;}

と書くようにすべし。

301 :Name_Not_Found:2009/03/08(日) 19:17:20 ID:dJJBSBJO
>>299
> <!ELEMENT tbody (tr)+>

302 :Name_Not_Found:2009/03/08(日) 19:21:42 ID:???
>>301
なるほど
すまんかった
一通り見て来るよ

303 :Name_Not_Found:2009/03/08(日) 19:29:04 ID:???
なにか構造的に意味があって区別したいなら、まさにそんな時こそclass属性id属性だろう
そんなに毛嫌いしなくても良いじゃないか

304 :Name_Not_Found:2009/03/08(日) 20:55:51 ID:???
CSS3の時代なんて俺が生きてる間には来ないだろうな

305 :Name_Not_Found:2009/03/09(月) 01:55:03 ID:br82q44c
携帯HPについて質問です。

XHTML1.0 Transitonalでcssで携帯サイトを作成しています。

クリックするだけで文字サイズが変更出来ようにしたいのですが、どのようにすればよいのでしょうか?

サイト自体は検索エンジンに登録されているので、文字サイズごとにページを増やしたくなく、ワンクリックでスタイルシートだけを変更したいんですが。

よろしくお願いします。

306 :Name_Not_Found:2009/03/09(月) 10:39:22 ID:???
muri

307 :Name_Not_Found:2009/03/09(月) 15:32:13 ID:???
サーバー側で動的に読み込むCSSファイルを切り替える。

308 :Name_Not_Found:2009/03/09(月) 16:15:23 ID:???
>>307
携帯サイトだから
docomoにはムリ

309 :Name_Not_Found:2009/03/10(火) 00:51:50 ID:3sH2VCdf
>>304が90歳ならたぶん来ない。

310 :Name_Not_Found:2009/03/10(火) 08:01:18 ID:???
ttp://www.ilikebeethoven.com/
このサイトのメニューを自分でも作ろうと思って作っているのですが
#cat-9全体の色が変わる意味がわかりません。
display:block;してるのですが。

311 :Name_Not_Found:2009/03/10(火) 08:17:31 ID:???
できました。

312 :Name_Not_Found:2009/03/10(火) 11:13:08 ID:EBRcoO5i
Expression Web2を使って入門の勉強中です。

あるhtmlファイルのコンテンツを画面の中央に配置したいのですが、
ググってやってみましたがうまくできません。

divがひとつあってその中にpがいくつかあります。
このdivを中央にしたいのですが、幅は800pxで高さはpの中のテキストの量によって変わります。
そこで、divのスタイルで
 marginのleftを-400px
 positionをabsolute
 widthを800px
 leftを50%
にしました。
こうすると、画面表示上は問題なさそうなんですが、印刷するとダメです。
テキスト量が2ページになるはずなのに、無理に1ページで印刷しようとして、紙の最後でテキストが
重なったり途切れたりします。IEでもFireFoxでも同様でした。
なにが問題なんでしょうか?

313 :Name_Not_Found:2009/03/10(火) 11:53:37 ID:pKwToC+r
bodyのtext-alignをcenter、件のdivの左右マージンをautoでOKでわ。

314 :Name_Not_Found:2009/03/10(火) 12:41:19 ID:???
Expression Web2(笑笑笑笑笑笑笑笑笑笑笑笑笑笑笑笑笑笑笑笑笑笑笑笑笑笑笑笑笑笑笑笑笑笑

315 :Name_Not_Found:2009/03/10(火) 14:04:55 ID:???
本当に使っている奴が存在するなんて、感動した!

316 :Name_Not_Found:2009/03/10(火) 15:29:09 ID:???
>>313
ありがとうございました。

>>314-315
くだらない奴だね、きみたち

317 :Name_Not_Found:2009/03/10(火) 16:14:24 ID:???
おまえは愉快な奴だな

318 :Name_Not_Found:2009/03/11(水) 00:17:47 ID:???
人が何を使おうが自由だ

319 :Name_Not_Found:2009/03/11(水) 11:13:19 ID:???
だからおれはお前らを人力検索エンジンとして使ってる

320 :Name_Not_Found:2009/03/11(水) 11:19:37 ID:???
簡単なドロップダウンメニューを作っています。
とりあえずは見た目を作っていて、Firefox3.xやChromeではうまく表示されるのですが、IE7では表示できませんでした。
http://www1.axfc.net/uploader/File/so/19627.zip
問題はおそらくCSS部分なのですが把握しづらいと思い他ファイルも含めてアップしました。
どの部分に問題があるか、もしくは足りないかをよろしければ教えてください。

321 :>>320:2009/03/11(水) 11:27:52 ID:???
具体的にどのように表示されないかを書いていませんでした。
Firefoxなどではmouseoverでメニューの左と下(つまり真下)にそろえてドロップダウンするのですが、IEでは右と上(つまり真横)に表示されてしまいます。

322 :Name_Not_Found:2009/03/11(水) 11:52:41 ID:???
めんどくさいからどこかHPスペースかりてそこで再現しろ
zipってめんどいんだよね

323 :Name_Not_Found:2009/03/11(水) 11:55:44 ID:???
ブログの背景色を変更しようとして
background-colorの#からを好きな色のコードにしたのに
まったく変わってないんだけどなんで?

324 :>>320:2009/03/11(水) 12:42:50 ID:???
>>322
おそくなりました。
http://mbanapa.web.fc2.com/menutest/test.html
このような感じです。

325 :Name_Not_Found:2009/03/11(水) 12:51:07 ID:???
>>323
再現可能な最小限のソース

326 :Name_Not_Found:2009/03/11(水) 13:38:32 ID:???
>>324
標準モードか互換モードで変わるんだからまずは統一しようぜ

327 :Name_Not_Found:2009/03/11(水) 13:41:55 ID:???
>>321
cssの問題

328 :>>320:2009/03/11(水) 14:30:35 ID:???
>>326
どちらも試しましたがやはりIEでは右にメニューコンテンツが表示されてしまいます。
>>327
はい。そう思いましてこちらのスレッドで質問させていただきました。
もしよろしければ教えてください。

329 :Name_Not_Found:2009/03/11(水) 15:01:50 ID:???
無駄にjavascript使ってるな

330 :>>329:2009/03/11(水) 15:06:40 ID:???
すみません。JavaScriptも今日始めたばかりで全然分からなくて冗長になってます。
あれから改善はしましたが、今回の問題はそこにもあるのでしょうか?
表示位置なので関係ない気はしますが・・

331 :Name_Not_Found:2009/03/11(水) 15:11:40 ID:???
>>325
マジで!
もっとすごいことしないとダメなのかぁ

332 :Name_Not_Found:2009/03/11(水) 15:12:56 ID:???
使わなきゃ欠点とか利点とかわかんないからいいんじゃね

333 :>>329:2009/03/11(水) 16:56:56 ID:???
leftとポジショニングの設定を変えることでかなり改善できました。
現在はこの状態ですが
http://mbanapa.web.fc2.com/menutest/test.html
メニューアイテムのホバー状態で、文字列の背景にしか色が付いていないのですが、これをブロックいっぱいに広げるにはどうすればよいのでしょうか?
今回私が書いたのはliタグがメニューアイテムに相当し、それはインライン要素だからこのような現象が起こっているのだと思います。
しかしdisplay:blockを指定しても変化がりませんでした。引き続きお願いします。

334 :Name_Not_Found:2009/03/11(水) 17:14:19 ID:???
span だからおかしいでしょ


335 :Name_Not_Found:2009/03/11(水) 17:19:18 ID:???
ああ>>334は勘違い
CSSでやりたいんでしょ?ならhtml内にソースを入れて。
それとヘンなインデントもやめて。



336 :>>329:2009/03/11(水) 17:26:32 ID:???
>>335
CSSを取り込み、HTML内のインデントも消去しました。
見づらくてすみません。

337 :Name_Not_Found:2009/03/11(水) 17:31:10 ID:???
勘弁してくれよwwww
DTD宣言する箇所ちげえしw
htmlから勉強しろよw

338 :Name_Not_Found:2009/03/11(水) 17:32:43 ID:???
あと根本的にjavascript側でバグがあるな
挙動おかしいし

339 :>>329:2009/03/11(水) 17:38:23 ID:???
>>337
勘違いしてました。気をつけます。
>>338
はい。JavaScriptはとりあえずそれっぽい挙動するようにしてるだけですので。
教えていただきたいのは「ブロックいっぱいに広げる」方法です。

340 :Name_Not_Found:2009/03/11(水) 18:47:44 ID:???
>>339
ちょっと待ってろ。いま落としてみてやってみる。

341 :Name_Not_Found:2009/03/11(水) 19:02:24 ID:???
とりあえず.MenuItem aにdisplay : block;かな
どっかミスっているからだろうけどローカルで出来ないんだよな。



342 :>>329:2009/03/11(水) 19:07:42 ID:???
>>341
ありがとうございます!
.MenuItemでdisplay : blockを定義していたのでaに入れてませんでした。
もう一息でとりあえずUIだけ完成しそうです。
あとは自分でやってみます。

お時間を割いていただいた方々、本当にありがとうございました。

343 :Name_Not_Found:2009/03/11(水) 19:47:19 ID:???
Another HTML-lint gateway
http://openlab.ring.gr.jp/k16/htmllint/htmllint.html
死ぬまでに見ておくべきCSSデザインサイト集まとめ
http://gigazine.net/index.php?/news/comments/20070425_bestcss/
CSS Zen Garden
http://www.csszengarden.com/
http://az-store.nrym.org/archive/mynotes/lecture/

344 :Name_Not_Found:2009/03/12(木) 02:17:25 ID:???
長くてすいません。
色んなサイトで調べたんですが、どうしてもmenubがmenuaの下に回りこんでしまいます。
どうすればいいのかアドバイスお願いします。

<div class="menu00">
<div class="menua">
<div class="menu1">画像
</div>
<div class="menu2">空白
</div>
<div class="clearc">
</div>
</div>
<div class="menub">
<div class="menu3">画像
</div>
<div class="menu4">画像
</div>
<div class="menu5">画像
</div>
<div class="clear">
</div>
</div>

345 :344:2009/03/12(木) 02:39:36 ID:???
補足です。
↑は、ブラウザの幅を縮めた時に回りこみます。

346 :Name_Not_Found:2009/03/12(木) 02:46:36 ID:???
>>344
そりゃそうだろw
float:leftとかしてないならそうなるわな。

347 :Name_Not_Found:2009/03/12(木) 02:48:52 ID:???
<div class="menu00">
<div class="menua" style="float:left">
<div class="menu1">画像
</div>
<div class="menu2">空白
</div>
<div class="clearc">
</div>
</div>
<div class="menub">
<div class="menu3">画像
</div>
<div class="menu4">画像
</div>
<div class="menu5">画像
</div>
<div class="clear">
</div>
</div>


適当。


348 :Name_Not_Found:2009/03/12(木) 14:07:49 ID:???
あいうえお
かきくけこさしすせそ

という文があったとき、上段の文字の幅を均等にして、

あ い う  え お
かきくけこさしすせそ

というようにしたいのです。
等幅ではなく・・・、どういうふうに記述すればよいのかわかりません。
すみませんがお願いします。

349 :Name_Not_Found:2009/03/12(木) 14:10:25 ID:???
>>348
日本語じゃ無理

350 :Name_Not_Found:2009/03/12(木) 15:06:02 ID:???
348です。そうでしたか・・・ありがとうございました。
テーブル使えばそれっぽく出来るので、苦肉の策としてそれでいこうと思います。

351 :Name_Not_Found:2009/03/12(木) 15:15:04 ID:???
最悪…

352 :Name_Not_Found:2009/03/12(木) 20:06:57 ID:???
なんで最悪なんだ?
等幅を使わないという条件下ならテーブル以外に方法はないだろ?
divでも代用可だけどさ。

353 :Name_Not_Found:2009/03/12(木) 20:45:45 ID:???
1文字ずつ position 指定すればいいじゃない。

354 :Name_Not_Found:2009/03/12(木) 20:46:20 ID:???
divなんて無茶苦茶

355 :Name_Not_Found:2009/03/12(木) 22:06:45 ID:???
letter-spacing も知らねえのかよ ! !

356 :Name_Not_Found:2009/03/12(木) 23:40:09 ID:???
letter-spacing 関係ねえ

357 :Name_Not_Found:2009/03/13(金) 01:11:25 ID:???
画像にしろ

358 :Name_Not_Found:2009/03/13(金) 03:00:08 ID:???
>>346-347
有難うございます。

結果、新規に書き直したら解決しました。
今度はclearなくても回り込まないです。 
IE7とFireFoxで確認。

違うところって、CSSでfloatとwidthのどっちを先に書いてるか・・・位なんですが。
関係ないですよねぇ。

359 :Name_Not_Found:2009/03/13(金) 09:18:19 ID:???
>>358
class="menu00"とかになにを書いているのか分からないから答えようがない。
答えを求めるのならソースを書いて他の人に理解してもらうようにしないと。

360 :Name_Not_Found:2009/03/13(金) 22:51:15 ID:???
>>359
ああ、すいません。今後気をつけます。
勉強中なので、また何かあったら
よろしくお願いします。

361 :Name_Not_Found:2009/03/15(日) 06:08:24 ID:???
幅に文章合わせるcssあるけど日本語対応してないんじゃねーの

362 :Name_Not_Found:2009/03/15(日) 07:44:41 ID:???
text-align: justify; のことならIEとFirefoxが対応している
IEは別個text-justifyの指定が必要だが

363 :Name_Not_Found:2009/03/16(月) 06:18:11 ID:???
<body>
<div id="header"><h1>タイトル</h1></div>
</body>

#header {
background: #330000;
}
h1 {
width: 300px;
}

上記ソースで、横スクロールバーが表示されるまでブラウザを縮めていったとします。
横スクロールバーが表示された状態でスクロールさせて非表示領域を見ると
ヘッダーの背景色が非表示領域だった部分まで反映されていません。
これは仕様的にただしいのでしょうか?

ちなみにfirefox3で上記現象がおきます。

364 :Name_Not_Found:2009/03/16(月) 13:04:06 ID:???
仕様です

365 :Name_Not_Found:2009/03/18(水) 15:11:14 ID:???
/* レイアウト設定--------------------------------------------------- */

/* ベースボックス */
#container{

#header{

#unit{

/* センターカラム */
#contents{

/* レフトカラム */
#menu{

/* ライトカラム */

これを
#menu − #contents = #unit
#menu2 + #unit= #header = #container
こういう風にしてもIEでレイアウト崩れるのはなぜですか?

366 :Name_Not_Found:2009/03/18(水) 15:38:29 ID:???
それだけじゃわからん

367 :Name_Not_Found:2009/03/18(水) 15:41:03 ID:???
うーん・・・
ブログ晒すの嫌だし詰まった\(^o^)/

368 :Name_Not_Found:2009/03/18(水) 15:42:18 ID:???
いや、せめてこの部分のスタイル全部書いて
対応部分のHTMLも書いてくれよ。

369 :Name_Not_Found:2009/03/19(木) 10:04:03 ID:/dYnLwY4
-moz-border-radius: 8px;
-khtml-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;

これを指定すると四隅が丸くなってしまいますが、
例えば上側の二隅だけ丸くする指定ってあるんでしょうか?

370 :Name_Not_Found:2009/03/19(木) 10:25:18 ID:???
ない

371 :Name_Not_Found:2009/03/19(木) 16:02:26 ID:???
>>370
どうもありがとうございました。

372 :Name_Not_Found:2009/03/19(木) 19:43:55 ID:???
-moz-border-radius-topleft: 8px;
-moz-border-radius-topright: 8px;
-webkit-border-top-left-radius: 8px;
-webkit-border-top-right-radius: 8px;

ついでにこれ↓も書いとけばKoqueror系でも効く
-khtml-border-top-left-radius: 8px;
-khtml-border-top-right-radius: 8px;

373 :Name_Not_Found:2009/03/19(木) 23:08:39 ID:wqdUEc3H
そういうのって古いのだとアウトじゃね?

374 :Name_Not_Found:2009/03/19(木) 23:17:39 ID:???
>>372
将来的に廃止されますよ

375 :Name_Not_Found:2009/03/19(木) 23:17:49 ID:???
いや、たしか分からんのは読み飛ばすように規定してあったとおもう。

376 :369:2009/03/19(木) 23:21:20 ID:???
>>372
神様〜!本当にありがとうございました!

377 :Name_Not_Found:2009/03/19(木) 23:46:10 ID:???
江戸っ子は宵越しのコーディングはしないのさ

378 :Name_Not_Found:2009/03/21(土) 09:18:01 ID:???
と埼玉県産まれのやつが言う

379 :Name_Not_Found:2009/03/21(土) 09:58:05 ID:???
>>378
埼玉に嫉妬してる田舎者乙

380 :Name_Not_Found:2009/03/21(土) 13:37:39 ID:???
埼玉に嫉妬 www

381 :Name_Not_Found:2009/03/21(土) 21:10:55 ID:???
>>379
栃木に謝れ !

382 :Name_Not_Found:2009/03/22(日) 15:36:01 ID:???
ごめんねごめんねー

383 :Name_Not_Found:2009/03/22(日) 18:10:20 ID:???
おし、許す !

384 :Name_Not_Found:2009/03/23(月) 11:13:45 ID:???
ttp://rinrin.saiin.net/~es/xxx/temp/017/index.html
のメニューとかを全部左側に持っていきたいのですがどうすればいいんでしょうか?

385 :Name_Not_Found:2009/03/23(月) 11:15:02 ID:???
↑ここのサイトの17番です

386 :Name_Not_Found:2009/03/23(月) 16:26:52 ID:8DXNgZrM
テンプレ配布してるサイト自体が糞だとそこのテンプレ使う気はしなくなるな

387 :Name_Not_Found:2009/03/23(月) 23:24:11 ID:???
最近CSSの教科書読んでて思ったんだど
PHPでフォント間のスペースをあけまくったらおもしろいよね。

ボタンを一回おすごとに、フォントとフォントの間の間隔を
どんどんふやしていくっていう。ちょっとした遊びなんだけど。

ああああああ
   ↓
あ   あ   あ   あ    あ

みたいにしてくれるっていう。

388 :Name_Not_Found:2009/03/23(月) 23:28:25 ID:8DXNgZrM
JSだろ

389 :Name_Not_Found:2009/03/23(月) 23:30:55 ID:???
>>388
javascriptわかんないんですよねー
でもphpならわかる。
そういう状況です。
それと、数値をファイルに保存したい、
というのもあるし。

javascriptだと、一回ブラウザ閉じたら終わりですよね。
PHPでファイルに保存しておけば、次に
アクセスしてきた人がブラウザで画面開いたら、
いきなり最初から

あ   あ    あ    あ    あ

になるっていう。

390 :Name_Not_Found:2009/03/23(月) 23:34:23 ID:???
どうでもいいw

391 :Name_Not_Found:2009/03/24(火) 00:53:13 ID:???
http://7ddcf5z5qy.sqweebs.com/qAuyTFC5/1.php

試作品できた。
CSS+PHPで、
ランダムで1−20の数字を生成して、
フォント間の間隔を
1em − 20em で
一回ページを読み込むごとに
ランダムに変更している。

PHPなのでjavascript使ってないので
javascript切っても逃げられませんw

392 :391:2009/03/24(火) 01:14:36 ID:???
ついでに字の色も
PHPでランダムに変更するように変えておいたwww

393 :Name_Not_Found:2009/03/24(火) 01:16:09 ID:q+p6hqAH
何が楽しいのか分からん

394 :391:2009/03/24(火) 01:18:04 ID:???
>>393
HTML+CSSだけでは
不可能なことがPHPで可能になった。

これが楽しい。

まあjavascriptでも同じことできるのかもしらんけど。

395 :Name_Not_Found:2009/03/24(火) 01:33:20 ID:???
marqueeのほうがマシw

396 :Name_Not_Found:2009/03/24(火) 08:12:54 ID:???
何か技術的にすごいとでも思ってるんかねぇ

397 :391:2009/03/24(火) 08:49:04 ID:???
>>396
すごいさ。
HTML+CSSだけしか知らなかった時代には
できなかったもん。

398 :Name_Not_Found:2009/03/24(火) 08:53:03 ID:???
もういいよ

399 :Name_Not_Found:2009/03/24(火) 10:04:19 ID:???
CSSスレなのでPHPはスレ違い

というか文字コード宣言すらしないページに価値はない

400 :Name_Not_Found:2009/03/24(火) 10:12:08 ID:???
>>397
そういうのは自分のブログででも自慢しててください

401 :391:2009/03/24(火) 10:12:30 ID:???
文句を言う割には見てるんだね

402 :Name_Not_Found:2009/03/24(火) 10:19:33 ID:???
根本的に君の用途ではphpを使う理由が見当たらない

403 :391:2009/03/24(火) 10:28:59 ID:???
>>402
他の選択肢は?
javascriptしか思い浮かばないけど?

404 :Name_Not_Found:2009/03/24(火) 10:30:26 ID:???
jsでおk

405 :391:2009/03/24(火) 10:37:51 ID:???
javascriptだと、ユーザーの行動をファイルに
記録できないよね。

クッキーには記録できるけど。
それだと個人の設定になっちゃうんで、
前の閲覧者がやった行動をそのまま
ファイルに記録しておいて、
次に見にきた人に受け継ぎたいんだよね。

それだとjavascriptではできない。

406 :Name_Not_Found:2009/03/24(火) 18:53:54 ID:???
php.js 使ってみろとか書いてみる

407 :Name_Not_Found:2009/03/24(火) 18:58:46 ID:???
php.js重すぎ


408 :Name_Not_Found:2009/03/25(水) 01:12:04 ID:???
こういうのって数年後になって見て赤面しちゃうんだよねw

409 :391:2009/03/25(水) 14:26:36 ID:???
まあこのスレでPHP使えるのは漏れくらい。

410 :Name_Not_Found:2009/03/25(水) 14:38:09 ID:???
>>409
function a() {
echo "<p>".($a+$b)."</p>";;
}

$a=array(1,3,5,7,9);
$b=array(1,2,3,4,5);
array_map("a",$a,$b);

411 :391:2009/03/25(水) 14:52:17 ID:???
>>410
エラーで動かないぞ

412 :391:2009/03/25(水) 14:59:45 ID:???
まあ、PHP知らないバカは無理しないでいいよ

413 :391:2009/03/25(水) 20:31:57 ID:???
>>412はニセモノ

ニセモノがでるとはオレ様大人気、って感じ。

414 :Name_Not_Found:2009/03/25(水) 20:39:52 ID:???
私男だけどこの程度でphp使えるとか言っちゃう男の人って…

415 :391:2009/03/25(水) 20:52:56 ID:???
まあお前らもHTML+CSS+PHPで
何かおもしろい仕組み作ってみなよ。
無理だと思うけど。

416 :Name_Not_Found:2009/03/25(水) 20:53:55 ID:???
もういいって

417 :Name_Not_Found:2009/03/25(水) 21:10:19 ID:???
PHP使えるなら、SQLも覚えれば?って、もう習得済み?

418 :391:2009/03/26(木) 01:12:47 ID:???
http://7ddcf5z5qy.sqweebs.com/qAuyTFC5/

indexページ作って、
シリーズ化することにしたよ。

419 :Name_Not_Found:2009/03/26(木) 01:16:58 ID:8d5l+GRr
勝手にやっとれ

420 :Name_Not_Found:2009/03/26(木) 03:35:34 ID:???
>>418
文字コードぐらいちゃんと指定しとけよ。

421 :Name_Not_Found:2009/03/26(木) 05:37:25 ID:???
IEでは反映されるのにFirefoxでは何故か反映されずに
寝ないで悩んでたら全角スペースが原因だった・・・俺の時間返して!

422 :Name_Not_Found:2009/03/26(木) 07:56:23 ID:???
Firefoxならエラーコンソール見れば分かるんじゃないか?

423 :Name_Not_Found:2009/03/26(木) 10:49:09 ID:???
CSSで、文字列を出力できるのでしょうか?

例えば、HTML側 <div class="moji">〜
スタイルシート側 .moji{〜〜 文字列の指定

何がしたいかトいうと、
 例えば、全H1タグの真下に文字列を表示したくなったからで。

424 :Name_Not_Found:2009/03/26(木) 11:36:32 ID:???
:before および :after疑似要素
ttp://hp.vector.co.jp/authors/VA022006/css/selector.html#before_and_after-pseudo

425 :Name_Not_Found:2009/03/27(金) 02:57:10 ID:???
>>418
いつのまにか、「4」まで、できとるな!

426 :Name_Not_Found:2009/03/27(金) 05:54:59 ID:???
float初心者でつ・・・

wikipediaだとfloatとclearを同じ要素に指定してますよね?
これってオフィシャルな使い方なんですか?ご教授ください

427 :Name_Not_Found:2009/03/27(金) 06:06:56 ID:TeV7GINo
オフィシャルかどうかなんてどうでもいい
それでちゃんと表示されるならそれでいいんです

428 :Name_Not_Found:2009/03/27(金) 09:00:13 ID:???
WEBブラウザ上ではcssを読み込んで正常に表示されるのですが
SEOツールというサイトで、サイト診断した時に出ているサムネイル画像には
cssが読み込まれずhtmlのみの表示になってしまいます。
何が原因なのでしょうか?

429 :Name_Not_Found:2009/03/27(金) 09:02:30 ID:TeV7GINo
ツールが悪い

430 :Name_Not_Found:2009/03/27(金) 09:06:31 ID:???
SEOにCSSは関係ないから問題ないだろ

431 :428:2009/03/27(金) 09:50:30 ID:???
>>429 >>430

ありがとうございます。
ちなみにこのサイトです。
ttp://www.seotools.jp/

他のサイトアドレスで試すとcssを読み込んで表示されていて
自分のアドレスだと読み込まれなくて
記述が間違っているのかと気になったので。。。


432 :Name_Not_Found:2009/03/27(金) 11:28:28 ID:???
質問です。

昔、代替スタイルシートを非常にうまく使った "from DFJ" というサイトがあっ
たのですが、CSSの切り替えにJavaScriptを使っていたせいか、Internet
Archiveで見ても、CSSの反映が行われません。

from DFJ index
http://web.archive.org/web/20060128015808/http://www.fromdfj.net/

(まあ「津波荘」とかも、Internet Archiveで見るとCSSが無効になるので、そ
ういうものなのかもしれませんが)

ということで、

1. "from DFJ"のHTMLやCSSを(一部でも)保存していて、今も見られるサイト
はどこかにないでしょうか?

2. "from DFJ"並みにダイナミックにページレイアウトの変わる、代替CSSを利
用したサイトがあったら、お教えいただけないでしょうか?

以上です。よろしくお願いします。


433 :Name_Not_Found:2009/03/27(金) 13:19:34 ID:lyKS3/wB
ヘッダーとコンテンツの間に隙間ができてまうよ

434 :Name_Not_Found:2009/03/27(金) 13:51:15 ID:???
>>432

http://web.archive.org/web/20060128015808js_/http://www.fromdfj.net/js/styleSelector.js

の中の上の方にある

// cssDir ="http://www.fromdfj.net/css/" ;
// alert( (location+"").match(/http:\/\/[^\/]+(\/~[^\/]\/|\/)/i) );
Dir1 = '';
if( (location + "").search(/\/~[^\/]+/i)>0 ){
Dir1 = (location + "").match(/\/~[^\/]+/i);
}
if(document.domain){
Dir2 = document.domain;
}else{
Dir2 ="www.age.jp";
}

cssDir = "http://" + Dir2 + Dir1 + "/css/" ;

ここらへんをいじり倒せばどうにかなるんじゃなかろうか

あと、Firefoxいれて、
ttp://mozilla-ext-ja.way-nifty.com/blog/jsview/index.html
のJSView入れとくと少しは幸せになれると思う

435 :Name_Not_Found:2009/03/27(金) 15:56:12 ID:???
>>433
ヘッダーって画像?
それなら
img{
vertical-align:bottom;
}
をCSSに入れてみて。
若しくはヘッダーの高さを指定して下マージン0にするとか
もしまだ隙間が開いたらごめんね(´・ω・`)

436 :Name_Not_Found:2009/03/27(金) 17:48:07 ID:???
とりあえず隙間とか配置で悩んだら、firefoxにfirebug入れて
サイト見れば原因分かるでしょ多分。

437 :Name_Not_Found:2009/03/27(金) 20:15:22 ID:???
>>418
サイト名どうにかしろwwwwwww

438 :Name_Not_Found:2009/03/27(金) 20:28:28 ID:???
とほほの***入門のぱくりだろw

439 :432:2009/03/27(金) 20:34:42 ID:???
>>434
ありがとうございます。結局、そうするしかないんですね。
今度、時間のあるときにでもいじってみます。

440 :Name_Not_Found:2009/03/27(金) 20:36:46 ID:TeV7GINo
アチーブも鯖内の全ファイル保存してるわけじゃないし無理じゃないの?

441 :Name_Not_Found:2009/03/27(金) 20:58:11 ID:???
あちーぶw

442 :Name_Not_Found:2009/03/27(金) 21:02:00 ID:TeV7GINo
ああ、アーカイブだったなw
ずっとアチーブだと思ってた

443 :Name_Not_Found:2009/03/28(土) 02:06:48 ID:???
あるひーふ

444 :432:2009/03/28(土) 10:27:30 ID:???
>>440
> 鯖内の全ファイル保存してるわけじゃないし無理じゃないの?

まあ、無理なんですよね。
実際、背景画像とかは、大部分が残っていないです。

他にこれぐらいダイナミックにレイアウトが変わるサイトというと、
outsider reflex
http://piro.sakura.ne.jp/
ここのトップページくらいしか知らないんですけど、他にありませんか?

まあそれは↓のスレで聞くべきかもしれませんが。

代替スタイルシートに萌え〜
http://pc11.2ch.net/test/read.cgi/hp/991400015/


445 :Name_Not_Found:2009/03/28(土) 10:34:38 ID:???
>>432
CSSのURLを直接叩けばちゃんとアーカイブにも保存されてるだろ
DLしてローカルで表示させるようにしろよ

446 :432:2009/03/28(土) 10:53:27 ID:???
>>445
いや、それがされてないんです。
保存されているのは外部CSSまでで、そこから先の背景画像は大部分が駄目です。
http://web.archive.org/web/*/www.fromdfj.net/img/*

447 :432:2009/03/28(土) 11:01:37 ID:???
具体例も出しましょう。

自分がいちばん見たかったのは、以下のCSSの適用例だったのですが、
http://web.archive.org/web/20050207155209/http://www.fromdfj.net/css/orange.css

背景画像のorange_back.jpgは保存されていないんです。
Internet Archive Wayback Machine
http://web.archive.org/web/*/www.fromdfj.net/img/orange/orange_back.jpg

他にも、このCSSの
http://web.archive.org/web/20060114161056/http://www.fromdfj.net/css/summer.css
この背景画像とか。
http://web.archive.org/web/*/www.fromdfj.net/img/summer/koori_title_.png

派手に見掛けを変えるための大きめの画像は、ほとんど駄目みたいです。

448 :Name_Not_Found:2009/03/28(土) 11:49:57 ID:???
>>446
そのままパクるつもりじゃなく勉強のつもりだったら画像なんて適当でいいだろうが

449 :432:2009/03/28(土) 12:21:17 ID:???
>>448
まあ、そうかもしれませんが、できたら当時のそのままのイメージをもう一度
見てみたかったのです。残念。


450 :Name_Not_Found:2009/03/28(土) 17:53:40 ID:???
ちょっと探してみたが、結構ないもんだな
一時切り替えが流行ったときはわんさかあったのに
ttp://deztec.jp/design/
ttp://www.akatsukinishisu.net/wiki.cgi
ttp://scrlab.g-7.ne.jp/
ttp://kissmoon.net/
ttp://feelin-good.oops.jp/
ttp://lowreal.net/

451 :432:2009/03/28(土) 21:15:32 ID:???
>>450
ありがとうございます。やはり、流行らなくなっていますよね。
自分も↓ぐらいしか知りません。
http://www.bookshelf.jp/texi/elisp-manual-20-2.5-jp/elisp.html

津波荘も、移転先では代替CSSをなくしてしまったようです。
流行らなくなった理由を考えると、

・blogサービスが普及したが、代替スタイルシートを利用できるサービスはなかった。
・WordPressなどのblogツールは、もっとダイナミックにレイアウトを変更できるので
  見劣りするようになった。
・RSSが普及して、サイトオーナーの指定とは無関係のレイアウトで見る閲覧者が増えた。

月並みですが、こんなところですかねえ。

452 :Name_Not_Found:2009/03/28(土) 21:48:40 ID:???
cssを利用してマウスカーソルアイコンを変更する方法はありませんか?
アメブロなので、htmlがいじれないのでcssだけでどうにかしたいのですが
難しいとは思いますが、ご存知の方いましたら教えてください

453 :Name_Not_Found:2009/03/28(土) 22:19:09 ID:???
>>451
結局は製作者のオナニーだったってこと

454 :Name_Not_Found:2009/03/28(土) 22:41:13 ID:???
>>452
たしか、あったとおもった。+
くらいだけど。

あと画像にもできたかな?

455 :Name_Not_Found:2009/03/28(土) 22:46:42 ID:???
body{cursor:url(カーソル画像のurl);}
IE以外じゃ反応しなかったがな

456 :Name_Not_Found:2009/03/31(火) 11:55:34 ID:+mjsbm96
リンクにカーソルを持っていくと、クラス名:redを適用した箇所の背景色を変更したいのですが
カーソルを載せた箇所しか適用されません

divタグ(クラス名:red)とaタグにどちらに乗せても両方とも背景色を変えるにはどのように直したらよろしいでしょうか?

.red:hover {
background:#FF0000;
color:#FFFFFF;
}

<div class="red">赤</div>
<div class="none">ここは変わりません</div>
<a href="#" class="red">赤になります</a>

457 :Name_Not_Found:2009/03/31(火) 12:19:55 ID:???
>>456
.red:hover
なんて書き方はないよ

458 :Name_Not_Found:2009/03/31(火) 13:21:50 ID:???
>>456
IE6で確認してるんじゃないのか?
IE7以降やFirefoxならdivの方も赤になるよ。

>>457
あるよw

459 :Name_Not_Found:2009/03/31(火) 14:05:29 ID:G/PtspRM
同じクラスを適用したからといって
別々の要素が同時に片方のマウスオーバーに反応するわけではない。
そういうことをやるなら普通はCSSではなくjsを使う。

460 :Name_Not_Found:2009/03/31(火) 19:06:27 ID:???
女子小学生を使う・・・ゴクリ

461 :Name_Not_Found:2009/03/31(火) 20:07:30 ID:???
試してないがaを無理矢理relativeすればできるんかねw
結論:CSSでやるな

462 :Name_Not_Found:2009/03/31(火) 20:10:39 ID:???
無理だろ

463 :Name_Not_Found:2009/03/31(火) 22:09:33 ID:???
自分でブラウザを作れば無理じゃありませんが、何か?

464 :Name_Not_Found:2009/03/31(火) 22:11:48 ID:???
作ってから言え

465 :Name_Not_Found:2009/03/31(火) 22:22:05 ID:???
子供を?

466 :Name_Not_Found:2009/03/31(火) 22:22:36 ID:???
4か5の過去スレでcssで実現してたコードなかったっけ?
見ようにも見れないけど

467 :Name_Not_Found:2009/04/03(金) 11:29:21 ID:???
floatについて

<div id="a">
 <p><img class="b" />あいうえおあいうえお</p>
<div><!-- a -->

img.bを右にfloatしたとき
float:rightの効力はdiv#a内に限定されますか?

468 :Name_Not_Found:2009/04/03(金) 11:35:09 ID:AklvYnrh
される

469 :Name_Not_Found:2009/04/03(金) 13:11:16 ID:???
img.bを右にfloatしたら、img.bだけが効果を受ける。

470 :Name_Not_Found:2009/04/03(金) 16:33:03 ID:???
>>467
floatの範囲は>>469の言うとおりだが、お前の訊きたいのは回り込みの範囲じゃないのか?
だとしたら限定されない。
ttp://az-store.nrym.org/archive/mynotes/lecture/css21/position#float

471 :Name_Not_Found:2009/04/03(金) 16:45:29 ID:???
>>470
俺に断りもいれず誰がマジレスしていいと許可した?

472 :Name_Not_Found:2009/04/03(金) 16:53:34 ID:???
俺が許可したけど何か

473 :Name_Not_Found:2009/04/03(金) 16:58:38 ID:RcJ0XmYY
http://www.w3.org/TR/CSS21の日本語訳をさがしているのですが
どなたかご存知の方いらっしゃいましたら教えてください

474 :Name_Not_Found:2009/04/03(金) 16:59:30 ID:???
>>13
リンク切れ張るなよ

475 :Name_Not_Found:2009/04/03(金) 17:11:53 ID:???
>>473
http://translate.google.co.jp/translate_t?hl=ja#

476 :Name_Not_Found:2009/04/03(金) 17:20:44 ID:???
>>475
はいはい、自分で翻訳しますよ

477 :Name_Not_Found:2009/04/03(金) 20:10:11 ID:???
>>437
2.0と殆ど変わらないから恐らく公開されているのはない
2.0の邦訳+
ttp://www.d-toybox.com/spec/CSS2.1/appendixC/
で頑張れ

478 :Name_Not_Found:2009/04/03(金) 20:46:56 ID:???
2.1からdisplayでcompactが使えなくなったのか

479 :Name_Not_Found:2009/04/03(金) 21:23:44 ID:OMZkMO/v
<ul>
<li><a>〜</a></li>
<li><a>〜</a></li>
<li><a>〜</a></li>
</ul>

こうやってナビバー並べたら  ・   が付くんだけど
CSSで消す方法教えてください。

480 :Name_Not_Found:2009/04/03(金) 21:24:42 ID:???
>>479
ttp://hp.vector.co.jp/authors/VA022006/css/lists.html#list-style-type

481 :Name_Not_Found:2009/04/03(金) 21:26:06 ID:???
>>479
li{
display:block;
}

482 :Name_Not_Found:2009/04/03(金) 21:44:40 ID:OMZkMO/v
>>479
"none"をhtmlの方の<img の中に入れるでよろしいのでしょうか

>>481
liをclass分けしてるのですがCSSで

li#id {
display:block:
}
ですか?

483 :Name_Not_Found:2009/04/03(金) 21:49:01 ID:???
#id li {
じゃね?

つーかクラス分けしてるんだったら

li .class {
じゃね?

484 :Name_Not_Found:2009/04/03(金) 21:51:51 ID:???
ID:OMZkMO/v=釣り師

485 :Name_Not_Found:2009/04/03(金) 21:59:56 ID:OMZkMO/v
>>483
う〜ん出来ない、後は自分でガム場って見ます
>>484
釣りじゃないよ

486 :Name_Not_Found:2009/04/03(金) 22:10:55 ID:???
IDなら li#id{〜}
Classなら li.class{〜}
基本だろ…

487 :Name_Not_Found:2009/04/03(金) 22:24:12 ID:???
どっか他のスレで既出のネタだろ

488 :Name_Not_Found:2009/04/03(金) 22:54:15 ID:???
>>482
本気でhtmlに入れるんだと思うんなら
ここで質問する前にまず基礎の基礎から勉強してこないと無理だよ
ttp://az-store.nrym.org/archive/mynotes/lecture/

489 :Name_Not_Found:2009/04/03(金) 23:47:35 ID:???
text や select, checkbox のあるフォームのクールな CSS 集ってないでしょうか。

ttp://www.csszengarden.com/tr/japanese/ のフォーム版みたいなのがあると最高です。



490 :Name_Not_Found:2009/04/03(金) 23:49:12 ID:???
>>489
html 部品でググるか、英語に訳してからググってみるとたくさんでてきます

491 :Name_Not_Found:2009/04/03(金) 23:57:28 ID:???
>>489
http://particletree.com/features/rediscovering-the-button-element/

492 :489:2009/04/03(金) 23:58:33 ID:???
>>490
CSS は世にいっぱいあるけど、クールとなると。

もしかして css Zen に text, select 系などもある?

493 :489:2009/04/04(土) 00:00:53 ID:???
>>491
ブラウザごとに用意されていて素晴らしいですね。ありがとうございます!

ttp://www.456bereastreet.com/lab/form_controls/select/

494 :Name_Not_Found:2009/04/04(土) 18:22:11 ID:???
>>480
やっと消えました。ありがとう!ありがとう!ありがとう!

495 :Name_Not_Found:2009/04/05(日) 16:09:08 ID:???
空のdivってホイホイ使っちゃってもいいのかな?
代替方法が思いつかないから使っちゃってるけど、何か不具合あるならなんとかしたい

496 :Name_Not_Found:2009/04/05(日) 16:16:13 ID:???
クラスもidも定義しないdivを使うコーディングする人って疑っちゃうね

497 :495:2009/04/05(日) 16:17:45 ID:???
失礼、空のdivってのは
<div class="abc"></div>
みたいなやつのことね

498 :Name_Not_Found:2009/04/05(日) 16:36:24 ID:???
別にいいと思うよ

499 :Name_Not_Found:2009/04/05(日) 17:09:56 ID:???
現在、IllustratorCSでちょっとしたアイコン(背景画像)を作ったのですが作成したアイコンのサイズが

【icon_image.gif】
 100px 50px(横・縦)

でその画像よりも、サイズの大きいブロック要素(<div>)の背景に設定しているのですが
そのブロック要素のサイズに一杯に画像を幅、縦共に拡大する方法とかってありますか?

毎回画面の要素のサイズに合わせて画像を作成するのもメンドクサイのでなんとか
css or htmlだけで対応させる事が出来ればと思っています。

 <div style="width: 350px;height=100; background-image: url(icon_image.gif); background-repeat: repeat-x;">
   あいうえお
 </div>


あと、もし<dic>で出来たならば、テーブルの<td></td>の背景画像にもしたいと思っているのですが、
<td>の背景に画像を拡大して表示させる事は可能でしょうか?

500 :Name_Not_Found:2009/04/05(日) 17:13:14 ID:???
>>499
SOHOスレより釣り乙


501 :Name_Not_Found:2009/04/05(日) 19:41:37 ID:???
>>497
pとかも使おうね

502 :499:2009/04/05(日) 20:32:06 ID:???
誰も答えてくれないから。色々と回ってる
教えて下さい。

503 :Name_Not_Found:2009/04/05(日) 20:34:33 ID:???
だから金払えばなんでも教えてやるって。
予算はいくらですか。

504 :499:2009/04/05(日) 20:47:40 ID:???
>>503
C#のシリアライズ通信について押して下さい。
予算10万

505 :Name_Not_Found:2009/04/05(日) 21:02:15 ID:???
<div>タグの中に入れた文字を上下中央に配置しようと思って次の
コードを書いてみたのですが、一向に中央に文字が表示されません。
※IE7

どうすれば上下中央に表示されますか?
文法的にはこれで正しい筈なのですが。。。

<div style="font-weight: bold; z-index: 100; left: 119px; width: 424px; color: #ffff66;
position: absolute; top: 140px; height: 44px; background-color: black; vertical-align: middle;">
永遠の17歳</div>




506 :Name_Not_Found:2009/04/05(日) 21:02:32 ID:???
テキスト全部pで囲いたがる奴何なの?
別に段落じゃないのにpで囲いたがる奴何なの?

507 :Name_Not_Found:2009/04/05(日) 21:11:14 ID:???
>>505
<div style="
color: #ffff66;
background-color: black;
font-weight: bold;
line-height:44px;
text-align:center;
top: 140px;
left: 119px;
width: 424px;
height: 44px;
position: absolute;
z-index: 100;
">
永遠の17歳</div>

508 :Name_Not_Found:2009/04/05(日) 21:27:44 ID:???
>>507
ありがとうございます。
解決しました。



509 :Name_Not_Found:2009/04/05(日) 23:59:11 ID:???
>>506
line要素がまだ無いから。

510 :Name_Not_Found:2009/04/07(火) 12:18:21 ID:o+5DYPRq
>>506はテーブルでレイアウトする古い人だと思う。


511 :Name_Not_Found:2009/04/07(火) 12:56:52 ID:???
>>510
テーブルでレイアウトしちゃ何がいけないの?
別に綺麗に見れれば良いと思うけど

512 :Name_Not_Found:2009/04/07(火) 13:03:53 ID:???
>>511
テーブルは作るのがめんどいから。

513 :Name_Not_Found:2009/04/07(火) 13:13:35 ID:???
>>512
あなたは何でデザインしてるんですか?

<DIV>ONLY?


514 :Name_Not_Found:2009/04/07(火) 13:28:45 ID:???
そうだよ満足した?

515 :Name_Not_Found:2009/04/07(火) 13:56:02 ID:???
自分の力不足だと思うけど<div>だけでレイアウトするとNetscape6で上手く表示出来ないのでテーブルも使う

516 :Name_Not_Found:2009/04/07(火) 13:58:23 ID:???
>>515
今どき誰もNetscapeなんて使ってない

517 :Name_Not_Found:2009/04/07(火) 13:59:26 ID:???
>>516
Netscapeスレッド Part20
http://pc12.2ch.net/test/read.cgi/software/1193470236/

518 :Name_Not_Found:2009/04/07(火) 14:03:07 ID:???
閲覧者の切捨てとかどれだけ偉いんだよ

519 :Name_Not_Found:2009/04/07(火) 14:05:34 ID:???
SeaMonkeyはたまに来るけどNetscapeは無いな
5万セッションのうちネスケは10だったぞ
ソースはGoogleAnalytics


520 :Name_Not_Found:2009/04/07(火) 14:09:28 ID:???
寝助をバカにするな
Win3.1の頃はブラウザと言えばネスケだったんだぞ
俺なんか3000円も払って2.0を買ったんだぞ

521 :Name_Not_Found:2009/04/07(火) 14:39:31 ID:???
>>514 divオンリーwダセ

522 :Name_Not_Found:2009/04/07(火) 14:56:09 ID:???
>>518
1万人来ても一人や二人しかいない突然変異といっても良いようなものに対応する必要なんかない

もし、冷蔵庫のブラウザからアクセスするやつがいるとして、それに対応する気なのか?馬鹿馬鹿しい

523 :Name_Not_Found:2009/04/07(火) 15:09:59 ID:???

意味不明
日本語の勉強をしろ

524 :Name_Not_Found:2009/04/07(火) 15:15:09 ID:???
>>521
display属性使えばいいんです。

>>522
インターネット冷蔵庫、ナツカシス。
NECからはコタツ一体型が出るって噂だったが。

525 :Name_Not_Found:2009/04/07(火) 15:38:09 ID:???
>>515
6どころか4でも段組くらい普通にできる

526 :Name_Not_Found:2009/04/07(火) 15:41:04 ID:???
なんで DIV なんだか。もっと他にいろいろあるの知らないのか。

527 :Name_Not_Found:2009/04/07(火) 15:48:21 ID:???
divを無駄に多用しないといけない今の(x)htmlが良くなればいいんだよな

528 :Name_Not_Found:2009/04/07(火) 16:24:55 ID:???
いけないと思ってるのがそもそも間違い
構造的に意味のあるdiv程度で充分できる
できないほどのことを無理にhtmlを歪めてでもやろうとする馬鹿なら
テーブルレイアウトだろうが変わらん

529 :Name_Not_Found:2009/04/07(火) 16:25:30 ID:???
できるだけdiv使わずに書いて、どうしても必要ならJavaScriptでdiv要素を後付けするようにすればHTMLを汚さずにすむ。

530 :Name_Not_Found:2009/04/07(火) 16:33:16 ID:???
>>528
<div class="naiyou">
てst
</div>

これを角丸にしてください
できますよねあなたなら

531 :Name_Not_Found:2009/04/07(火) 16:41:28 ID:???
<script>
var pre = '<div><div><div><div><div><div><div>';
var sfx = '</div></div></div></div></div></div></div>';
var div = document.getElementsByTagName('div');
for (var i in div) { var d = div[i]; if (d.className=='naiyou') { d.innerHTML =pre + d.innerHTML + sfx; } }
</script>

<div class="naiyou">
てst
</div>

532 :Name_Not_Found:2009/04/07(火) 16:42:39 ID:???
>>531
それはjsでタグを吐いてるわけですからできたことにはならいです

533 :Name_Not_Found:2009/04/07(火) 16:44:00 ID:???
>>528はたぶん意味をわかってないと思うのでこれ以上いじめるのはやめます
xhtml2.0でちょっと解決することなので

534 :Name_Not_Found:2009/04/07(火) 16:46:32 ID:???
>>530
画像一枚でやれw
>>528はできないことはやんなって書いてあるのに読解力のない奴だな

535 :Name_Not_Found:2009/04/07(火) 16:47:10 ID:???
<style>
. naiyou { position:relative }
. hidari_ue { position:absolute; left:0; top:0 }
. hidari_shita { position:absolute; left:0; bottom:0 }
. migi_ue { position:absolute; right:0; top:0 }
. migi_shita { position:absolute; right:0; bottom:0 }
</style>

<div class="naiyou">
<img src="hidari_ue" class="hidari_ue" alt="左上の角画像">
<img src="hidari_shita" class="hidari_shita" alt="左下の角画像">
<img src="migi_ue" class="migi_ue" alt="右上の角画像">
<img src="migi_shita" class="migi_shita" alt="右下の角画像">
てst
</div>

536 :Name_Not_Found:2009/04/07(火) 16:47:58 ID:???
530はテーブルレイアウトで十分ということですね、分かります
つーかstrictスレでやれよおまえら

537 :Name_Not_Found:2009/04/07(火) 16:49:14 ID:???
<style>
. naiyou {
-moz-border-radius: 100px;
-webkit-border-radius: 100px;
-khtml-border-radius: 100px;
border-radius: 100px;
}
</style>

<div class="naiyou">
てst
</div>

538 :Name_Not_Found:2009/04/07(火) 16:51:01 ID:???
divでwidthを指定しその中にulでリストを作ったのですが、

リンクをポイントした時に最下部にbackground-colorが出てくるのは>>2のQ1と言うことになるのでしょうか?
回避方法がいまいち良くわからないので教えてください

539 :Name_Not_Found:2009/04/07(火) 16:58:10 ID:???
>>535
それは構造的に問題がある

540 :Name_Not_Found:2009/04/07(火) 17:00:21 ID:GIeMSrPM
テーブルレイアウトかっこわるいし、
W3C非推奨じゃね?


541 :Name_Not_Found:2009/04/07(火) 17:20:16 ID:???
>>538
状況が全くわからない
出現する「最小単位の」html/cssを曝せ

542 :Name_Not_Found:2009/04/07(火) 17:24:21 ID:???
テーブルレイアウトこそ王道にして最強。divなど邪道に過ぎん
W3Cが間違ってる。偉い人が常に正しいとは限らないのだよ

543 :538:2009/04/07(火) 17:43:41 ID:kRMm0Tnx
<style type="text/css">
div#content {width: 750px; text-align: center; background-color: #00FF00; margin-bottom: 30px}
ul#contentmenu {font-size: 0.75em; padding: 8px; margin-bottom: 7px}
ul#contentmenu li {list-style-type: none; display: inline}
ul#contentmenu li a {text-decoration: none; border-left: solid 1px #005087; color: #000000; padding: 3px 20px 3px}
ul#contentmenu li a:hover {background-color: #BAFFFD}
ul#contentmenu li.menulast a {border-right: solid 1px #005087}
address {font-size: 0.75em; margin-top: none; color: #ffffff; line-height: 30px; background-color: #005087; font-style: normal}
</style>
</head>
<body>
<div id="content">
<ul id="contentmenu">
<li><a href="link.html">リンク1</a></li>
<li><a href="link.html">リンク2</a></li>
<li class="menulast"><a href="link.html">リンク3</a></li>
</ul>
<address>NEET</address>
</div></body>

>>541
HTML/XHTML&スタイルシートという本を読みながら継ぎ接ぎしていたら>>538のようなことになりました。

544 :Name_Not_Found:2009/04/07(火) 18:01:56 ID:???
>>543
なんでaddressをmargin:0;にせずにtopだけ?

545 :九条の会:2009/04/07(火) 18:09:21 ID:???
いまいち何がしたいかわかんないけど
インラインで並べてたら高さの調整が難しいでしょう。
a要素をfloatにしたほうが良いのでは。

546 :Name_Not_Found:2009/04/07(火) 18:15:02 ID:???
最下部ってどこの要素だよ

547 :538:2009/04/07(火) 18:15:35 ID:kRMm0Tnx
>>544
特に意味合いはなかったですね、コピペした名残です。

>>545
floatは下記のように記述すれば問題は解消できたのですが、センター表示出来ないので・・・やっぱり戻して・・・試行錯誤してます
ul#footermenu li {list-style-type: none; float: left; display: inline}


548 :小沢一郎:2009/04/07(火) 18:17:41 ID:???
センター表示出来ないというのは text-align でやろうとしているからでは。
どうして margin でやらないの。

549 :538:2009/04/07(火) 18:21:50 ID:kRMm0Tnx
>>546
addressの部分になります。IE6で表示するとdivで指定するbackground-colorがaddressより下に表示されてしまうのです。
Firefoxではこのような現象が出ず、色々探していたら>>2のQ1なのではにのかなと勝手な解釈をしていますが・・・

>>548
text-align: center;はセンター表示でき便利なので使いました。

550 :Name_Not_Found:2009/04/07(火) 18:24:33 ID:???
>>549
margin-top:noneをmargin:0にしたらいい

551 :538:2009/04/07(火) 18:43:15 ID:kRMm0Tnx
<style type="text/css">
div#content {width: 750px; text-align: center; background-color: #00FF00; margin-bottom: 30px}

ul#footermenu {font-size: 0.75em;padding: 8px; margin-left: 225px; margin-bottom: 20px}

ul#contentmenu li {list-style-type: none; display: inline}
ul#contentmenu li a {text-decoration: none; border-left: solid 1px #005087; color: #000000; padding: 3px 20px 3px}
ul#contentmenu li a:hover {background-color: #BAFFFD}
ul#contentmenu li.menulast a {border-right: solid 1px #005087}
address {font-size: 0.75em; margin: 0; color: #ffffff; line-height: 30px; background-color: #005087; font-style: normal}
</style>

皆様のアドバイスを頂き上記のように修正したところ538の現象は出なくなりました。
お知恵を貸してくださり本当にありがとうございました。

>>548氏のmargin指定ですがliが増えるたびに変更していくのが少々面倒ですが、慣れることにします。

552 :Name_Not_Found:2009/04/07(火) 19:02:20 ID:???
別に見た目が綺麗で一緒ならどっちでもいいじゃん

糞どもが

553 :Name_Not_Found:2009/04/07(火) 19:25:32 ID:???
じゃあ全部画像かPDFにすればいいってことですね

554 :Name_Not_Found:2009/04/07(火) 19:44:19 ID:???
全然最小単位じゃねえな・・・

555 :Name_Not_Found:2009/04/07(火) 20:03:31 ID:???
>>553
HP見る奴がいちいちソースなんて見るか
タコ

556 :Name_Not_Found:2009/04/07(火) 20:12:51 ID:2+5ugxMw
divならCSSで簡単にレイアウトを変更できる。

557 :バラク・オバマ:2009/04/07(火) 20:57:17 ID:???
>>551
margin:auto を知らんのか。

558 :Name_Not_Found:2009/04/07(火) 23:01:34 ID:???
2ちゃんの皆さんにテンプレになるようなサイトを作りたいんですけど
どんな情報が欲しいですか?
アフィリエイトは興味ないのでやりません

559 :Name_Not_Found:2009/04/07(火) 23:05:18 ID:???
>>558
スレ違い

560 :Name_Not_Found:2009/04/07(火) 23:07:48 ID:???

人に聞かないと出来ないレベルの奴の作るサイトなんてみねーよ

561 :Name_Not_Found:2009/04/07(火) 23:18:24 ID:???
少なくともてめえ(>>560)よりはスキルはあるんだぜ

562 :Name_Not_Found:2009/04/07(火) 23:22:31 ID:???
>>561
大体お前の作る糞サイトなんて誰もみたかねーよ

563 :562:2009/04/07(火) 23:23:13 ID:???
>>558
こいつのサイトなんて見た日には2.0の視力が0.1まで落ちてしまうよw


564 :560:2009/04/07(火) 23:25:15 ID:???
>>563
スキルがない人はその典型的な反論しかできないんだなwwwwwwwwww
くやしいのうwwwくやしいのうwwwうぇwっうぇwwwwwwww

565 :Name_Not_Found:2009/04/07(火) 23:40:08 ID:osObLw8e
頭のない人間は悲しいね

566 :Name_Not_Found:2009/04/07(火) 23:51:06 ID:???
スキルも頭も視力もない俺は、逆にハッピー!!

567 :Name_Not_Found:2009/04/08(水) 13:29:33 ID:???
<P>と<Div>の使い分け方がいまいち分かりません。


568 :Name_Not_Found:2009/04/08(水) 13:32:15 ID:???
分らなくても問題ない

569 :Name_Not_Found:2009/04/08(水) 14:19:30 ID:???
>>567
使い分けというか、違うんだから

570 :Name_Not_Found:2009/04/08(水) 14:41:01 ID:wcdDCcde
そのまえにpをPと書くな!

571 :Name_Not_Found:2009/04/08(水) 17:59:30 ID:???
Divはいいのかw

572 :Name_Not_Found:2009/04/08(水) 19:59:19 ID:0Ky3RzUd
CSSを勉強している初心者です。
他人からホームページの管理を頼まれ、今までのTableレイアウトをCSSに変更中です。
段組をして<h3>タグで文字を入力したら崩れてしまいます。<h*>タグなしで<ul>タグだけなら
無問題です。

IE7とFirefoxだと問題はないのですが、IE6で見るとfloatのレイアウトが崩れます。
下記のJustシステムのInternetDiskにファイルを置きました。全部を落として見て下さい。

index1.html  IE7・IE6・Firefox どれでも異常なし。
index2.html  文字を入れるとIE7・Firefox は正常 IE6で崩れる。
index3.html  外枠を10px大きくすると上下にずれる事はないです。もちろん使えません。

http://pub.idisk-just.com/fview/LqvORQjHOEnYSoLO09-wjKBxU7siPBru1OlaZRSYYgaXXVSjSpwp3dNKrHKYsC9t

何処に問題があるのかお教えいただけないでしょうか。

573 :Name_Not_Found:2009/04/08(水) 20:04:05 ID:???
せめてzipで固めてくれよ
11個も落とすのめんどくさくてやりたかねえよ

574 :572:2009/04/08(水) 20:10:38 ID:???
圧縮してhtml.zipにまとめて、今アップロードしました。

575 :お願いします:2009/04/08(水) 20:48:31 ID:RuoKRScl
HTML
<hr class="left1" width="300" align="left"><h2>あいうえお</h2><hr class="right1" width="300" align="right">

CSS
h2 {
color: #ff66ff;
text-align: center;
}

hr.left1 {
filter: alpha(style=1, opacity=0, finishopacity=100)
}

hr.right1 {
filter: alpha(style=1, opacity=100, finishopacity=0)
}

↑これだと下記のように改行になってしまうのですが

-----------
あいうえお
                ----------------


576 :Name_Not_Found:2009/04/08(水) 20:49:25 ID:RuoKRScl
----------
あいうえお
               -------------

こうです

577 :Name_Not_Found:2009/04/08(水) 20:50:35 ID:RuoKRScl
↓こうするにはCSSでどう書いたら宜しいのでしょうか?

------------ あいうえお --------------

 ←                       →

線の部分はフィルターで矢印の方向に向かって消えていく感じにしたいのですが
ご教授ください
HTML/CSSの記述例頂ければ幸いです

578 :Name_Not_Found:2009/04/08(水) 20:54:12 ID:???
ごめんなさい。
きもちわるいです。

579 :Name_Not_Found:2009/04/08(水) 21:10:18 ID:???
言いたかないが、テーブルレイアウトの方がが幸せな奴もいるんだろう

580 :Name_Not_Found:2009/04/08(水) 21:42:33 ID:???
ブックマークツールバーのフォルダの
ポップアップの幅を広げたいたいのですが
どのようにcssに記述すればいいでしょうか?

http://up2.viploader.net/pic/src/viploader972573.png


581 :Name_Not_Found:2009/04/08(水) 21:44:59 ID:???
>>580
>>580
ttp://forum.mozilla.gr.jp/cbbs.cgi?mode=al2&namber=10026&rev=&&KLOG=66

582 :Name_Not_Found:2009/04/08(水) 22:06:25 ID:???
ありがとう

583 :Name_Not_Found:2009/04/08(水) 22:23:28 ID:???
>>572
出来ないもの引き受けるなよ

584 :Name_Not_Found:2009/04/08(水) 22:46:40 ID:???
>>572
何をどうしたいのか説明しないと答えようがない

585 :572:2009/04/08(水) 23:01:28 ID:???
ページの部分修正を頼まれていますが、CSS組み替えは勝手に勉強のためテストしています。
ExcelやWord以外PC駄目な人の集まりです。もちろん「HTMLって何?」状態。

>>584
IE6でindex2.htmlをinndex.1htmlの様に水平に並べて表示したいのです。
そのためにCSSをどう書き換えたら良いのか?
もちろんIE7やFirefoxでも正しく表示させたいです。

586 :Name_Not_Found:2009/04/08(水) 23:03:23 ID:65Pw4vMQ
>>107
ウンチ舐めたことあるの?
どんな味だった?

587 :Name_Not_Found:2009/04/08(水) 23:19:24 ID:???
>>585
divの使い過ぎなんだよね
ちなみに文字が入ってるところの背景に単色画像が使われてるけど
例として単色画像を使ってるのなら別にいいけど、実際のサイトでも単色なら
cssで背景色を指定してあげた方がユーザーに優しい

588 :572:2009/04/09(木) 00:17:37 ID:???
>>587
事故解決しました。
>divの使い過ぎなんだよね
ヒントになりました。<div>を1個外したらCSSが無効になり
#header #headercont #topleft h3 {
の中のどれかが原因とわかり一つずつ外して調べた。

width: 100%;が原因でした。
お騒がせしました。InternetDiskに修正したindex4.htmlとstyle4.cssをあげました。

本当の背景は画像をスライスしたものです。わかりやすいよう単色GIFに入れ替えました。

589 :580:2009/04/09(木) 17:56:19 ID:???
数値を変えて色々やってみたのですが、ブックマークツールバーの表示名の幅は変わるのですが
フォルダを開いた時のポップアップで表示される幅が変わりません。アドバイスお願いします。

590 :Name_Not_Found:2009/04/09(木) 18:22:49 ID:???
>>589
chrome://browser/content/browser.xul

window#main-window > toolbox#navigator-toolbox > toolbar#toolbar-menubar > toolbaritem#menubar-items > menu#bookmarksMenu > menupopup#bookmarksMenuPopup
がメニューのツリー
ttp://www.dotup.org/uploda/www.dotup.org33127.png

591 :Name_Not_Found:2009/04/09(木) 19:25:11 ID:???
複数のdiv idに共通の設定を持たせるにはどうしたらいいでしょう?
ひとつひとつに記述しないとだめですか?

592 :Name_Not_Found:2009/04/09(木) 19:55:26 ID:???
>>591

div { 設定 }

または

#id1,#id2{ 設定 }

または

.test { 設定 }
<div id="id1" class="test"></div>
<div id="id2" class="test"></div>
<div id="id3" class="test"></div>

593 :Name_Not_Found:2009/04/09(木) 20:15:39 ID:???
>>592
なるほど!
#id1,#id2{ 設定 } って出来るんですね
参考にします、ありがとうございました

594 :Name_Not_Found:2009/04/09(木) 20:36:03 ID:???
インラインフレームのスクロールバー色変えたらブラウザのバー色も変わってしまったのですが
何がいけないのでしょう?
htmlは普通に<iframe></iframe>で


CSSは
<style type="text/css">
<!--
html,body {
scrollbar-arrow-color: #000000;
scrollbar-face-color: #666666;
scrollbar-highlight-color:#ffffff;
scrollbar-shadow-color: #000000;
scrollbar-3dlight-color: #000000;
scrollbar-darkshadow-color: #666666;
scrollbar-track-color: #cccccc;
}
-->
</style>

です。

595 :Name_Not_Found:2009/04/09(木) 21:08:44 ID:???
IE独自拡張なんか知らね

596 :Name_Not_Found:2009/04/09(木) 21:12:17 ID:???
>>595
IE独自拡張てなんでわかるの?

597 :Name_Not_Found:2009/04/09(木) 21:15:07 ID:???
ggrks

598 :Name_Not_Found:2009/04/09(木) 21:18:30 ID:???
それぐらいおしえてよ

599 :Name_Not_Found:2009/04/09(木) 21:19:39 ID:???
>>595は初心者だからIE独自のプロパティを使いこなせないだけって言えばいいのに

600 :Name_Not_Found:2009/04/09(木) 21:21:14 ID:???
scrollbarとかfilterとかはMSの独自プロパティ
IEのブラウザシェアが50%台まで落ちてるから使わないのがデフォ

601 :Name_Not_Found:2009/04/09(木) 21:21:55 ID:???
スクロールバーのデザインを変えるcssはIE独自の機能。
Operaでも一部使えるけど、閲覧者の設定次第では機能しない。

んで、>>594のcssはもちろんインラインで呼び出されるhtmlファイルの方に書いてるんだよな?
「ブラウザのバー色」がどこなのかわからんので、スクリーンショットうpしてくれ。

602 :Name_Not_Found:2009/04/09(木) 21:26:52 ID:???
>>600
マジ?エディタから出したのにデフォ扱いなの?
凄いねみんな知識豊富で

ちなみにIEでおkなのにFirefoxだと並べた写真ズレルんですがこれも使ってる
プロパティがダメとかですか?

603 :Name_Not_Found:2009/04/09(木) 21:37:13 ID:???
>>601
CSSは同じじゃいけないのですか?同じにしてます。
ブラウザのバー色って、
これがブラウザだとしたら

--------
|     |
|     |
|     |←この部分に出てくるスクロールバーのことです
|     |
|     |

604 :Name_Not_Found:2009/04/09(木) 21:40:07 ID:???
>>602
CSSの解釈はIEはおかしいからそっちに合わせるな
FxやOperaに合わせてCSSを組んでからIE用にちょこっと修正しろ

605 :Name_Not_Found:2009/04/09(木) 21:42:07 ID:???
インラインフレームする時は

作ってるHPの        <iframe>内にいれるURL先の
HTML・CSS          HTML・CSS

と分けないといけないのですか?

606 :Name_Not_Found:2009/04/09(木) 21:46:07 ID:???
>>603
cssやhtmlの要素は、IEでしか使えない(というよりMicroSoft社が勝手に作った)ものがある
それ以外にも、IEだとレイアウトに余計な隙間が入ったりするという、変なことが起きたりもする
なので、普段IEで動作確認しててOKでも、それ以外のブラウザだとボロボロになることが多々ある
というわけで、>>604の言うとおり、他のブラウザで確認した後でIEで確認するという順番の方がオススメ

>>605
その通り
そもそもフレーム自体がそういうもの
まぁ、外部CSSを<link>で呼び出す場合は、その限りでもないが

607 :Name_Not_Found:2009/04/09(木) 21:46:51 ID:???
>>604
何か便利なサイトありますか?これがIEだと使えるけどFirefox、Operaだと使えないとか
知識ないもので・・・

エディタなんかもこれを使ったほうが良いとかありますか?

608 :Name_Not_Found:2009/04/09(木) 21:50:18 ID:???
>>607
つ ttp://www.tagindex.com/
エディタはしらん

609 :Name_Not_Found:2009/04/09(木) 21:50:45 ID:???
>>606
>>それ以外のブラウザだとボロボロになることが多々ある

いまその状態です。今後そういたします。ありがとうございます。


なんだよちくしょうープロパティくらい万国共通にしろよ、ブラウザごとに
動きが違うってなんだよ作る側は大変じゃないか

610 :Name_Not_Found:2009/04/09(木) 21:53:50 ID:???
>>608
ありがとうございます。

611 :Name_Not_Found:2009/04/09(木) 23:39:17 ID:???
>>609
ブラウザ毎に違うってよりIEだけが死んでいる状態
その他はそう違わないよ

>>607
ttp://hp.vector.co.jp/authors/VA022006/css/
ttp://az-store.nrym.org/archive/mynotes/lecture/
ttp://deztec.jp/lecture/rn/index.html
ttp://www.w-frontier.com/software/ezhtml.html
ttps://addons.mozilla.org/ja/firefox/addon/1843

612 :Name_Not_Found:2009/04/10(金) 01:21:09 ID:???
>>600
>IEのブラウザシェアが50%台まで落ちてるから
そんなに落ちてるのか?
まあIE7が重くてクソだったからな。

613 :Name_Not_Found:2009/04/10(金) 01:31:04 ID:???
国によっては30%切ってるらしいが、日本だとまだ60%はあるだろう

614 :Name_Not_Found:2009/04/10(金) 22:06:46 ID:???
>>611
ありがとうございます。

615 :Name_Not_Found:2009/04/10(金) 22:13:07 ID:???
すみません。他スレで質問したのですが誰もいない様ですのでこちらで
質問させて下さい。

3つのDIV(A B C)
を横に並べるにはどうすれば良いでしょうか?

2つ(A、B)の場合だと

A
 float:left

B
 float:right

で良いのですが3つ並べる方法が分かりません。



616 :Name_Not_Found:2009/04/10(金) 22:18:11 ID:???
>>615
「css 3カラム」でググれば色々出てくるよ

617 :615:2009/04/10(金) 22:28:11 ID:???
>>616
ありがとうございます。
divを使わずテーブルを使うことにより無事解決しました。

そもそもdivでレイアウトを調節するよりテーブルを使った方が手軽にレイアウトを作れる
気がするのですが皆さんはどう思われますか?

618 :Name_Not_Found:2009/04/10(金) 22:28:55 ID:???
>>617
display:inline-block;

これだけでおk

619 :Name_Not_Found:2009/04/10(金) 22:30:21 ID:???
>>617
素人ならtableで良い

620 :615:2009/04/10(金) 22:32:49 ID:???
>>618
ありがとうございます。

>>619
デザイン(WEB)については素人なのでテーブルを使います

621 :Name_Not_Found:2009/04/10(金) 23:04:30 ID:???
>>615
全部float leftでいいんだよ。

622 :Name_Not_Found:2009/04/10(金) 23:24:28 ID:???
<div style=""></div>のタグ使ったときCSSはどうやって指定したらいいのですか?



623 :Name_Not_Found:2009/04/10(金) 23:25:37 ID:???
>>622
どういうデザインにしたいんですか?
それによって指定内容は全然違います

624 :Name_Not_Found:2009/04/10(金) 23:32:04 ID:???
<div style="width: 100%; filter: glow(color=red);">
<img src="example1.gif" alt="[サンプル]" style="margin: 10px;">
</div>


.example {
filter: glow(color=red, strength=100);
}

画像を発光させたくて記述例もあるのですがいまいち良くわからなくて・・・

625 :Name_Not_Found:2009/04/10(金) 23:34:26 ID:???
>>624
IE独自拡張でCSSじゃないのでスレ違い

626 :Name_Not_Found:2009/04/10(金) 23:38:22 ID:???
>>625
IEでもfirefoxでも画像周り発光してるのありますがそれは発光ではなく別の方法に
なるんですか?


627 :Name_Not_Found:2009/04/10(金) 23:41:12 ID:???
>>626
その画像をローカルに保存して表示してみれば分かる

628 :Name_Not_Found:2009/04/10(金) 23:43:32 ID:???
>>626
filterはIEでしか機能しない
なのでFxで発光してるとしたら、それも含めて画像とかじゃないか?
むしろ独自拡張以外のCSSで発光させてるサイトがあるなら、実際にそのサイトを見てみたい

629 :Name_Not_Found:2009/04/10(金) 23:45:15 ID:???
>>627
保存して見ましたが画像周りは発光してないです

と言うことは、フィルター画像かもしくは透過でしょうか?

630 :Name_Not_Found:2009/04/10(金) 23:56:16 ID:???
透けるテーブルとかありますよね、それ利用してろのかな?

もういいや解らない。

631 :Name_Not_Found:2009/04/11(土) 00:04:49 ID:???
>>629-630
せめて画像うpか該当サイトのURL載せれば答えてもらえるんじゃね?
解答者はエスパーじゃないから、実物見ないことにはわかるわけないじゃん

632 :Name_Not_Found:2009/04/11(土) 01:23:29 ID:???
>>621さん
ありがとうございます!!
助かりました。
3つ位のボックスならテーブルを使わずにfloat:leftやった方が手っ取り速いですね。
ありがとうございました。

633 :Name_Not_Found:2009/04/11(土) 02:02:10 ID:???
テーブルでってネタじゃなかったのかyp

634 :Name_Not_Found:2009/04/13(月) 23:02:31 ID:???
★  あいうえおかきくけこ
★  さしすせそなにぬねの

上記のように横並びに書きたく、星の色と
文字の色を変えたいのですが、その際タグは何使えばいいでしょうか?
<p></p>で囲うと段落つくし、こういう時はなに使うのですか?

635 :Name_Not_Found:2009/04/13(月) 23:16:38 ID:???
span

636 :Name_Not_Found:2009/04/13(月) 23:17:45 ID:???
マルチすんなはげ

637 :Name_Not_Found:2009/04/13(月) 23:23:13 ID:???
>>634
これでどうっすか?

http://pc11.2ch.net/test/read.cgi/hp/1238669869/380


638 :Name_Not_Found:2009/04/13(月) 23:29:44 ID:???
>>635
<p><span style="background-color: #00ff99">◆</span>あいうえお</p>

これで横並びにはなるのですが、スパンだと
__
|◆| こんな風に四角の部分だけ色が変わるだけなのですがこれは何とかなりませんか?
 ̄ ̄

639 :Name_Not_Found:2009/04/14(火) 00:24:27 ID:KA1IoMqX
はあ?

640 :Name_Not_Found:2009/04/14(火) 01:26:16 ID:???
>>638
そういう仕様なので何ともなりません。

641 :Name_Not_Found:2009/04/14(火) 01:45:13 ID:???
>>634
.ster{
color:blue;
}
.ster:first-letter{
color:red;
}
<div class="ster">★ あいうえお</ster>

first-letter疑似要素で最初の文字だけを赤色に指定

642 :Name_Not_Found:2009/04/14(火) 01:46:30 ID:???
<div class="ster">★ あいうえお</div>
だわ、しかもスペル間違ってた

643 :Name_Not_Found:2009/04/14(火) 10:16:46 ID:???
>>641-642
おーーーーすごい!出来ましたありがとう!

ググッテもなかなか答えが出てこなかったのです。

644 :Name_Not_Found:2009/04/14(火) 14:49:36 ID:???
>>638
おまえは背景色を変えたいのか?background-colorは背景だぞ
フォントの色を変えたいなら単なるcolorだ

645 :Name_Not_Found:2009/04/14(火) 14:56:56 ID:???
マルチに解答しすぎ

646 :Name_Not_Found:2009/04/14(火) 15:32:34 ID:???
好きな女性を自分の色に変えるにはどうすればいいですか?

647 :Name_Not_Found:2009/04/14(火) 15:35:50 ID:aO9KZ2+e
まずホームセンターに行きます

648 :Name_Not_Found:2009/04/14(火) 15:50:24 ID:???
ム板の今日のマルチ乙
http://pc12.2ch.net/test/read.cgi/tech/1237091698/493
http://pc12.2ch.net/test/read.cgi/tech/1232055225/770
http://pc12.2ch.net/test/read.cgi/tech/1217575832/499
http://pc12.2ch.net/test/read.cgi/tech/1235927586/774
http://pc12.2ch.net/test/read.cgi/tech/1212498448/876
http://pc12.2ch.net/test/read.cgi/tech/1212409946/66
http://pc12.2ch.net/test/read.cgi/tech/1217575832/499
http://pc12.2ch.net/test/read.cgi/tech/1192201659/808
http://pc12.2ch.net/test/read.cgi/tech/1205156417/821
http://pc12.2ch.net/test/read.cgi/tech/1238032584/16
http://pc12.2ch.net/test/read.cgi/tech/1224719784/934


649 :Name_Not_Found:2009/04/14(火) 20:37:23 ID:9dIDUco7
<li>で書いて、CSSで隙間を調整したけど火狐とlEで微妙に違うんだけど何故ですか?

650 :Name_Not_Found:2009/04/14(火) 20:57:51 ID:???
メールの設定なんですが
<a href="mailto:メールアドレス?subject=MAIL&cc=faruru@faruru.name&body=住所 名前 質問内容">Mail</a>

これだと本文部分の初期値の項目が横並びになってしまうのですが
縦ならびにするにはどうしたら宜しいでしょうか?


名前 住所 質問内容


これを

名前
住所
質問内容

こうしたいのですがご指導お願いします。


651 :Name_Not_Found:2009/04/14(火) 21:27:09 ID:???
>>650
Googleって知ってる?同じようなキーワード調べたの?

調べてない奴に教えるきないわ

652 :Name_Not_Found:2009/04/14(火) 21:45:01 ID:???
>>651
出来ました!ありがとう!あなたの言葉がキーワードになりました!
ありがとう!

653 :Name_Not_Found:2009/04/14(火) 21:51:52 ID:???
>>651
IEだとOKなのですが、他だと文字化けしてしまいます。

654 :Name_Not_Found:2009/04/14(火) 22:01:00 ID:???
>>653
そもそも、そんなお粗末なメールフォーム作ったひには(笑)

655 :Name_Not_Found:2009/04/14(火) 22:03:20 ID:???
>>651
エンコードでできた!
>>654
フォーム用は別です

656 :Name_Not_Found:2009/04/14(火) 22:07:07 ID:???
>>655
使い分ける意味あるの?

657 :Name_Not_Found:2009/04/14(火) 22:46:18 ID:???
>>656
Googleって知ってる?同じようなキーワード調べたの?

調べてない奴に教えるきないわ


658 :Name_Not_Found:2009/04/15(水) 01:23:02 ID:???
先にマルチポストでググれよ

659 :Name_Not_Found:2009/04/15(水) 05:16:49 ID:Fm4VXuUs
すみまへん。画像に白のフィルター掛けたいのですが、
黒のフィルターになってしまいまふ。
どうしたらいいんでしょうか?あとIE以外でも表示される場合は、
これ以外になにかあるのでしょうか?
IEだけで我慢しろと言うなら我慢しまふ。

style="filter:alpha(opacity=100);" onMouseover="this.filters['alpha'].opacity=50" onMouseout="this.filters['alpha'].opacity=100"

よろしくでふ。

660 :Name_Not_Found:2009/04/15(水) 05:51:27 ID:???
IEだけで我慢しろ

661 :Name_Not_Found:2009/04/15(水) 06:00:42 ID:???
白のフィルターの意味がわからんが、透明度ならオペラ以外は対応してる。
ブラウザ毎にやり方が違うがね。

662 :Name_Not_Found:2009/04/15(水) 10:04:24 ID:???
>>661
Operaは対応してる

663 :Name_Not_Found:2009/04/15(水) 11:23:01 ID:Fm4VXuUs
>>660-662
ありがとサンキューでおざす!
白のフィルターってのは、あれ入れると自分のブログの確認画面や、
あのコード見つけたサイトでは、マウスオンで白っぽいフィルターがかかるんやけど、
実際ブログに載せると、フィルターが黒くなるんでごわす。
これはバックカラーに関係するんかなぁ。
ブログの確認画面や、コードを拾ったサイトのバックカラーは、白なんやよね。
今、ちょっと色変えてしてみるわ〜。

あ、やっぱバックカラーの色でフィルターの色が変わったやぁ。
白くしたらフィルターも白で、赤にしたらフィルターも赤だったよ。
白のフィルターにしたいので、またちょっとくぐってきますー♪

664 :Name_Not_Found:2009/04/15(水) 11:58:59 ID:???
Operaでのやり方おせーて

665 :Name_Not_Found:2009/04/15(水) 12:51:19 ID:???
>>664
女の子紹介してくれるなら教えてあげてもいいよ

666 :Name_Not_Found:2009/04/15(水) 13:03:08 ID:Fm4VXuUs
色をつけるのは見つかったんやけど、
style="filter:gray" onmouseover="this.style.filter=''" onmouseout="this.style.filter='gray'"
これはグレーしかできないのかなぁ。
grayをWhiteに変えてもできへんよ。
フィルターとグレー以外で色つけるのは無理なんかなぁ。


667 :Name_Not_Found:2009/04/15(水) 13:26:01 ID:Fm4VXuUs
テーブルでバックカラーで色つけたら、できたんやけど、
画像からテーブルのバックカラーが少しはみ出てしまうわぁ〜

668 :Name_Not_Found:2009/04/15(水) 13:38:43 ID:???
>>646
推測だが、
 女 {color : '自分好みの色'}
とかざっくり書いてるんじゃないか? もしそうなら、ほかの奴が規定した
 女#ID名 {color : 'やつ好みの色'}
の方が詳細度の高いため優先されちまってるのかもしれん。

ターゲットのID名…つまり携帯電話番号を手にいれるのがまず先といえそうだ。

669 :Name_Not_Found:2009/04/15(水) 13:49:14 ID:???
>>666-667
そこで指定してる gray は グレースケールという罠。

670 :Name_Not_Found:2009/04/15(水) 14:22:49 ID:???
Terapad使ってるんですが、HTMLには便利ですが、CSSやJavaScriptには、今何列めを書いてるのか出てこないし、色分けも無くて変えようかなと思っています
何かいいソフトないでしょうか?

671 :Name_Not_Found:2009/04/15(水) 14:26:55 ID:???
terapadは使うな!!!!!
波ダッシュが化けるテキストエディタなんて使うな!!!!
内部文字コードがshift_jisのテキストエディタは使うな!!!!

emeditor(有料・無料版どちらもあり)を使え!!!!
秀丸(有料を使え!!!!
unicode版サクラエディタ(無料)を使え!!!!

672 :Name_Not_Found:2009/04/15(水) 15:24:51 ID:???
>>670
firebugとか画面見ながら色分けされたCSSを編集できるけど

673 :Name_Not_Found:2009/04/15(水) 15:29:36 ID:???
>>674
terapadで別に化けてませんがw
@2k、XP、Vista

そんなあなたの環境だけのバグを全体みたいにして吐かれてもねーw

674 :Name_Not_Found:2009/04/15(水) 15:35:57 ID:???
>>673
さて・・・俺がURLを晒した時点で貴様の負けが確定するんだが
恥をかく準備はいいかね?

675 :Name_Not_Found:2009/04/15(水) 15:38:11 ID:???
でももう少し泳がせてから仕留めてやろうか
もっと煽ってみろよ>>673

676 :Name_Not_Found:2009/04/15(水) 15:39:02 ID:???
>>674
つ[ドゾ]w

677 :Name_Not_Found:2009/04/15(水) 15:40:46 ID:???
        ゴガギーン
             ドッカン
         m    ドッカン
  =====) ))         ☆
      ∧_∧ | |         /          / ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄
     (   )| |_____    ∧_∧   <  おらっ!出てこい>>673早く煽ってこいや!!!
     「 ⌒ ̄ |   |    ||   (´Д` )    \___________
     |   /  ̄   |    |/    「    \
     |   | |    |    ||    ||   /\\
     |    | |    |    |  へ//|  |  | |
     |    | |    ロ|ロ   |/,へ \|  |  | |
     | ∧ | |    |    |/  \  / ( )
     | | | |〈    |    |     | |
     / / / / |  /  |    〈|     | |
    / /  / / |    |    ||      | |
   / / / / =-----=--------     | |

678 :Name_Not_Found:2009/04/15(水) 15:45:27 ID:???
673逃亡きめえwww

679 :Name_Not_Found:2009/04/15(水) 15:48:38 ID:???
ちょwwwwwwwwwwwうぜーーーーーーーーーーーwwwwwwwwwwwwwwwwwwwwwwww

>>674-675
>>677-678

かかって鯉やあぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁwwwwwwwwwwww

680 :Name_Not_Found:2009/04/15(水) 15:49:26 ID:???
んで673の反撃マダー
理論武装してコナイノ????

681 :Name_Not_Found:2009/04/15(水) 15:57:48 ID:???
おいおい、ワクテカしてるんだから早く始めろよ!w

682 :Name_Not_Found:2009/04/15(水) 15:59:36 ID:???
ねーよwwwwwwww 地雷ふんだwwwwwwwwwwwwww
やったね

>>674
URLまだーチンチンコスコス

683 :Name_Not_Found:2009/04/15(水) 16:05:40 ID:???
そもそも>>674が何を言いたいのかがサッパリ分からん
負けって・・・w

684 :Name_Not_Found:2009/04/15(水) 16:11:19 ID:???
>>683
お前もか

685 :Name_Not_Found:2009/04/15(水) 16:12:03 ID:???
まあこれでも読んで勉強したまえ
ttp://www.informe.co.jp/useful/character/character14.html

686 :Name_Not_Found:2009/04/15(水) 17:23:49 ID:???
違う違う、URLを出すという事の意味が分からないの

687 :Name_Not_Found:2009/04/15(水) 17:27:38 ID:???
>>686
それはゆとりだから

688 :Name_Not_Found:2009/04/15(水) 17:28:41 ID:???
もうめんどくさいな
terapadが何で嫌われるの変わらないなら自分で勉強しろ
煽って教えてもらうつもりかもしれないけどじゃあな

689 :Name_Not_Found:2009/04/15(水) 20:19:51 ID:???
嫌われるって言うけど利用者もある程度いるわけで

690 :Name_Not_Found:2009/04/15(水) 21:21:30 ID:???
×嫌われる
○使えない

×利用者もある程度いるわけで
○初心者が使っているわけで

691 :Name_Not_Found:2009/04/16(木) 07:38:42 ID:???
>>690
こういうソフトってのは自然淘汰される。
初心者が使ってるにせよ初心者に使いよかったらそれでいいんだよ。

692 :Name_Not_Found:2009/04/16(木) 10:30:46 ID:???
terapadは使うな!!!!!

693 :692:2009/04/16(木) 10:31:56 ID:???
途中送信になっちゃった。

>terapadは使うな!!!!!

なんて書き方をするから反発を招いているわけだな。

694 :Name_Not_Found:2009/04/16(木) 10:57:01 ID:???
初心者がterapadを使ってるといつか壁にぶち当たる
機能的な面でもそうだが、肝心の文字コードの面でどうにもならない日がくる
プロでterapadのそういうデメリットを知った上で意図的にterapadを使うならいいが
何も知らないでterapadを使ってるならやめろってこった
ここでterapad信者は初心者か作者乙としか言いようがない

695 :Name_Not_Found:2009/04/16(木) 10:59:12 ID:???
理由がわからない人はまだそのレベルに達してないだけ
別にレベルも高いわけじゃない
terapadで満足してるなら止める理由は誰にもないけどな

696 :Name_Not_Found:2009/04/16(木) 11:01:25 ID:???
HP入門サイトなどで初心者にterapadを勧めているのが間違い
そういうサイトは初心者が管理してるので見てはいけない
本当に知識のある人が入門サイトをやってるならフリーのサクラエディタか秀丸やEmEditorを勧めるはずだ

697 :Name_Not_Found:2009/04/16(木) 11:25:16 ID:???
これこれこういう理由で使わない方がいいって書けばいいものを

>terapadは使うな!!!!!

>そういうサイトは初心者が管理してるので見てはいけない

こういう書き方をするからだめなんだって。

698 :Name_Not_Found:2009/04/16(木) 11:31:45 ID:???
ならそれを調べればいいだけだろ
なんでも煽れば教えてもらえると勘違いしすぎ
壁にぶち当たるまで使い続けてればいいよ

699 :Name_Not_Found:2009/04/16(木) 13:38:23 ID:???
>>689
あおってるのは使うなって言ってる方だろ。
ちなみに俺はterapadは持ってるけどほとんど使ってません。

700 :Name_Not_Found:2009/04/16(木) 14:49:07 ID:???
ちょっとスレ違いかもしれませんが質問させて下さい。

Illustratorで複数オブジェクトの間隔を一度に狭くしたり、大きくしたりする方法はありますか?



701 :700:2009/04/16(木) 14:51:09 ID:???
どうやら私が使っているIllustratorがCSと古い為に無い様ですね。

702 :Name_Not_Found:2009/04/16(木) 15:26:44 ID:???
あまり詳しくないけど端同士の位置を狭めたり広げたあと
整列使って同間隔にしたらいいんじゃないすか?

703 :Name_Not_Found:2009/04/16(木) 15:58:54 ID:???
>>702
いや、そもそもそういった機能がCSだと無いみたいです。


704 :Name_Not_Found:2009/04/16(木) 17:09:01 ID:???
>>703
windows版でしたらメニューの
ウィンドウ→整列のところにチェックいれてますか?
mac版はちょっと画面分らないですけど
まぁ画像系のスレでご確認下さい

705 :Name_Not_Found:2009/04/16(木) 18:20:59 ID:???
つまり秀丸最強と

706 :Name_Not_Found:2009/04/18(土) 11:48:25 ID:???
<dl><dt><dd>で困ったことがあるので教えてください。
<dd>内で<div>を使って左寄せ、右寄せは使って良いものでしょうか?

また
<dt>〜</dt>
<dd>〜</dd>
<br class="clear-both" />
<dt>〜</dt>
<dd>〜</dd>
のように記述しても良いのでしょうか?

DW8を使っているのですが上記のようにしないと見た目が崩れます。
<dt>〜</dt>
<dd>〜<br class="clear-both" /></dd>
これだと崩れます。

707 :Name_Not_Found:2009/04/18(土) 12:00:10 ID:???
目的のddもしくはdtにクラス指定してtext-alignぢゃだめなん?

708 :706:2009/04/18(土) 15:02:23 ID:???
>>707
<dd>内で3カラムにしています。

709 :706:2009/04/18(土) 15:30:54 ID:???
解決しました。

<dd>に指定していた幅をなくして

<dd>
<div class="">〜</div>
<br class="bothclear" />
</dd>
のクラスで幅を指定することによりうまくいきました。

ただソースがごちゃごちゃです - -;

710 :Name_Not_Found:2009/04/18(土) 15:31:25 ID:???
DW8のプレビューだけでみてないよね?
ちゃんとブラウザでプレビューしてるよね?

711 :Name_Not_Found:2009/04/18(土) 16:50:16 ID:???
<div class="">〜</div>
<br class="bothclear" />

↑こいつになにを言っても無駄だろう

712 :Name_Not_Found:2009/04/18(土) 18:33:49 ID:???
ddはblockだから、要素内にdiv作る必要ないのでは?

713 :706:2009/04/18(土) 19:01:27 ID:???
>>710
IEとOperaとFireFoxで確認しましたが問題なかったです。

>>712
ブラウザ上では問題なかったのですが、DW8で表示がおかしかったので気持ち悪かったです。
<dd></dd>の表示の中に次の<dt></dt>が入ってきちゃいます。

714 :Name_Not_Found:2009/04/18(土) 19:41:09 ID:???
な、無駄だろ

715 :Name_Not_Found:2009/04/19(日) 00:12:54 ID:zKYNUCnk
テーブルとボタンを横に並べたいのですが、
改行してテーブルとボタンで2行になってしまいます。

改行させないにはどうすればいいのでしょうか。

716 :Name_Not_Found:2009/04/19(日) 00:15:27 ID:???
float

717 :Name_Not_Found:2009/04/19(日) 00:18:15 ID:???
初心者なもんで凄く気になってます
tableの中にtableの入れ子って正直どうなんだろう



718 :Name_Not_Found:2009/04/19(日) 00:24:27 ID:???
どういう表を作りたいの?

719 :Name_Not_Found:2009/04/19(日) 00:42:48 ID:???
>>717
10×10のテーブルの各セル内に10×10のテーブルを入れて、
それを繰り返し10重の入れ子作ってブラウザで見てみな。

720 :715:2009/04/19(日) 00:49:35 ID:???
>>716
ありがとうございます。
簡単にできるかと思ってましたが、意外にめんどくさいですね。

721 :Name_Not_Found:2009/04/19(日) 00:56:29 ID:???
表を作りたいわけではないのですが
外注かなんかで恐らくプロが作ったものだろうと思われるサイトを見た時に
そんな造りになっていたのがショックだったもので

 ____  ____  ____ 
| 1   || 1   || 1   |
| 2   || 2   || 2   |
|_3_ ||_3_ ||_3_ |

分かりずらいかもしれませんがこんなのが何個もある感じです

自分としてはdivの中に見出しだったりなんだりで設計出来るだろうと思っていたのですが
ソースを見たらtableの入れ子だったもので不思議に思った次第です

722 :Name_Not_Found:2009/04/19(日) 01:26:05 ID:???
別に不思議でもなんでもない・・・
CSSを使わないでレイアウトすりゃテーブルになるだけのこと

723 :Name_Not_Found:2009/04/19(日) 01:28:01 ID:???
DWの画面表示なんてあてにならない。
DW8どころか、CS3もCS4もdl、dt、ddの表示は苦手じゃん

724 :Name_Not_Found:2009/04/19(日) 19:47:34 ID:???
どうでもいいです

725 :Name_Not_Found:2009/04/19(日) 23:40:53 ID:???
質問なんですが、時間によって適用する
cssを変えることは出来ますか?

例:
7:00から17:00まではAのcss
17:00から7:00まではBのcss

こんな感じにする事は出来ますか?

726 :Name_Not_Found:2009/04/19(日) 23:44:05 ID:???
できる。
が、css単独じゃ無理かな。javascript使うか、サーバサイド言語使うかしなきゃかな。

727 :Name_Not_Found:2009/04/19(日) 23:47:32 ID:???
>>726
レスありがとうございます!
そのスクリプトって難しいですか?

728 :Name_Not_Found:2009/04/19(日) 23:50:11 ID:???
>>727
ググったらあるよ

729 :Name_Not_Found:2009/04/19(日) 23:54:27 ID:???
>>728
質問ばっかりですみませんが、
どんな単語でググれば良いでしょうか?
ほんとすいません

730 :Name_Not_Found:2009/04/19(日) 23:58:16 ID:???
>>729
あなたの質問にある言葉「時間によって切り替え

731 :Name_Not_Found:2009/04/19(日) 23:59:29 ID:???
ごめん。途中だった。

「時間によって切り替え 」と「css」と「javascript」で出てきます。

732 :Name_Not_Found:2009/04/19(日) 23:59:58 ID:???
>>730
ありがとうございます!
早速ググって来ます!

733 :Name_Not_Found:2009/04/20(月) 00:03:23 ID:???
ググったら色々出て来ました!
教えていただき感謝です!
ありがとうございました!

734 :Name_Not_Found:2009/04/20(月) 01:03:52 ID:???
class属性を class="admin.name" のようにしたとき、
cssでのセレクタはどう書けばいいですか。
セレクタでは「.foo」のように「.」+「class属性値」で指定しますが、
class属性値自体に「.」を含んでいる場合はセレクタでどのように指定すればいのか分かりません。
どなたかアドバイスを。

735 :Name_Not_Found:2009/04/20(月) 01:41:36 ID:???
[class="admin.name"]

736 :Name_Not_Found:2009/04/20(月) 01:54:39 ID:???
. はセレクタ名に使っちゃいけないのでは?

どうしても使うのなら . の前にバックスラッシュ を付けて。
こんな感じ→ .

737 :Name_Not_Found:2009/04/20(月) 02:34:19 ID:???
セレクタで使用できる文字

CSSのセレクタ名で使える文字は、HTMLでの名前文字より制約が厳しく、「"使用できる文字は大小アルファベットと数
字 [A-Za-z0-9] 、ASCII以外のUnicode文字、およびハイフン(-)とアンダースコア(_)に限る。識別名は数字もしくはハイ
フンと数字の組合せで始めることはできない。また、セレクタの要素型名、クラス名、ID名はハイフンで始めることはでき
ない"」とされています。HTMLではコロン( : )、ピリオド( . )も2文字目以降の名前文字として認められているので注意してくだ
さい。
ttp://www.kanzaki.com/docs/html/htminfo17.html

738 :Name_Not_Found:2009/04/20(月) 02:36:20 ID:???
使っちゃいけないなんて、仕様書のどこにも書いてないだろーに。いいかげんなこと書いちゃだめだ。

[class~="admin.name"]
.admin\.name
.admin\2E name

クラス名にピリオド含めないのが、一番いいけど

739 :Name_Not_Found:2009/04/20(月) 02:36:21 ID:???
>>736
- と _ 以外の記号は使っちゃ駄目

740 :Name_Not_Found:2009/04/20(月) 02:42:55 ID:???
どっちだよ

741 :Name_Not_Found:2009/04/20(月) 02:49:42 ID:???
使えないんじゃなくて構文がおかしくなるんだろ
div.testなんて書いたら<div>のclass="test"に適用されるし

742 :Name_Not_Found:2009/04/20(月) 03:02:06 ID:???
>>どっちだよ
739がまちがいだよ。
ピリオドはクラス属性値に使える。
cssで使える文字は
specificationの4.1.3にあるとおり。
\でエスケープするか、UCSのコード番号で指定すれば良いだけのこと。

743 :Name_Not_Found:2009/04/20(月) 03:44:05 ID:???
HTMLでclass属性値に使える文字

CSSでセレクタに使える文字
とは違うんだけど

ばっかじゃねーの

744 :Name_Not_Found:2009/04/20(月) 03:49:18 ID:???
随分くやしそうだな

745 :Name_Not_Found:2009/04/20(月) 04:27:13 ID:???
HTMLでclass属性値に使える文字 の集合はCSSで選択子に使える文字の集合よりずっーと多い。
だから、その差分をエスケープしたりコード番号にしたりする
だけど実装はどうなん?大丈夫なん?
エスケープしたりコード番号にしたりしなきゃいけないのを「使える文字」と表現してよろしいの?
つか、どう考えても作業効率悪いだろう

746 :Name_Not_Found:2009/04/20(月) 04:43:22 ID:???
通りがかりだけど「使えない」って認識した方がいいとおもう。

747 :Name_Not_Found:2009/04/20(月) 04:51:09 ID:???
クラス指定子でなんとか指定することはできるけど普通そんなクラス名はつけない、ってことでいいじゃん

748 :Name_Not_Found:2009/04/20(月) 08:44:23 ID:???
>>735-747
どうもありがとうございます。
>>737にあるように、クラス属性値で使える文字(HTMLの話)とセレクタで使える文字(CSSの話)とが違うことは知りませんでした。
あきらめてピリオドを使わないようにします。

>>738
>[class~="admin.name"]
これはセレクタとして指定しているのではなくて属性値として指定しているわけですよね。
だからこれをもって「セレクタでもピリオドが使える」という主張は間違いなんですね。なるほど。



749 :Name_Not_Found:2009/04/20(月) 09:00:30 ID:???
>>745
実装で問題あるのは確認されてない、エスケープで大丈夫
というかそれが駄目なんだったらJSの方で最初に問題になってる

750 :Name_Not_Found:2009/04/20(月) 09:01:37 ID:???
>>748
「セレクタでもピリオドが使える」でいいんだよ
それはセレクタの書き方の一種

751 :Name_Not_Found:2009/04/20(月) 15:12:53 ID:???
auとsoftbankは実機でエスケープだめだな。全機種かどうかはわからないが。
携帯も一応視野には入れておきたい人への情報。
>>750
「セレクタではピリオドを直接使えない」

752 :Name_Not_Found:2009/04/20(月) 15:32:34 ID:???
そうなのか…

753 :Name_Not_Found:2009/04/20(月) 19:10:57 ID:???
>>751
そもそもケータイではHTML自体怪しいんだしここで扱う話じゃない
だったらJSも「直接扱えない」なんて変な言い方するか?w
「扱える」「エスケープが必要な文字もある」ってだけの話だ

754 :Name_Not_Found:2009/04/20(月) 19:42:59 ID:???
>>753
ま、糞ブラウザだから眼中になければ無視してかまわないから「一応」と書いといたんだけど。スレ違いとはいえ情報として必要な人もいるかなと思って。否定材料にはしません。
「セレクタではピリオドを直接使えない」わざわざ変な言い方じゃないと思うよ。だってわざわざ変なことしないと扱えないんだから
「セレクタでもピリオドを使える」の方が誤解を生む。「セレクタでも(ゴニョゴニョすれば)ピリオドを使える」なんだからさー
JavaScriptはまた別の話しでしょう

755 :Name_Not_Found:2009/04/20(月) 19:44:11 ID:???
>>754
まず改行を覚えような
クソブラウザ云々以前にケータイはケータイスレでが原則だよ

756 :Name_Not_Found:2009/04/20(月) 19:48:15 ID:???
>>753
「エスケープ」している時点で「直接扱えていない」わけで

757 :Name_Not_Found:2009/04/20(月) 19:56:04 ID:???
>>755
改行してるけどなー。
糞ブラウザなんじゃない?
携帯のことは否定の根拠には致しません。
スレ違いはすみませんでした。
よろしいでしょうか。

758 :Name_Not_Found:2009/04/20(月) 19:58:38 ID:???
ここは初心者スレなんだから初心者にわかりやすいやり方を推奨。
補足事項として「こうすれば使えるが携帯ブラウザ等では〜なのであまりお勧めできません」
というのが妥当なところじゃないの。

759 :Name_Not_Found:2009/04/20(月) 21:23:48 ID:???
>>756
エスケープの意味勘違いしてね?
直接扱えるからエスケープするんだろう

760 :Name_Not_Found:2009/04/20(月) 21:41:15 ID:???
>>759
じゃあエスケープもなんにもしないでそのまま使ってなさい

761 :Name_Not_Found:2009/04/20(月) 21:49:16 ID:???
>>758
どうせもういつものごとく質問者はいないんだろうがなw

>>760
読解力なさすぎだろJK

762 :Name_Not_Found:2009/04/20(月) 21:53:19 ID:???
>>761
もう見苦しいよ


763 :Name_Not_Found:2009/04/20(月) 22:27:12 ID:???
c も java も javascript も ruby も python も改行を直接扱えない。なぜなら\nとかって書くから。ファイルも直接扱えない。なせならファイルそのものを直接書かないから。
正規表現は、* や \ や ( などの文字を直接扱えない。なぜならエスケープして指定するから。
html は、画像を直接扱えない。なぜなら置換インライン要素で書くから。

こうして並べて書くと、ほんとにその表現でいいのか?という疑問がひしひしと
沸くのだが。

言語が「扱う」かどうかと、プログラマが「どう指定するか」とは、区別した方が誤解を産みにくい表現になると思う。

764 :Name_Not_Found:2009/04/20(月) 23:00:29 ID:???
テーブルレイアウトにしたがる勢力に対抗するには、どーしたらいいですか?
CSS使いの知恵を教えてください。

765 :Name_Not_Found:2009/04/21(火) 00:18:47 ID:???
div

766 :Name_Not_Found:2009/04/21(火) 00:33:11 ID:???
>>763
一番上以外は直接扱うの範囲だな

>>764
しないでよろしい

767 :Name_Not_Found:2009/04/21(火) 00:52:31 ID:???
>>765

「div? それじゃレイアウトできないだろ?こういうときはtableを使うんだよ。えっへん。」
あなたの呟きはテーブルレイアウターには理解されなかったようだ。

ENDING-1 いつも通りの日々。

768 :Name_Not_Found:2009/04/21(火) 01:03:26 ID:???
>>767
じゃあどうしようもねぇじゃねぇかwwww

769 :Name_Not_Found:2009/04/21(火) 01:06:10 ID:???
>>766

「CSSにした方が…」そう言おうと思った矢先、頭の中に天啓が閃いた。
『対抗しないでよろしい』
うん。ここでぶつかるのは得策じゃないよな。もらえるお金は一緒だし。
「…」
数年後。CSSを使う機会もなく、書き方も忘れてしまったようだ。
「じゃ。テーブルでレイアウトお願いね」

ENDING-1 いつも通りの日々

770 :Name_Not_Found:2009/04/21(火) 02:07:03 ID:???
>>763
rubyにはヒアドキュメントがあるしPythonにも複数行の文字列があるし改行を直接扱えるな
すごくどうでもいいけど

771 :Name_Not_Found:2009/04/21(火) 02:26:13 ID:???
>>770
そういう処理を入れることを直接扱わないという奴が一人いるだけだろう。
\nだって充分直接扱ってる。

772 :Name_Not_Found:2009/04/21(火) 02:45:53 ID:???
俺はモニターを直接見ていないし、ファイルにも直接は書いてない

773 :Name_Not_Found:2009/04/21(火) 03:16:44 ID:???
セレクタでピリオドを直接使える
馬鹿だろこいつwww

774 :Name_Not_Found:2009/04/21(火) 03:58:26 ID:???
>>759-760を見る限りバカなのは>>773だな

775 :Name_Not_Found:2009/04/21(火) 04:17:59 ID:???
そこは760だと言ってやれw
しかしこのネタもう飽きた

776 :Name_Not_Found:2009/04/21(火) 04:39:38 ID:???
まだまだ叩くぜwww

777 :Name_Not_Found:2009/04/21(火) 04:56:20 ID:???
>759:Name_Not_Found :2009/04/20(月) 21:23:48 ID:??? [sage]
>>>756
>エスケープの意味勘違いしてね?
>直接扱えるからエスケープするんだろう


素敵なお花畑ですねw

778 :Name_Not_Found:2009/04/21(火) 05:03:47 ID:???
何と言うオマエガナー

779 :Name_Not_Found:2009/04/21(火) 05:14:05 ID:???
うぜー

780 :Name_Not_Found:2009/04/21(火) 06:23:30 ID:???
だから直接使えるんだけど
「セレクタでは直接ピリオドを使える」
ってそこだけ言ったら引っ掛けというか、詭弁だろ。
「えっ?!」ってなるだろ。それから蘊蓄垂れ流して得意になりたいのか。
そんな誤解を生む表現には同意出来ないな。
ここは初心者スレなんだから書くならきちんと書いてやれ。

781 :Name_Not_Found:2009/04/21(火) 07:10:07 ID:???
>>780
>>734を100回読んでこい
質問内容は使い方だ
だけら答えはエスケープであって初心者であろうと引っかかる奴はどこにもいないはずだった
それをできないと言い出す馬鹿がいただけの話だ
だから「できる」「できない」の話になって、これならば答えは「できる」一択だ
初めから初心者に誤解を与える余地もない話だった


782 :Name_Not_Found:2009/04/21(火) 07:12:04 ID:???
ていうか書いてから気付いたけどいつも醜態を晒す例に馬鹿に口調がそっくりだな
よく考えりゃ最初から全部こいつだったんだろうか
うわー

783 :Name_Not_Found:2009/04/21(火) 07:31:28 ID:???
タクトができないと答えちゃったので、
できるけど分かりやすい表現しないと(俺が)騙されるだろ!
という詭弁で議論をすり替えようとしている訳ですね、分かります

そして分かりやすい表現以前の質問だった事で自爆したいつものパターンか

784 :Name_Not_Found:2009/04/21(火) 07:52:10 ID:???
だからいいかげん飽きたって

785 :Name_Not_Found:2009/04/21(火) 09:08:21 ID:???
なんでこんなに必死なの?

786 :Name_Not_Found:2009/04/21(火) 09:17:41 ID:???
タクトはいつも必死
あの情熱だけは尊敬す…しないしないw

787 :Name_Not_Found:2009/04/21(火) 09:29:07 ID:???
「セレクタでは直接ピリオドを使える」は、いくらなんでもはしょり過ぎだわ・・・

788 :Name_Not_Found:2009/04/21(火) 09:52:24 ID:???
通りがかりの初心者です。
「使わない方がいい」という説明の方がありがたいです。

789 :Name_Not_Found:2009/04/21(火) 09:58:14 ID:???
>>788
タクト乙

790 :788:2009/04/21(火) 10:08:10 ID:???
ちがうよー

791 :Name_Not_Found:2009/04/21(火) 10:13:56 ID:???
バレないと思ってるのかね

792 :788:2009/04/21(火) 10:29:31 ID:???
違うから違うって言ってるんでー
ちなみに私はこの議論に参加してません。

793 :Name_Not_Found:2009/04/21(火) 10:54:53 ID:4+KT11S1
そもそもセレクタにエスケープなんてきくのか?

794 :Name_Not_Found:2009/04/21(火) 11:01:06 ID:???
>>793
効くよ
実際運用しているところもある

795 :Name_Not_Found:2009/04/21(火) 11:01:52 ID:???
>>792
全然通りすがりじゃないなタクトWeb先生ポナパルト

796 :Name_Not_Found:2009/04/21(火) 11:54:06 ID:???
ポナに構ってる奴もいいかげんにしてくれ

797 :Name_Not_Found:2009/04/21(火) 13:32:14 ID:???
テーブルのCSS
<table style="border:0px;">もうしません。許して下さい。</table>

798 :Name_Not_Found:2009/04/21(火) 13:49:29 ID:???
HTMLとして間違ってる

799 :Name_Not_Found:2009/04/21(火) 14:07:01 ID:???
それに table タグはもっと多段に入れ子にして初めてその成果を発揮する。テーブルレイアウターの常識だ。

800 :Name_Not_Found:2009/04/21(火) 14:22:49 ID:???
leftの値が0以外になっている要素を指定するにはどうしたらいいですか?

801 :Name_Not_Found:2009/04/21(火) 14:25:14 ID:???
初心者なんですけど質問してもよろしいですか。

802 :Name_Not_Found:2009/04/21(火) 14:28:22 ID:APevSf+e
<div id="container">
<div id="main">メイン</div>
<div id="sidebar-left">サイドバー左</div>
<div id="sidebar-right">サイドバー右</div>
</div>

こういうHTML構成で、3カラムを実現したいと思うのですが
↓のようにしても、真ん中に「メイン」が表示されません。

#container{float: left;width: 800px;}
#main{float: right;width: 400px;}
#sidebar-left{float: left;width: 200px;}
#sidebar-right{float: right;width: 200px;}

positionを使わず、HTMLの構造を変えずに実現する方法はありますでしょうか?


803 :Name_Not_Found:2009/04/21(火) 14:55:34 ID:???
どういう表示になるの?
使ってるブラウザは?

804 :Name_Not_Found:2009/04/21(火) 15:51:17 ID:???
>>802
containerにfloat指定は必要ないでしょ。
sidebar-leftとmainを<div id="○○"></div>でくくる。
#○○にfloat:left指定をして、sidebar-rightをfloat:rightで良いかと。

805 :Name_Not_Found:2009/04/21(火) 16:19:11 ID:???
HTMLの構造を変えずにって言ってるだろーがぁぁぁッ

だがっしかしっっ。目を寄り目にしたら真ん中に見えるよーになりました。

806 :Name_Not_Found:2009/04/21(火) 18:00:52 ID:???
HTMLを変更せず、はともかく。
positionを使わず、の理由が知りたいとこだな。無駄に難しくしてる感が。

#main {float:left; margin-left:200px; width:400px;}
#sidebar-left {float:left; margin-left:-600px; width:200px;}
#sidebar-right { float:right; width:200px;}

こんな感じじゃね?

807 :Name_Not_Found:2009/04/21(火) 18:02:13 ID:???
あと、id名にleftとかrightとかを含めるのは微妙だな。

808 :Name_Not_Found:2009/04/21(火) 18:31:55 ID:???
>>807
素人乙

809 :Name_Not_Found:2009/04/21(火) 18:36:24 ID:???
>>808
レイアウト変更時に、leftの名がついた箇所を右寄せするよーなコードにして恥かいとけ
命名センスが疑われるだろ

810 :Name_Not_Found:2009/04/21(火) 18:56:14 ID:4+KT11S1
どうでもいいこと

811 :Name_Not_Found:2009/04/21(火) 19:19:01 ID:???
HTMLを変更したくないなら尚更>>807の言う通り

812 :Name_Not_Found:2009/04/21(火) 19:29:55 ID:APevSf+e
>>806
ネガティブマージン使うんですね・・。参考になりました。

あと、id名は質問する時にわかりやすくする為に付けただけです。

813 :Name_Not_Found:2009/04/21(火) 19:50:15 ID:???
その程度と思われていたわけだ w
まあ当たってるがwwww

814 :Name_Not_Found:2009/04/21(火) 19:52:57 ID:???
>>809
レイアウト変更することない場合は関係ないだろ
お前の知識を疑っちまうぜ

815 :Name_Not_Found:2009/04/21(火) 20:11:24 ID:???
>>814
span class="red"と同じこと

816 :Name_Not_Found:2009/04/21(火) 20:21:04 ID:???
>>815
色変更することない場合は関係ないだろ
お前の知識を疑っちまうぜ





という発言待ち。

817 :Name_Not_Found:2009/04/21(火) 20:24:47 ID:4+KT11S1
span class="red"なんてまず変更されることはないと断言できる
てかそのくらい変えるのなんてわけないだろ初心者じゃあるまいし

818 :Name_Not_Found:2009/04/21(火) 20:42:03 ID:???
class="bold"とかclass="size14"なんてのとセットになってるのが相場だーー。
だから、変更要望があがるころには廃棄されるw
確かに変更はされないwww

819 :Name_Not_Found:2009/04/21(火) 20:51:57 ID:???
クラス名とかどうでもいいから、自分の子どもの名前はちゃんと考えろよ

820 :Name_Not_Found:2009/04/21(火) 20:54:53 ID:???
>>819
一生懸命かんがえて、未来来(ミラクル)にしますた!

821 :Name_Not_Found:2009/04/21(火) 21:21:02 ID:???
DQN親乙

822 :Name_Not_Found:2009/04/21(火) 22:53:25 ID:???
てか、style="width:100px"をwidth100としたクラスにする場合あるけど、
それが何か問題あるのか?変更しなければ良いだけだし、わかりやすいだろ。


823 :Name_Not_Found:2009/04/21(火) 22:59:43 ID:???
相場どおりだーw
ストーリーどおりだーーーw

824 :Name_Not_Found:2009/04/21(火) 23:08:41 ID:???
ID名にしようがclassにしようが
分かりやすいようにするのが基本じゃないの

825 :Name_Not_Found:2009/04/21(火) 23:10:10 ID:4+KT11S1
作ってる人間が問題なければ何でもいいんだよんなもの

826 :Name_Not_Found:2009/04/21(火) 23:10:43 ID:???
class="witdh100 red bold itaric center" とか書いてれば問題ないんじゃないかな。
新人君が置換してくれるから。

827 :Name_Not_Found:2009/04/21(火) 23:11:32 ID:???
>>822の存在を。

828 :Name_Not_Found:2009/04/21(火) 23:12:38 ID:???
>>822
誰も真似することのできないオリジナリティー

829 :Name_Not_Found:2009/04/21(火) 23:28:43 ID:???
うーんなかなかいいね。ただ、ここのとこ数ビクセル狭くして貰えるかな?

できますたっ
つ class="width99 red bold italic center"

830 :Name_Not_Found:2009/04/21(火) 23:32:31 ID:???
style属性で直書きしちゃえよ

831 :Name_Not_Found:2009/04/21(火) 23:39:42 ID:???
たぶんこの流れは>>809がプライドを傷つけられて>>829を書いてると思うよ

832 :Name_Not_Found:2009/04/22(水) 00:04:41 ID:???
>>829
土木建築関係の人ですね

833 :Name_Not_Found:2009/04/22(水) 00:34:38 ID:???
class="style001"(笑)

834 :Name_Not_Found:2009/04/22(水) 01:16:45 ID:???
<body id="nice"></body>
BODYタグにid="nice" でナイスバディになりますか?


835 :Name_Not_Found:2009/04/22(水) 01:48:17 ID:???
ならない。

836 :Name_Not_Found:2009/04/22(水) 08:31:53 ID:???
>>834
ナイスバディ=ムキムキ兄貴バディ

837 :Name_Not_Found:2009/04/22(水) 09:51:59 ID:???
背景が画像でcolorが白のエラーってどうやって回避するの?
結局隠れるのにbackgroundに#000とか指定すればいいの?


838 :Name_Not_Found:2009/04/22(水) 10:28:38 ID:???
再現手順がほしい。どんなエラーかわからん。

839 :Name_Not_Found:2009/04/22(水) 10:57:41 ID:???
白白で見えなくなるとかアホなことじゃなかろうか
どんなときでも背景画像と背景色は入れとけ
環境によっては背景色が白じゃないこともあるんだし背景白でも背景色は必要

840 :Name_Not_Found:2009/04/22(水) 11:38:16 ID:t3m09OLy
まぁそんな特殊な奴は無視だがな

841 :Name_Not_Found:2009/04/22(水) 12:27:24 ID:???
タクト知らなくて悔しかったんだね

842 :Name_Not_Found:2009/04/22(水) 12:53:46 ID:DAK0rnmw
標準モードでヘッダ・本文・メニュー・フッタの順番で記述されたものがあります
これを2カラムにして左本文、右メニューにしたいのですが
ttp://www.geocities.jp/multi_column/practice/2column1.html#fixed-liquidを参考にしてみたのですが
メニューと本文がかぶってしまいます
かぶらないように2カラムにしたいのですがどなたかご教示お願い致します

#mybody {width:96%; margin:0 auto;}
#box2 {width:100%; float:left; margin-right:-200px;}
#box2>* {margin-right:200px;}
#box3 {width:200px; float:left;}
#box4 {width:100%; clear:left;}

<div id="mybody">
<div id="box1">タイトル</div>
<div id="box2">本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 </div>
<div id="box3">ここはメニューここはメニューここはメニューここはメニューここはメニューここはメニューここはメニューここはメニューここはメニューここはメニューここはメニューここはメニュ</div>
<div id="box4">フッタ</div>
</div>

843 :Name_Not_Found:2009/04/22(水) 13:15:14 ID:???
>>842
例の通りそのまんまやればいいだろ・・・

844 :Name_Not_Found:2009/04/22(水) 13:19:55 ID:DAK0rnmw
IDは名前を変更しましたが記述は例の通りのです
例のソースをいじくってdiv直下に文字を置くとかぶってしまいます

845 :Name_Not_Found:2009/04/22(水) 13:25:44 ID:???
ユーザースタイルシートで「br 連続3つ」をdisplay:noneしたい。
br {display: none !important;}
をどう書き換えたらいいですか?

あめぶろの改行しまくりが読みづらいから。
でもbr自体をnoneしてしまうと、
改行の少ないほりえもんブログまで読みづらくなってしまい、
br3つ以上の場合だといいはずと思い質問。


846 :Name_Not_Found:2009/04/22(水) 13:33:43 ID:???
無理
js使うか、br class="none"みたいにすればおk

847 :Name_Not_Found:2009/04/22(水) 13:33:45 ID:???
>>942
標準モードでやっても被らない
何か間違えてるだけだろ

>>845
三ついっぺんに消すのはCSSでは無理
最後の一つだけでいいならbr+br+br

848 :Name_Not_Found:2009/04/22(水) 13:35:10 ID:???
>>842
お手本例のソース見てみなよ。

本文 本文 本文…を<p>でくくってあり、
#boxB p { margin-right:200px;}
ってのが入ってるでしょ。

849 :Name_Not_Found:2009/04/22(水) 13:36:14 ID:???
俺の環境ではちゃんと被ってるしこの場合は被るのが正しい挙動
>>847が間違えてるんだろ
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>無題ドキュメント</title>
<style type="text/css">
#mybody {width:96%; margin:0 auto;}
#box2 {width:100%; float:left; margin-right:-200px;}
#box2>* {margin-right:200px;}
#box3 {width:200px; float:left;}
#box4 {width:100%; clear:left;}
</style>
</head>

<body>
<div id="mybody">
<div id="box1">タイトル</div>
<div id="box2">本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 </div>
<div id="box3">ここはメニューここはメニューここはメニューここはメニューここはメニューここはメニューここはメニューここはメニューここはメニューここはメニューここはメニューここはメニュ</div>
<div id="box4">フッタ</div>
</div>
</body>
</html>

850 :Name_Not_Found:2009/04/22(水) 13:38:54 ID:???
>>847
文字コードがsjisとかeucで作ってない?

851 :Name_Not_Found:2009/04/22(水) 13:48:59 ID:???
>>850
まさか文字コードで標準・互換モードが決まるとか思ってないだろうな

852 :Name_Not_Found:2009/04/22(水) 13:51:49 ID:???
>>849
そこのサンプルが標準モードで被らない件
ttp://www.geocities.jp/multi_column/practice/sample/2column1_fixed.html

853 :Name_Not_Found:2009/04/22(水) 13:55:07 ID:???
>>851
多分IEのXHTMLを基準にしてるんじゃないか

854 :842:2009/04/22(水) 13:57:13 ID:DAK0rnmw
すみません、誤解を与えてしまい申し訳ありません
例にある場合のようにdiv内にpなどのタグで囲まれた文字列はOKなんですが
>>842のソースの通りにdiv直下に文字列を置きたいのですがかぶってしまいます
div直下に文字列を置いてもかぶらないようにしたいのですがご教示お願い致します

855 :Name_Not_Found:2009/04/22(水) 13:59:42 ID:???
>>851
xhtmlにおいて
sjisとeucの場合は先頭にxml宣言必須→互換モード
unicodeの場合はxml宣言省略化→標準モード
unicodeでxml宣言を記述→互換モード

856 :Name_Not_Found:2009/04/22(水) 13:59:52 ID:???
>>854
なんかよくわからんけど、>>852のサンプルページはpを取っ払っても大丈夫なようだよ

857 :845:2009/04/22(水) 14:00:12 ID:???
>>846-847
ありがとうございます。
br+br という書き方もあるんですね、それを参考にぐぐって、
br+br {display:run-in;}
 これをOperaであめぶろだけに適応することで妥協します。


858 :Name_Not_Found:2009/04/22(水) 14:00:26 ID:???
>>855
それIEだけのバグだから一般のように語っちゃ駄目

859 :842:2009/04/22(水) 14:05:59 ID:DAK0rnmw
すみません>>852さんのURLと私が>>842で出したURLのやり方は違います
>>852さんの出したURL(幅固定 2カラム 右サイドバー)は私が出したURL別の物です
http://www.geocities.jp/multi_column/practice/2column1.html#fixed-liquid(メインカラム幅可変、サイドバー幅固定 2カラム)

860 :Name_Not_Found:2009/04/22(水) 14:07:08 ID:???
>>855
>>858のとおりなんだが
一応言っておくとunicodeでも省略可能ってだけで省略するものではないからな

>>859
何でできるほうがあるのにできないほうでやろうとするん・・・?

861 :842:2009/04/22(水) 14:07:19 ID:DAK0rnmw
途中で送信してしまいました申し訳ありません
>>842で出したURLの「幅固定 2カラム 右サイドバー」を元にどなたか>>854をご教示お願い致します

862 :Name_Not_Found:2009/04/22(水) 14:08:17 ID:???
出来ない方でやろうとする悪い子に教えるやり方はありません

863 :Name_Not_Found:2009/04/22(水) 14:10:11 ID:???
>>860
「マジレスすると省略するものではないからな」は間違え

XML宣言てのは、XMLで記述されたXHTML文章をデフォルトの文字コードであるUTF-8やUTF-16以外の文字コードを利用する際に、文字コードを適切にデバイスに対して伝えるために記述するもの

864 :Name_Not_Found:2009/04/22(水) 14:12:02 ID:???
いじめるなよw
マイナスマージンの上にマージンが必要だからどうしても入れ子が必要だろう

865 :Name_Not_Found:2009/04/22(水) 14:12:49 ID:???
>>863
お前のそれ全然反論になってないぞ
>>863>>860も「その通り」でしかない

866 :Name_Not_Found:2009/04/22(水) 14:13:53 ID:???
>>860
w3cではunicodeでも宣言することには推奨と唱っているが
これは特殊な環境の為に推奨してるだけ
理由があるから省略できるってことだけどわかるかな?
とりあえずw3c英文でも読んでこい

867 :Name_Not_Found:2009/04/22(水) 14:13:57 ID:???
ていうか>>855なんか書いちゃったから必死なんだろ・・・
って少し前にもあったなこのパターン
嫌な予感するからスルー

868 :Name_Not_Found:2009/04/22(水) 14:15:16 ID:???
>>851が無知を指摘されたから荒らすパターンきますた

869 :Name_Not_Found:2009/04/22(水) 14:15:29 ID:???
>理由があるから省略できる
>省略可能ってだけで省略するものではない
ポナは同じ事を書いてることにも気が付かない

870 :Name_Not_Found:2009/04/22(水) 14:16:18 ID:???
同じに見えるお前は末期

871 :Name_Not_Found:2009/04/22(水) 14:23:23 ID:???
>>861
おかしな流れになっちゃったけど答えとしては>>862>>864で「無理」がFA
別のやり方にしなされ

872 :Name_Not_Found:2009/04/22(水) 14:35:36 ID:???
>>852が上げ足を取るつもりで自信満々に〜件と書いたにも関わらず
それについて素人に指摘されてプライドを傷つけられて荒らしたで一件落着

873 :Name_Not_Found:2009/04/22(水) 15:15:42 ID:???
教えてください。
スレがおかしな流れになっちゃった場合は、clear : both; とすれば良いですか?

874 :Name_Not_Found:2009/04/22(水) 15:20:13 ID:???
タクトの相手をしなければいい

875 :Name_Not_Found:2009/04/22(水) 15:26:20 ID:???
タクトとは2ちゃん用語ですか?
それと、文字コードとquirksは関係ないと思っていたのですが違うのでしょうか?

876 :Name_Not_Found:2009/04/22(水) 16:24:24 ID:???
(゚∀゚)「では、出席をとります。名前を呼ばれたら大きな声で『はい!』と答えてください。」
生徒「ワイワイガヤガヤ」
(´・ω・`)「・・・・、浅田美羽(みう)さん」
浅田「はい」
( ゚Д゚)「(呼びづらいな・・・)・・・安藤優由(ゆ・・・・・ゆ?)さん」
安藤「はい」
Σ(´Д` ) 「(・・・ゆゆで良いのか・・・)上野・・・・ポチ男・・・・くん」
ポチ男「はーい」
;`;:゙;`(;゚;ж;゚; )ブッ 「・・・・・・・・・クク・・・・・近藤・・・───麗音菜愛梨亜(・・・読めん)・・・近藤さん!」
近藤「はい」
(;´Д`)「近藤さんのお名前はなんて読むのかな?」
近藤「れおなあめりあ」
(;´Д`)「そうですか、ありがとうございます・・・・・・・(読めねえよ)・・・・佐藤・・・光中(こうちゅう)・・・くん?」
佐藤「ぴかちゅう」
(;´Д`)「そうですか、ごめんね・・・(10万ボルト・・・)・・・佐々木メロディ愛(めろでぃあ)さん 
(今度こそ正しいだろ!)」
佐々木「メロディあい!」
(;´Д`)「ごめんなさい・・・メロディあいね・・・・・中野世歩玲(せふれ?)さん」
中野「はい」
(;´Д`)「(セックスフレンド・・・・・略してセフレ・・・・)・・・・西田・・・・・・・・・・王子様君・・・・」
西田「はーいはーい」
(;´Д`)「(あだ名はプリンス)・・・浜田光宙(こうう?)くん」
浜田「せんせー、俺、ピカチュウ!」
(;´Д`)「ごめんごめん、ピカチュウね(2匹目ゲットだぜ)・・・・・松田太郎くん(やっとマトモなのが来た・・・)」
松田「?」
(;´Д`)「あれ?松田君?松田太郎君?」
松田「ジョンです」
Σ(゚Д゚;≡;゚д゚) 「ジョン!・・・・(いいえ、それはトムです)・・・・・山下愛子さ・・・・・愛子エンジェルさん・・・・」
山下「はーい」
orz「ねーよ」

877 :Name_Not_Found:2009/04/22(水) 16:57:32 ID:???
>>876
フィギュアオタがまとめたのか?

878 :Name_Not_Found:2009/04/22(水) 20:11:15 ID:???
 「週刊文春」には、「先生が名前を呼べない子供たち」という特集が組まれていた。
 一度では、読めない名前が増えてきた。その名付けの変化は、ここ10年劇的だと言うのだ。

 その記事の中で、個人的に気になった子供の名前ベスト5は、こんなところ・・・。
【男の子の名前】和源→わーげんくん、天使→みかえるくん、英雄→ひいろくん、強運→らっきいくん、沙風→さあふぁくん
【女の子の名前】愛声→あのんちゃん、絆→はあとちゃん、樹里亜菜→じゅりあなちゃん、楓→はいじちゃん

 「名前ランキング2008」には、さらに、こんな名前も紹介されている。奏人→タクト、光舞→テルマ、
 月→ライト、獅人→レオト、大虎→タイガ、星穏→シオン、遥空→ハルク、琉煌→ルキヤ、怜音→レイン、
 瑠楓→ルカ、望来→ミライ、伶音→レノン、來夢→ラム、心暖→シノン、煌羅→キラ・・・きりがない。何でもありだ。

 珍しい名前ををみんなで評価するサイト「DQNネーム」には、4月20日に、こんな名前が新しく
 登録された。流楽→るんら、愛々→なな、桜心→ももね、詩映愛→しえら、洛→りいち、美心菜→みふぁな、
 翔飛→しょう、肇陽→はっぴ、綺麗麗→きらら、宙大→ゆうだい・・・。

879 :Name_Not_Found:2009/04/22(水) 21:02:36 ID:???
「いぢめに耐えて丈夫に育って欲しいわ」とか、そんな感じの親心なのか?

880 :Name_Not_Found:2009/04/22(水) 21:05:58 ID:???
純粋にカコイイと思って付けてるDQN親

881 :Name_Not_Found:2009/04/22(水) 21:24:24 ID:???
みかえるwwwwwwwwwwwwwwwwwwww

882 :Name_Not_Found:2009/04/22(水) 21:46:12 ID:???
カタカナに当て字でそれらしくなるっぽいな。

どれ。
死逝餌捨絵図(シイエスエス)ちゃん

883 :Name_Not_Found:2009/04/22(水) 23:21:20 ID:???
>>878
愛々→なな
だけはありだと思うが、将来子供が困るような名前にしか思えないのが多いな

884 :Name_Not_Found:2009/04/23(木) 03:03:23 ID:???
個性の時代ですよ

885 :Name_Not_Found:2009/04/23(木) 09:37:04 ID:???
ていうか時々くる名前ネタなんなの

886 :Name_Not_Found:2009/04/23(木) 12:53:59 ID:???
時々?

887 :Name_Not_Found:2009/04/23(木) 13:18:57 ID:???
>>885
きちんと調べたところ自分の方が無知だったことが発覚した>>868がスレを流そうとした結果が名前ネタ

888 :Name_Not_Found:2009/04/23(木) 13:22:30 ID:???
タクトしつこいよ

889 :Name_Not_Found:2009/04/23(木) 13:29:36 ID:???
しつこくされると俺様の無知が発覚しちまうだろうが!
それはさけねばならん。なんとしても。

890 :Name_Not_Found:2009/04/23(木) 13:33:41 ID:???
本物が出てきちゃった死

891 :Name_Not_Found:2009/04/29(水) 14:42:35 ID:m4Jv4qFm
上、下左、下右の三分割フレームを擬似フレームでやりたいのですが、下の高さはどう指定すればいいのでしょうか?
Firefoxならbottom:0だけでうまくいくのですが、IE6とIE7で動くようにしたいです。

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja">
<head>
<meta http-equiv="Content-Type" content="application/xhtml+xml; charset=UTF-8" />
<title>擬似フレーム</title>
<style type="text/css">
html { height: 100%; }
body { margin:0; height: 100%; }
#header { height: 100px; background: #00f; }
#menu { width: 30%; position: absolute; top: 100px; left: 0; overflow: auto;background: #0f0; }
#main { width: 70%; position:absolute; top: 100px; left: 30%; overflow: auto; background: #f00; }
#menu, #main {
height: 70%; /* ? */
bottom: 0;
}
</style>
</head>
<body>
<div id="header">header</div>
<div id="menu">menu</div>
<div id="main">main</div>
</body>
</html>

892 :Name_Not_Found:2009/04/29(水) 16:15:19 ID:???
まずxml宣言するのやめてくれないか?

893 :Name_Not_Found:2009/04/29(水) 16:16:05 ID:???
今xhtml1.1で作るメリットなんてxhtml1.0よりもメリットないのに必死だな

894 :Name_Not_Found:2009/04/29(水) 16:22:45 ID:diKYTDFj
コンテンツ量が少なくてもfooterを下の方で固定したいのですが
fixedを使う以外で良い方法はございませんか?

895 :Name_Not_Found:2009/04/29(水) 16:24:53 ID:???
cdataセクションにしといた方があとあと無難…というか外部がよい。

896 :Name_Not_Found:2009/04/29(水) 16:26:38 ID:???
質問の本意に関係ない回答を競い中なんですね。わかります。

897 :Name_Not_Found:2009/04/29(水) 16:50:23 ID:???
>>891
footerも書けないのかksg

>>896>>891

898 :Name_Not_Found:2009/04/29(水) 17:43:35 ID:???
日本語も流れも読めない人は黙ってろという見本ですね。わかります。

899 :Name_Not_Found:2009/04/29(水) 17:46:22 ID:???
>>891=>>896=>>898

900 :Name_Not_Found:2009/04/29(水) 17:57:41 ID:???
発想の貧困さと決めつけ廚ぶりをアピールしてるんですね。わかります。

901 :Name_Not_Found:2009/04/29(水) 19:09:40 ID:???
意図しないレスしかもらえないとすぐ荒らしになるんだから>>981をスルー推奨

902 :Name_Not_Found:2009/04/29(水) 19:20:43 ID:???
う〜ん、ロングパスw
>>981に期待w

903 :891:2009/04/30(木) 06:44:26 ID:???
>>893
ルビを使う要件があるのでXHTML1.1は避けられないのです。

>>897
上、下左、下右の三分割なので、footerはありません。

904 :Name_Not_Found:2009/04/30(木) 12:09:37 ID:???
>>903
height指定しなければいんでね? どんな不具合でてるのがいまいちわからん。

905 :Name_Not_Found:2009/04/30(木) 19:35:18 ID:???
すみません二つ質問お願いします。

まずposition:absolute;でboxを移動したときIE6だとboxが元あった場所に
そのboxの大きさの空間が残ってしまうんですがこれを何とか回避できませんでしょうか

次に親要素にposition:relative;、子要素にposition:absolute;でtop:-300px;のような親要素をはみ出る数値を入れた場合
IE6ですと親要素を越えた場所が表示されなくなってしまうのですがこれもなんとかなりませんでしょうか

よろしくお願いします。

906 :Name_Not_Found:2009/04/30(木) 19:41:27 ID:???
具体的に再現できるソース晒せや!でございますことよ。

907 :891:2009/04/30(木) 19:47:52 ID:???
>>904
>>891で背景色を付けてみたのでわかるかと思いますが、
下左と下右が内容量にあわせて高さが伸び縮みしてしまいます。
普通のフレームのときと同様に、表示領域の下辺にぴったりとあわせたいのです。

908 :Name_Not_Found:2009/04/30(木) 20:04:24 ID:???
>>906
すみません忘れてました・・・
で、簡素化したものを作ったところ何故か希望通り表示されまして
どうも前後の兼ね合いで起こってるようなのでもうちょっと弄ってきます・・・どうもすみません


909 :Name_Not_Found:2009/04/30(木) 20:43:32 ID:???
>>907
height:70%指定してる行を消せば巧くいくんでは?
内容量増えれば縦スクロール出るのframe使った時と同じだと思うし。
ie6だとどーだかしらんけど、ie7なら巧くいくと思われ。

910 :Name_Not_Found:2009/04/30(木) 20:46:10 ID:???
敢えてエスパーしてみるなら、overflow指定してるとこか、その直前あたりでtypoしてるとかか。

911 :Name_Not_Found:2009/05/01(金) 02:39:16 ID:???
どうしてもできないので、すいませんが教えてください。

例えばyahooみたいにブラウザを広げても
常にページが中心にくるようにしたいのですが
ググったところ

div.base{width:800px;margin:0px auto 0px auto;}
で囲い、その中にdivボックスを作っていけば良い

と見つけたのですが、実際にやると反映されません。
ボックスを作らずテキストのみでやれば反映されるんですが・・
なんとかフルCSSでできるようになりたいので、助言お願いします

912 :Name_Not_Found:2009/05/01(金) 03:13:02 ID:???
yahooのCSSみてみた?

913 :Name_Not_Found:2009/05/01(金) 03:44:15 ID:???
>>912
今見てきました、見た感じ
<div id="wrapper">
というボックスで囲んで外部CSSでセンタリングしてる
って感じだと思うんですが・・

今自分でレン鯖で練習してみてもやっぱりだめで
しかもIE火狐でボックス組の見え方が違う・・
これは予想以上に壁が高そうです

914 :Name_Not_Found:2009/05/01(金) 03:46:33 ID:u5vOn+8a
それでいいと思うけど
とりあえずmargin:0 auto;な

915 :Name_Not_Found:2009/05/01(金) 03:55:55 ID:???
>>913
それはHTMLを見ているという
CSSを開いてみなよ
webdeveloper.xpi :Firefox とか
Accessibility Toolbar :IE とか使って全体を見る

body{text-align:center}
#wrapper{margin:0 auto; width:______px; text-align:left;}

body全体はセンタリングで指定。
全体をかこむwrapper(別になんのIDでもかまわんけど)は
幅を指定する必要があって、マージンは0 auto

css firefox センタリング とかでググれ

916 :Name_Not_Found:2009/05/01(金) 05:40:32 ID:u5vOn+8a
textalignとかもういらんだろ
さすがにヤフーくらいになればまだいるのかもしれんが

917 :Name_Not_Found:2009/05/01(金) 09:33:22 ID:???
IE6使ってる自称情報強者とか切り捨ててもいいよな

918 :Name_Not_Found:2009/05/01(金) 09:41:37 ID:???
あれ6ってマージンきかなかったっけ?

919 :Name_Not_Found:2009/05/01(金) 10:58:43 ID:???
標準モードなら効く。

920 :Name_Not_Found:2009/05/01(金) 11:05:42 ID:u5vOn+8a
あーそういえば互換モードもあったね
完全に忘れてた

921 :911:2009/05/01(金) 11:08:42 ID:???
>>914-915
朝まで試行錯誤していて力尽きてました、すいません。
外部CSSって見れるんですね、知りませんでした・・

結果としてはclassをidに変えたら火狐だけできました。
ただボックスのpxが合わずにはみ出している・・

一方、IEだとセンタリングされないものの
ボックスのpxは綺麗にかみ合って整っている状況です。
ますます意味がわからない、calssだと駄目なんでしょうか?


教えて頂いた言葉でググったら良さそうなサイトがあったので、
とりあえずそこでまた試行錯誤して駄目だったら伺いますね。
色々と詳しくありがとうございました

922 :Name_Not_Found:2009/05/01(金) 14:15:32 ID:???
>>905
1.ソースが無いと判断出来ない
2.z-index指定して重なり順を適切なものにする

>>921
IDとclassは全く関係ない。お前の書いたソースが悪いだけ。
継承の個別値がIDの方が高いからclassで無視されてたのが適用されただけだろう。
よって他要素のCSSが影響していると考えられる。
pxが噛みあわないってのは計算ミスじゃないの?borderとかのサイズも当然入れてるよね


923 :Name_Not_Found:2009/05/01(金) 15:24:51 ID:???
>>921
ボディーにテキストセンター
ラッパーにマージン 0 auto &テキストレフト & 幅指定
でいけるだろ

924 :Name_Not_Found:2009/05/01(金) 17:30:10 ID:???
>>923
片仮名とは斬新だな

925 :Name_Not_Found:2009/05/01(金) 17:38:11 ID:TGRTBplB
IDとクラス名にひらがなやカタカナを使ってもcss適用できますか?

926 :Name_Not_Found:2009/05/01(金) 17:45:38 ID:???
200くらい遡って読んでくるといい

927 :Name_Not_Found:2009/05/01(金) 18:45:29 ID:???
>>925
それ、楽しそうだな。
やってみようかな

928 :911:2009/05/01(金) 19:02:50 ID:???
帰宅しました、アドバイスありがとうございます
皆さんのおかげでセンタリングの問題はクリアできました!

>>922
ですよね、ただ他にボックス以外はclass指定してなかったので
なんでだろうと思っていたんです。
pxがかみ合わないのはいまだに不明です・・

#base{width:800px;margin:0 auto;text-align:left;}
#left{float:left;height:600px;width:20%}
#right{float:left;height:600px;width:80%;}

こんな感じで囲ってあって、火狐だけrightがはみ出してます
今firefox css とかググってるんですが、良いところが中々・・


>>923
ご指示の通りでセンタリングできました、
ありがとうございます

929 :Name_Not_Found:2009/05/01(金) 19:39:59 ID:???
>>928
CSS width IE バグ
でググれ

930 :Name_Not_Found:2009/05/01(金) 19:42:03 ID:???
おかしいときは、だいたいIEの方が間違ってる

931 :891:2009/05/01(金) 21:35:09 ID:???
>>909
heightを消した状態だと内容によって伸び縮みします。
確かIEのバグでtopとbottom両方同時には使えなかったので、
bottom:0が無効になっているのだと思います。
height指定すると伸び縮みしませんが、下辺に合わせられず…。

ウインドウの大きさを予想して適当に決めるしかないんでしょうかね〜

>>910
>>891のままで再現します。heightを外すと内容量で伸び縮み。

ttp://questionbox.jp.msn.com/qa3756829.html
これと問題と同じ現象も起こってしまって擬似フレームはちょっと難航してますが、
明日から帰省なので見られないかもしれません。

932 :Name_Not_Found:2009/05/01(金) 23:14:16 ID:???
のんびりしてきて下さい。

933 :Name_Not_Found:2009/05/02(土) 00:03:42 ID:qYc73Scc
absoluteを使わずに、boxを

1
2
の並びから
2
1
にできないですかね?htmlは変更せずに、cssだけで上下位置を変えたいんですけど。



934 :Name_Not_Found:2009/05/02(土) 00:22:03 ID:???
できます。

935 :Name_Not_Found:2009/05/02(土) 10:56:55 ID:???
   _,,....,,_  _人人人人人人人人人人人人人人人_
-''":::::::::::::`''>   ゆっくりしていってね!!!   <
ヽ::::::::::::::::::::: ̄^Y^Y^Y^Y^Y^Y^Y^Y^Y^Y^Y^Y^Y^Y^ ̄
 |::::::;ノ´ ̄\:::::::::::\_,. -‐ァ     __   _____   ______
 |::::ノ   ヽ、ヽr-r'"´  (.__    ,´ _,, '-´ ̄ ̄`-ゝ 、_ イ、
_,.!イ_  _,.ヘーァ'二ハ二ヽ、へ,_7   'r ´          ヽ、ン、
::::::rー''7コ-‐'"´    ;  ', `ヽ/`7 ,'==─-      -─==', i
r-'ァ'"´/  /! ハ  ハ  !  iヾ_ノ i イ iゝ、イ人レ/_ルヽイ i |
!イ´ ,' | /__,.!/ V 、!__ハ  ,' ,ゝ レリイi (ヒ_]     ヒ_ン ).| .|、i .||
`!  !/レi' (ヒ_]     ヒ_ン レ'i ノ   !Y!""  ,___,   "" 「 !ノ i |
,'  ノ   !'"    ,___,  "' i .レ'    L.',.   ヽ _ン    L」 ノ| .|
 (  ,ハ    ヽ _ン   人!      | ||ヽ、       ,イ| ||イ| /
,.ヘ,)、  )>,、 _____, ,.イ  ハ    レ ル` ー--─ ´ルレ レ´

936 :Name_Not_Found:2009/05/02(土) 13:19:10 ID:k5lQWWKQ
>>933
初心者の俺でもできる

937 :Name_Not_Found:2009/05/02(土) 13:42:06 ID:???
Webサイトを作成しているのですが、
回り込みのためにimg用のCSSに回り込みを設定しました。http://jigsaw.w3.org/css-validator/によるとfloatにはwidthの設定が必要とのことで、
widthをautoに設定したのですが、この設定だと、<img width="XX">としても、widthの変更ができません。
widthの変更をするにはどうしたら良いですか。

938 :Name_Not_Found:2009/05/02(土) 13:44:43 ID:???
俺的にはソースにimgタグ書くのが許せない

939 :Name_Not_Found:2009/05/02(土) 14:13:40 ID:???
>>937
埋め込みイメージのwidth指定は2.0でも必要ないぞ
別のトコ間違えてるんだろ、というかautoもいらん

940 :Name_Not_Found:2009/05/02(土) 14:42:32 ID:???
>>939
必須、というか警告(In (x)HTML+CSS, floated elements need to have a width declared. Only elements with an intrinsic width (html, img, input, textarea, select, or object) are not affected)がでたので、
一応、というわけです。
ちなみに、imgではなく、img_rというclassにつけたものです。

941 :Name_Not_Found:2009/05/02(土) 14:46:04 ID:???
>>937
文章じゃなくてコードを書きましょう

942 :Name_Not_Found:2009/05/02(土) 14:48:27 ID:???
>>941
.img_r
{
margin-left: 10px;
float: right;
width: auto;


<img src="image/xxx.jpg" alt="xx" class="img_r"/>

943 :937:2009/05/02(土) 14:49:57 ID:???
話が勝手に進んでるんですけど^^;
>>940何勝手にclassにimg_rとか言ってるんですか?やめてもらいたい
>>940=>>942目ざわりつってんだろ

944 :Name_Not_Found:2009/05/02(土) 14:50:46 ID:???
>>943
偽者乙

945 :937:2009/05/02(土) 14:51:19 ID:???
>>940=>>942=>>944
邪魔しないでください!

946 :Name_Not_Found:2009/05/02(土) 14:51:26 ID:2LfGrOl3
てs

947 :Name_Not_Found:2009/05/02(土) 14:52:51 ID:8lz5eBCn
質問者はIDを出すことを推奨する

948 :Name_Not_Found:2009/05/02(土) 14:56:45 ID:2LfGrOl3
>>945
あなたが本物だというのなら、それでいいです。
私も質問があります。

.img_r
{
margin-left: 10px;
float: right;
width: auto;


<img src="image/xxx.jpg" alt="xx" class="img_r"/>
といった風のソースで作成しているのですが、私も>>937さんと同様に、
(In (x)HTML+CSS, floated elements need to have a width declared. Only elements with an intrinsic width (html, img, input, textarea, select, or object) are not affected)という警告
http://atstyle.biz/blog/archives/2009/02/23_1258.php)というものを参考に、.img_rというclassにfloat: right;をつけ、width: auto;としたのですが、
widthは単なる定義で、実際に画像などへのclassとして利用する際は必要がないということでよろしいでしょうか。

949 :Name_Not_Found:2009/05/02(土) 14:59:27 ID:???
>>948
それのどこが回り込みになってるのか教えてください
何に対して回り込むのか書いてありませんね

950 :Name_Not_Found:2009/05/02(土) 15:02:15 ID:CVRfhLpr
連投扱いされたので携帯から
ああああ<img〜
↑の部分です

951 :Name_Not_Found:2009/05/02(土) 15:02:34 ID:2LfGrOl3
>>949
ああああ<img src="image/xxx.jpg" alt="xx" class="img_r"/>
の「ああああ」の部分です。

952 :Name_Not_Found:2009/05/02(土) 15:04:07 ID:???
kusowarota

953 :Name_Not_Found:2009/05/02(土) 15:04:34 ID:2LfGrOl3
連投解除できた

954 :Name_Not_Found:2009/05/02(土) 15:05:40 ID:???
俺にとってはこんなの百戦錬磨なんだが一応要望書いておくと
優良なメル友サイトがあったら教えてください
教えてくれたら俺がコード書いてあげます

955 :Name_Not_Found:2009/05/02(土) 15:05:57 ID:2LfGrOl3
>>954
ないです

956 :Name_Not_Found:2009/05/02(土) 15:06:21 ID:???
>>955
帰ってくれないかな

957 :Name_Not_Found:2009/05/02(土) 15:07:05 ID:2LfGrOl3
>>956
2ちゃんをブラウザで見るといっぱい乗ってるよ^^

958 :Name_Not_Found:2009/05/02(土) 15:16:56 ID:???
>>948
お前に必要なのはまず英語の勉強だ・・・

959 :Name_Not_Found:2009/05/02(土) 15:20:58 ID:2LfGrOl3
>>958
いえ、http://atstyle.biz/blog/archives/2009/02/23_1258.phpだけを読んでやったので・・・

ごめんなさい。読んでみたんですけど良くわかりません。

960 :Name_Not_Found:2009/05/02(土) 15:29:53 ID:ahSMXbwl
基本をしっかり勉強してる初心者の俺なら属性でwidthを設定するなぁ。

961 :Name_Not_Found:2009/05/02(土) 15:35:24 ID:CVRfhLpr
さるさんにされた・・・

>>960
つまり、>>959はスルーしておk、属性で書く OR <img style="">でも気にしなきゃおk

そう言う解釈でよろしいでしょうか

962 :Name_Not_Found:2009/05/02(土) 15:46:29 ID:???
>>959
訳してやろう
フロートする要素にwidthは必須だけど、html/img/input/textarea/select/objectはそんなん関係ねーよw
と書いてある
だから>>939の「埋め込みイメージのwidth指定は2.0でも必要」になるだけ

963 :Name_Not_Found:2009/05/02(土) 15:47:32 ID:???
「必要」じゃない、「必要ない」だorz

964 :Name_Not_Found:2009/05/02(土) 15:53:37 ID:CVRfhLpr
>>962-963
つまり、classであるからimg用であることをcss validatorで認識出来ない。
だから警告が出るわけであって、img用のclassにそのような必要はないわけですね。
スレにご迷惑おかけしました。ありがとうございます。

965 :Name_Not_Found:2009/05/02(土) 16:06:54 ID:???
>>964
ネタじゃないとしたらお前相当ヤバいぞ

966 :Name_Not_Found:2009/05/02(土) 16:14:01 ID:???
いや、>>964は日本語が怪しいだけで言ってることは理解してるんじゃないか・・・多分

967 :Name_Not_Found:2009/05/02(土) 16:46:59 ID:CVRfhLpr
>>966
imgであれば、widthの必要はない。
classはimg専用ではないから、valではimg以外でwidthが必要な場合の為にwidthが必要と表示している。
だからimg用classにwidthの必要はない。
違いますか?
>>965
そんなに日本語おかしいかな

968 :Name_Not_Found:2009/05/02(土) 17:10:02 ID:???
>>967
合ってる
が、>>964やその前の経緯を見てもちょっと伝達が巧くはないとは思う

969 :Name_Not_Found:2009/05/02(土) 17:11:43 ID:CVRfhLpr
>>968
そうでしたか。ごめんなさい。


970 :960:2009/05/02(土) 17:24:35 ID:mOrsTRn/
imgに属性でサイズを指定するのは基本だよ。


971 :Name_Not_Found:2009/05/02(土) 17:51:03 ID:???
嘘…だろ…?

972 :Name_Not_Found:2009/05/02(土) 18:00:17 ID:???
W3Cはimgに属性でサイズ指定することを奨励してるからね


973 :Name_Not_Found:2009/05/02(土) 18:59:09 ID:???
こんにちは。

leftとrightは一緒に使えますか?
IE6はだめみたいですけど。

#MAIN_PANEL {
position:absolute;
left:200px;
right:0px;
top:0px;
bottom:0px;
}

974 :Name_Not_Found:2009/05/02(土) 19:37:41 ID:???
>>973
お前バカだろ

975 :Name_Not_Found:2009/05/02(土) 19:40:50 ID:???
>>973
なんかHPBのどこでも配置モードみたいだな。

976 :973:2009/05/02(土) 19:52:19 ID:???
いや、IE7はいけるんで、今後はOkなのかなってことです。

977 :Name_Not_Found:2009/05/02(土) 20:45:25 ID:???
>>973
IE7でもできない、何か勘違いしているだけだろう
併用不可

978 :Name_Not_Found:2009/05/02(土) 22:25:33 ID:???
>>973
CSS 2.1から対応

979 :Name_Not_Found:2009/05/02(土) 22:29:36 ID:???
>>978
ないない

980 :Name_Not_Found:2009/05/02(土) 22:30:11 ID:???
>>977
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
付けて【標準】モードにしてください。できますから。

Operaにだってできるんです。きっと標準ですよ。ね?

981 :Name_Not_Found:2009/05/02(土) 22:30:21 ID:???
>>979
良くわからんがValidatorはおkって結果だった。

982 :Name_Not_Found:2009/05/02(土) 23:19:46 ID:???
上書きされるだけ
終了

983 :Name_Not_Found:2009/05/02(土) 23:29:38 ID:???
自信満々に間違うとかださっ

984 :Name_Not_Found:2009/05/02(土) 23:30:39 ID:???
>>972
奨励なんかしてたか? ソースきぼんぬ

985 :Name_Not_Found:2009/05/02(土) 23:57:28 ID:???
>>980
それって標準モードになったっけ?
urlついてないけどなるの?

986 :933:2009/05/03(日) 00:04:05 ID:???
>>934
>>936

すみません、やり方教えてもらえませんか?

987 :Name_Not_Found:2009/05/03(日) 00:10:17 ID:???
>>986
絶対配置

988 :933:2009/05/03(日) 00:17:19 ID:PK91QOHz
あれ、absoluteって絶対配置のことじゃなかったでしたっけ?

989 :Name_Not_Found:2009/05/03(日) 00:34:29 ID:DhHITwRK
FireFoxのバグか?
IEではちゃんとなる。

イメージ要素に透明GIFを入れたらバックの背景画像が下半分しか表示しないぞ。

990 :989:2009/05/03(日) 01:03:49 ID:???
透明GIFにa:linkとa:hoverで背景を切り替えてCSSでロールオーバーしようと思ったが、
背景が表示される部分が下半分になり、背景画像の上半分が表示される。FF3.0.6です。
だれか暇なひと、頼みます。
俺は寝ます。

991 :Name_Not_Found:2009/05/03(日) 01:13:54 ID:???
>>980
標準モードとDOCTYPE宣言から覚えような、スレ違いだけど
で き な い
>>982でFA

>>990
再現最小ソースと画像出して次スレ立てて
お休み

992 :973:2009/05/03(日) 01:26:54 ID:???
わかりました。IE7のバグで出来ちゃってるってことにします。

あらためて質問ですが >>973 みたいに左右を固定して
widthをウィンドウサイズに合わせてautoにするにはどうすればいいですか?

993 :Name_Not_Found:2009/05/03(日) 02:20:03 ID:???
>>973が出来ないとか言ってる奴らって、試しもしないで脳内で完結?
さっさとコピペして試してみろよ。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>TEST</title>
<style type="text/css">
div {
position: absolute;
top: 200px;
right: 150px;
bottom: 100px;
left: 50px;
background: #ff6666;
}
</style>
</head>
<body>
<div>test</div>
</body>
</html>

994 :989:2009/05/03(日) 07:14:31 ID:???
おはよっ…ん?
やってくれてないのか?!

995 :Name_Not_Found:2009/05/03(日) 09:05:01 ID:oBqJjpAi
>>994
FFなんてブラウザないもん

996 :Name_Not_Found:2009/05/03(日) 09:28:28 ID:zZIGiVSB
そんな馬鹿なことしなくても左右にマージンとればいいじゃん

997 :989:2009/05/03(日) 14:29:38 ID:???
今、仕事先からなので、
脳内で自己解決しました。
Firefoxの挙動があってた思う。お騒がせしました。

998 :Name_Not_Found:2009/05/03(日) 14:57:00 ID:???
>>995
公式では略語をFxと呼ぶように推奨してるだけで強制してるわけではないんだよ
FFで意味がわからないksって呼ばれちゃうよ

999 :Name_Not_Found:2009/05/03(日) 14:57:48 ID:???
>>995
Firefox通を気取りたかったんだろ?wwwwwwwwwwwwwwwwwwwwww
クソワラタwwwwwwwwwwwwwwww

1000 :Name_Not_Found:2009/05/03(日) 16:55:02 ID:???
1000だったら全員CSS完全マスター

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

237 KB
★スマホ版★ 掲示板に戻る 全部 前100 次100 最新50

read.cgi ver 05.04.00 2017/10/04 Walang Kapalit ★
FOX ★ DSO(Dynamic Shared Object)