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

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

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

1 :Name_Not_Found:2006/05/20(土) 14:36:20 ID:L4dAphnx ?#
CSSに関する質問はこちらへどうぞ。 ※ 議論はよそで ※

■■■■■ 質問のしかた ■■■■■

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

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

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

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

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

2 :Name_Not_Found:2006/05/20(土) 14:42:57 ID:1j+htWN9
2げっと

3 :Name_Not_Found:2006/05/20(土) 23:38:36 ID:xNK03Hqx
>>前スレ 985,988

<img src="./***.gif">
相対パス云々に関しては、これで正しい。
<img src="***.gif">と同じ意味なのはわかっているのか?

<a href="./**/***.jpg"><img src="./***/***.jpg" width="160" height="120"></a>(前スレ 976 より)の
どこが「相対パスとしておかしいか」を説明してください。


4 :Name_Not_Found:2006/05/20(土) 23:41:46 ID:???
おかしくないよ。言い出したほうが無知なんだ。
君の勝利だよ。おめでとう。勝てたの久しぶりかな?

5 :Name_Not_Found:2006/05/21(日) 01:26:38 ID:c/rfpVMy
買ったの負けたのって、

(ノ∀`)アイータタタ

6 :Name_Not_Found:2006/05/21(日) 01:53:50 ID:???
ウワァーン!!ヽ(`Д´)ノ モウコネェヨ-!!

7 :Name_Not_Found:2006/05/21(日) 01:56:23 ID:???
テンプレ続き

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

【関聯スレッド】
CSS/DHTMLバグ辞典スレッド 第5版
 http://pc8.2ch.net/test/read.cgi/hp/1144494359/l50
代替スタイルシートに萌え?
 http://pc8.2ch.net/test/read.cgi/hp/991400015/l50
独自拡張、草案段階のCSSについて語れ
 http://pc8.2ch.net/test/read.cgi/hp/1019912046/l50
* CSS[適用="2ch"]{ イケてるスタイルを:"作れ"}
 http://pc8.2ch.net/test/read.cgi/hp/1038678267/l50
CSSでイケてるデザインサイト 32
 http://pc8.2ch.net/test/read.cgi/hp/1143863245/

【仕様書】
CSS1の仕様書の原文(英語)
 http://www.w3.org/TR/REC-CSS1
CSS2の仕様書の原文(英語)
 http://www.w3.org/TR/REC-CSS2
CSS1の仕様書の邦訳(日本規格協会訳/個人訳)
 http://www.y-adagio.com/public/standards/css1/toc.htm
 http://www.swlab.it.okayama-u.ac.jp/man/rec-css1/rec-css1.html
CSS2の仕様書の邦訳(日本規格協会訳/個人訳)
 http://www.y-adagio.com/public/standards/tr_css2/toc.html
 http://www.swlab.it.okayama-u.ac.jp/man/rec-css2/cover.html

8 :Name_Not_Found:2006/05/21(日) 01:57:36 ID:???
【解説など】
・Web標準化Tips(特に「HTML/CSSのよくある誤解・ミス」)
 http://www.mozilla.gr.jp/standards/webtips/
・ブラウザによる振り分け(JavaScriptを使用しない方法)
 http://east.portland.ne.jp/~sigekazu/css/boxm.htm#ua
・Web Site 作成支援 - What is CSS?
 http://www.nextindex.net/web/CSS/
・Academic HTML::CSS2
 http://www.tg.rim.or.jp/~hexane/ach/
・『スタイルシートWebデザイン』ボランティアHTML化版。
 http://www.asahi-net.or.jp/~jy3k-sm/css1/2003maki/
・スタイルシート用語集
 http://www.mitsue.co.jp/case/design/c_index.html
・IE で min-width を指定する方法
 http://www.lucky-bag.com/archives/2005/05/ie_minwidth.html
・CSSでイケてるデザインサイトリンク集
 http://ike.s33.xrea.com/
・( ´∀`)< CSS でイケてるデザインサイトリンク集2
 http://www.geocities.jp/cas_ike2/
・* CSS { イケてるスタイルを:"作れ";} 発表所
 http://web.archive.org/web/20030415121122/http://strict.jp/~sappari/2ch/css.php

9 :Name_Not_Found:2006/05/21(日) 01:58:52 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

10 :Name_Not_Found:2006/05/21(日) 01:59:24 ID:???
JS使わないで、CSSだけでIEに対応したドロップダウンメニューって作れますか?

11 :Name_Not_Found:2006/05/21(日) 01:59:55 ID:???
【FAQ】
Q3: CSSで段組するには?
A3: 下記などを参照して下さい。
CSSを用いた段組の作成のコツ
 http://www.fromdfj.net/html/column.html
CSS段組レイアウトデザ委員会
 http://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://stylesheet-stylebook.com/

12 :Name_Not_Found:2006/05/21(日) 02:28:16 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

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

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

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

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

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

14 :Name_Not_Found:2006/05/21(日) 02:30:59 ID:???
【FAQ】
Q10: リンクを新しいウィンドウで開かせるにはどうしたら?
A10: CSSではできません。target属性かJavaScript?でやって下さい。別窓が開くと迷惑に感じる人もありますからなるべくしない、がW3Cの方針です。

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

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

15 :Name_Not_Found:2006/05/21(日) 02:32:07 ID:???
【参考】
*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

アンダースコア・ハックの方がいいか?
http://cssbug.at.infoseek.co.jp/detail/winie/b157.html

CSS Hack集
http://www.jaist.ac.jp/~m-tamura/article/web/css/csshack
"通"御用達、CSSハック
http://www6.plala.or.jp/go_west/nextcss/tip/tech/css_hack.htm

WinIEのfloatのバグを回避する
http://www5e.biglobe.ne.jp/~bill/the/css/holly.html

16 :Name_Not_Found:2006/05/21(日) 07:04:44 ID:???
>>1乙。

17 :Name_Not_Found:2006/05/21(日) 11:55:27 ID:???
>>1は建てただけで逃げた。
だからテンプレが・・・・
連張り規制で苦労したぜ

18 :Name_Not_Found:2006/05/21(日) 12:02:26 ID:???
ならテンプレ貼り人乙。

19 :Name_Not_Found:2006/05/21(日) 13:39:55 ID:???
>>10
できない

20 :Name_Not_Found:2006/05/21(日) 13:54:20 ID:???
>>10
<a>
<a href="x.html">1</a>
<a href="x.html">2</a>
<a href="x.html">3</a>
</a>

a:hover {
display: block
}
a a {
display: none;
}
a:hover a {
display: block;
}

21 :Name_Not_Found:2006/05/21(日) 13:58:55 ID:???
>>3
昨日のアホタレです。_| ̄|○
W3C見てきました。./でもつけなくても同じ意味でした。
嘘教えてすみませんでした。_| ̄|○|||

22 :Name_Not_Found:2006/05/21(日) 14:11:20 ID:???
>>20
http://www.w3.org/TR/html401/sgml/dtd.html
  <!ELEMENT A - - (%inline;)* -(A)       -- anchor -->

23 :Name_Not_Found:2006/05/21(日) 14:39:18 ID:???
>>22
従わなくていい

24 :Name_Not_Found:2006/05/21(日) 15:19:59 ID:???
>>23
従う従わないを決定できるということは、UA作ってんだよね?

すごいじゃん!!

では何を仕様にUA作ってんだ?
広く普及した勧告を仕様とする方が楽なのに、独自に仕様を作ってるのか?

25 :Name_Not_Found:2006/05/21(日) 16:08:37 ID:???
>>24
何にも作ってないよ

26 :Name_Not_Found:2006/05/21(日) 18:22:33 ID:0JNe/rFj
BOXの中の画像の位置を変更するにはどうすればいいのでしょうか。
bodyにtext-align:center;を指定していて、BOXにはtext-align:left;を、
画像にはtext-align:right;を指定しているんですが、画像が動いてくれません。。

もう一つ質問なのですが、
親BOXの中に2つのBOXを並列で並べているのですが、
margin-bottomをいくら設定しても、親BOXとの距離が変わらないのです。
どうすればいいのでしょうか。

よろしくお願いします。


27 :Name_Not_Found:2006/05/21(日) 18:25:56 ID:???
>>26
画像をpで囲ってtext-align:right。

後者は「並列で並べている」の意味がわからん。

28 :Name_Not_Found:2006/05/21(日) 18:26:21 ID:???
float:right

padding-bottom

29 :Name_Not_Found:2006/05/21(日) 23:52:13 ID:c/rfpVMy
http://pc8.2ch.net/hp/subback.html

たとえば、なんのクラスもidもない、ただの普通のページを、他の普通のページの処
理に影響を与えずにそのページだけにcssを適用させる方法ってありますか?
具体的になにをしたいのかというと、自分用のスタイルシートにて

a {display: block;}

としたいのです。ツール使えば?っていうのは無しの方向でお願いします。

30 :Name_Not_Found:2006/05/21(日) 23:57:20 ID:???
>>29
日本語でおk

31 :Name_Not_Found:2006/05/22(月) 00:05:59 ID:???
>>29
つBookmarklet
javascript:var t=document.getElementsByTagName('a');for(i=0;i<t.length;i++){void(t[i].style.display='block');}

専ブラを使わない理由は?

32 :Name_Not_Found:2006/05/22(月) 00:17:16 ID:???
今までに3つほど試してみて、どれも便利なのは十分理解できるのだけれど、
馴染めない、としかいいようがないです。
ほら、どうしてもoutlookが嫌いで仕方ない人とか、たまにいるじゃないですか。


33 :Name_Not_Found:2006/05/22(月) 02:34:13 ID:drhO5idk
>>29
よく解りませんが、そのページだけ必要なcssを呼び込めばいいのでは。

34 :Name_Not_Found:2006/05/22(月) 03:07:59 ID:???
>>32,29
>>33の言う通り、ユーザースタイルシート作って必要なページで読み込めばいいんだが、
IEデフォだと切り替えがワンタッチで出来ないと。
FX使えと言いたいが、専プラ同様イヤなのかね?
どっちにしろスレ違い。PC板行ってくれ。

35 :Name_Not_Found:2006/05/22(月) 03:24:39 ID:???
直球どまんなかでcssの話してるのにスレ違いだから出てけとか言ってるやつの
意味がわかんねえよ。

36 :Name_Not_Found:2006/05/22(月) 03:44:54 ID:???
>>35
おぅ間違えたな、板違いだ。
意味わかんないボケに説明してやるが、ここはWeb制作板>CSS質問スレ。
しかもcssについての答えは親切にもう出てる。

37 :Name_Not_Found:2006/05/22(月) 04:05:30 ID:???
>>29
は使用者側の設定を聞いてるんだろ?
ウチは制作者側の板だ。PC板でアプリについて聞けってのは
十分まっとうな誘導だと思うがどうだ。

ちなみに漏れは>>29にOpera 8を激しく薦める。
慣れないというなら慣れろ。
それがむりなら諦めろ。

38 :Name_Not_Found:2006/05/22(月) 18:07:03 ID:???
そう、まあ板違いだっていうんならそうなんだろうけど、cssに関する少しばかりの
脱線を許容する事はできないん?当たらずとも遠からずナンじゃねえの?
追い出されるほど見当違いな事なの?これは。最近多くねえ?目くじらたてて出てけ
ってやつ。別にこっちも荒そうと思ってる訳じゃないし、出来れば礼は欠きたくないと
思ってる。

だけど頭から出てけみたいに言われると、いくらこっちが質問者で立場低くても正直
かちんとくるよ。まあ、あなたはそれでもきちんと答えてくれたので礼は言っておきます。
ありがとうございました。

39 :Name_Not_Found:2006/05/22(月) 18:20:24 ID:???
許容って範囲じゃないでしょ。
CSSの質問じゃなくて、IEの機能に関する質問だっつの。
そんなの専門の板行った方が、いい回答が得られるに決まってんじゃん。
自分の勘違いも認めず、脱線とはあきれちゃうね。

40 :Name_Not_Found:2006/05/22(月) 18:42:51 ID:???
IEの機能に関する質問なんてした覚えないんだけどなあ、、、
わかったよ、俺が悪かったよ。もう消えるよ。

41 :Name_Not_Found:2006/05/22(月) 19:38:26 ID:???
>>40 = >29 ?

42 :Name_Not_Found:2006/05/22(月) 21:42:27 ID:???
>>34は質問の意味を勘違いしたまま突っ走りすぎだ
>>29も説明不足だが

43 :Name_Not_Found:2006/05/22(月) 21:44:45 ID:???
>>42
知ったかの集まりだから仕方がない

44 :Name_Not_Found:2006/05/22(月) 21:58:34 ID:???
>>42
よく読めよ。
>>29>>34の回答内容を全く否定してない。
「スレ違い」と言われた事に逆ギレしてるだけ。
そして>>29はあくまでこの質問は、このスレ向きの質問だと主張したいだけ。
更に混ぜっ返してどうするんだ。

45 :29:2006/05/22(月) 22:08:51 ID:???
なんか誤解を招いてるみたいなのですっきりさせるために何をいいたかったのかだけ
いっておきます。もう消えるぜ!って言った後なので解答はしてくれなくていいです。

同じcssを常に読み込んだ状態で、あるサイトに来たときだけに効果を発揮するプロパティ
の設定の仕方はありますか?というのが質問です。俺はcssのプロパティやセレクタの
設定の仕方で出来るのであれば、ここできいてもおかしくないと判断しての事です。

これ以上私が出てきてもほんとに追い出されてしまうので、この話はこの辺でかんべん
してください。

46 :Name_Not_Found:2006/05/22(月) 22:34:53 ID:???
>>45
相手がCSSシグネチャを設定してればできる。

47 :Name_Not_Found:2006/05/22(月) 22:50:52 ID:???
2chがCSSシグネチャを設定してるわけ?

48 :Name_Not_Found:2006/05/22(月) 22:57:06 ID:???
>>47
質問者なんだとしたら、話をもうちょっとまともに聞け。
違うんだとしたら、混ぜっ返すな。

49 :Name_Not_Found:2006/05/22(月) 23:02:37 ID:???
------29に関する話題はここで終了------

50 :Name_Not_Found:2006/05/22(月) 23:05:22 ID:???
>>48
昨日からの一連の流れを知らないんだろ。
専プラはイヤだとか、誘導の仕方が気に入らないとか主張ばっかで、つきあいきれん奴なんだよ。

51 :Name_Not_Found:2006/05/22(月) 23:09:20 ID:???
>>50
だから「れば」という仮定の話で答えを提示してるんだ。
違うんなら、もう混ぜっ返すな。
奴もできないということがわかっただろう。

52 :Name_Not_Found:2006/05/22(月) 23:14:40 ID:???
>>51
そんな事、奴にこそ言ってやれよ。。

53 :Name_Not_Found:2006/05/22(月) 23:16:11 ID:???
>>52
???
すまん、意味解らん

54 :Name_Not_Found:2006/05/22(月) 23:17:20 ID:???
>>53
気にスンナ、どうせ質問者に無碍にされた回答者の一人だろ。

55 :Name_Not_Found:2006/05/22(月) 23:26:52 ID:???
前スレ見りゃわかるが、ここの大半はCSS signatureも知らないみたいだから
まともに答えられなかったんだと思われ。質問者も大概アレげだったけどな。

56 :Name_Not_Found:2006/05/22(月) 23:38:07 ID:???
自分のサイトなら好きに作ればいいさ。
奴が言ってるのは、他人のサイト=2chを閲覧中の話。
この板違いっぷりを理解してんだか。

57 :Name_Not_Found:2006/05/22(月) 23:40:21 ID:???
うるせーよ、どっちでもいいいよ
目障りだから両方とも消えろ

58 :Name_Not_Found:2006/05/23(火) 00:10:40 ID:???
お前も消えろ

59 :29:2006/05/23(火) 00:31:59 ID:???
うあ、なんだか私のせいで荒れてしまったようで、申し訳ありません。
>>46
ありがとう。参考になりました。
>>47
私じゃありません。

>>56
もう勘弁してください

という訳で失礼しました

60 :Name_Not_Found:2006/05/23(火) 00:36:13 ID:giktrSMH
>>55
答えを知っているのなら、
君が解答を出しなさい。

61 :Name_Not_Found:2006/05/23(火) 04:44:55 ID:???
↓次の質問どうぞ。

62 :Name_Not_Found:2006/05/23(火) 05:38:06 ID:2dbmdFwY
ブログに2ちゃんねるで使われているアスキーアートを張っているんですけど、
どうもブログのスタイルシートが邪魔をして綺麗に表示されないんですよね。

ウィンドウズのIE環境で2ちゃんねるを見ているのですが、綺麗に表示されております。
ですが、CSSファイルを使っている様子はありません。

綺麗に表示されるようAAの時だけスタイルシートを挿入したいのですが
どうしたらいいのでしょう?
IEのCSSを使用していない設定などがわかれば何とかなりそうなのですが…

63 :Name_Not_Found:2006/05/23(火) 05:40:50 ID:???
>>62
どのブログかさえ分からないから答えられないのだが。
まあ最終的には画像だろうな。

64 :Name_Not_Found:2006/05/23(火) 06:59:08 ID:???
ブログってどこのかにもよるけど、独自のCSSを追加で
書き込める様になってなかったっけ?

65 :Name_Not_Found:2006/05/23(火) 07:22:50 ID:???
おはようございます。
div="content"に背景色がつかないので悩んでいます。
menuとmainにはつきました。

どなたかお知恵を貸してください。宜しくお願いします。

#content {
width: 750px;
background-color: #333333; ←効いていません。
}

#menu {
width: 200px;
float: left;
}

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

66 :65:2006/05/23(火) 07:29:52 ID:???
>65です。
大事なことを書き忘れました。
背景色が効いていないのは、firefox、opela、netscapeです。
bodyの背景色はついています。
宜しくお願いします。

67 :Name_Not_Found:2006/05/23(火) 08:37:55 ID:???
>>65
div="content"に色がつくわけない。
div id="content"。

68 :Name_Not_Found:2006/05/23(火) 08:49:36 ID:???
>>56
ユーザースタイルシートの質問はここですよ、と。

69 :Name_Not_Found:2006/05/23(火) 09:01:10 ID:???
>>68
質問内容はそうじゃなかった事くらいわかっとるくせにw

70 :Name_Not_Found:2006/05/23(火) 09:05:19 ID:???
>>69
あくまでも悪いのは自分じゃないと言い張るおまえの態度がうざいので消えろ

71 :Name_Not_Found:2006/05/23(火) 10:09:28 ID:???
>>8
http://www.mitsue.co.jp/case/design/c_index.html
こんな中途半端な解説なんて何の役に立つんだよ。
これ自体が「HTML/CSSのよくある誤解・ミス」そのもの。

>CSSとは、Cascading Style Sheetの省略表記で、Webコンテンツの視覚的な表現を指定するための仕組みのことです。
>CSSにおけるプロパティとは、あるセレクタに対し視覚表現を適用する場合に指定する、スタイルの種類のことです。

音声スタイルシートのプロパティも解説しておきながら、
なぜ「視覚的な表現」「視覚表現」と拘泥するのか謎。
というか節穴。これでW3Cメンバーとは笑わせる会社だな。

>overflowとは、ボックスのコンテンツがボックスの外にはみ出る場合の表示形式を指定するためのプロパティです。

馬鹿まるだし。1つのボックスには、1つの “content area” しかない。
だから複数形の「コンテンツ」は不適切。日本人にありがちなミス。

72 :Name_Not_Found:2006/05/23(火) 10:19:55 ID:???
http://www.mitsue.co.jp/case/design/h_008.html
>タグとは、二つの不等号(<) (>)で囲まれ、HTMLの指示を記述するものです。ブラウザはこのタグに従ってWebページを表示します。

「タグ」すら真面に解説できないのか、この会社は。
というか今時こんな解説恥かしいよ、W3Cメンバーなのに。
HTMLの方は所謂「タグ辞典」だし。こういう解説は駄目。

73 :Name_Not_Found:2006/05/23(火) 10:25:18 ID:???
気が済んだか?

74 :Name_Not_Found:2006/05/23(火) 10:27:17 ID:???
そういえば、和製英語でコンテンツは存在するけど、コンテントはないよな。

75 :Name_Not_Found:2006/05/23(火) 10:34:20 ID:???
次スレのテンプレで消滅しない限り、気が済まない。
誰だよこんなの推薦したのは。よく中身を読めよ。

76 :Name_Not_Found:2006/05/23(火) 10:41:14 ID:???
>>75
まあなんだ。
おまえがこのスレから消滅すれば済む話だ。

77 :Name_Not_Found:2006/05/23(火) 10:46:25 ID:???
つうかあれだ。とっとと消えろ。

78 :Name_Not_Found:2006/05/23(火) 10:47:05 ID:???
んだんだ

79 :Name_Not_Found:2006/05/23(火) 10:53:07 ID:???
もう言いたい事は言ったから消えるよ、さようなら。
役に立たないものはテンプレから消えるべき、それだけ。
それでは次の質問どうぞ。

80 :Name_Not_Found:2006/05/23(火) 14:42:05 ID:???
>>72
初心者のために専門用語を使わないようにしてるのかと思えばそうでもない
こんな解説上級者はむかつくし、初心者は理解できない。


81 :ももしん ◆O062Cj89qk :2006/05/23(火) 15:21:42 ID:???
こんにちは、変なデザインを作ったら、画面チェックしてたIE(win)以外では
まともに表示できない状態になってしまいました。
何度か作り替えて少しはマシになったんですが、テーブルが入れ子状態で
ソースがグダグダでもうちょっとなんとかしたいと思っているのですが
どうも旨く作れず、手詰まりに陥ったので、
一端、精通した人のご意見を頂きに参りました。

cssも勉強中で、ページはごちゃごちゃしていろいろとこだわる人には怒られそうな構文してる気がしますが
肝心のデザインは説明するより見た方が速いと思うので私のサイトは以下です
http://momoshin.net/maglog
IE(win)以外では意図したような表示がされないと思います。

1記事分スレッドのtableを見てください
作りたいデザインとしては、現状のようなタイトル日付名前等の配置で
・1スレッドごとに左上にアイコンが配置される感じで
 スレッドの上空間と、下の本文部分にはみ出るような状態、
・スレッドの影をつけたい

アイコンがはみ出るというのがポイントなのですが
これをやろうとすると、どうしてもごちゃごちゃになってしまって・・・

もうちょっとスマートにやるほうほうは無いですかねぇ



82 :Name_Not_Found:2006/05/23(火) 15:45:36 ID:???
>>81
まずはじめに一つ。テーブルレイアウトとCSSの無理な併用はやめてくれ。
無駄に複雑すぎて理解するのに時間と労力がかかる。
しかもstyle属性さえ随所にちりばめられていて、もうなんといっていいのやら。
悪いことは言わないからはじめから作りなおした方がいいと思われ。
このさいテーブルレイアウトでもCSSでもいいから、
どちらか片方だけにしぼって作り上げたてからまたおいで。

83 :Name_Not_Found:2006/05/23(火) 15:53:48 ID:???
つーかIEもそれ以外もどっちも崩れてるんだが・・・

84 :ももしん ◆O062Cj89qk :2006/05/23(火) 16:01:53 ID:???
>もうなんといっていいのやら。
是非いろいろご意見頂戴したい次第です。
技術的にも乏しく時間もあまり無いので、完全に文句つけられないような
構文をすることはたぶん現実的には無理ではないかとは思ってはいますが
それでもこういう所でいろいろ言ってもらえないと、なにがどう駄目なのかが
わからないので、ぜひ箇条書きとかでも結構ですので、いろいろご意見お聞かせ願えれば幸いです。
今後の参考にさせて頂きますので、是非よろしくお願いします。

感覚的に駄目チックなのはわかるんだけど、
どう駄目なのかわからないから、どう直すべきなのか方向もわからないという感じで・・・



85 :Name_Not_Found:2006/05/23(火) 16:18:22 ID:???
これはひどい

86 :Name_Not_Found:2006/05/23(火) 16:29:48 ID:???
>82
凝ってるなぁ
これだけ作った労力は凄い
だが汚いw
あんたプログラム出来るんなら難しくないんじゃないのか?

87 :86:2006/05/23(火) 16:30:57 ID:???
アンカー間違った、正直スマン
>>82 正>>81

88 :Name_Not_Found:2006/05/23(火) 18:02:15 ID:???
>>81
これってnucleusじゃん。
まずCSSの基礎が分かってないと改造は難しいと思う。
それが嫌なら公開されてるスキンでも使えば。

89 :Name_Not_Found:2006/05/23(火) 18:16:08 ID:???
ニュークリで自分でこれだけくんだなら、
cssの技術的基礎は分かってると思う。
cssの概念的基礎が分かってないんじゃないかと思う

81は何がしたいの?

90 :Name_Not_Found:2006/05/23(火) 18:21:00 ID:???
ていうか、一人で自演してるやついるよな、確実に、、、


91 :Name_Not_Found:2006/05/23(火) 18:31:54 ID:???
一人じゃなきゃ自演出来ないだろうが。

92 :Name_Not_Found:2006/05/23(火) 18:44:59 ID:???
そだね、まあどうでもいいんだけど、なんかやけにレス伸びるのが長くてうざかったので

93 :Name_Not_Found:2006/05/23(火) 19:08:29 ID:???
長くてうざかった?長いって何だ?
フォント最大で2ch見てて見づらいというオチとかw

94 :Name_Not_Found:2006/05/23(火) 19:10:18 ID:???
あと、お前もうざいってのも、書き足すのを忘れてた
レスが長く伸びてうざかったので、なんですけど?
この程度も理解できないって事は小学生か、、、

95 :Name_Not_Found:2006/05/23(火) 19:15:19 ID:???
>>94
そんなどうでもいいことで煽ってくるおまえが一番ウザ
小学生って・・・
じゃあしょうがくせいいですよろしくね
わからなくてごめんね、ゆるしてね

96 :Name_Not_Found:2006/05/23(火) 19:16:15 ID:???
わかった、しょうがないから許してやるよ。

97 :Name_Not_Found:2006/05/23(火) 19:26:28 ID:???
一つ言えることはスレを伸ばすのに一番貢献したのは確実におまえだな。



98 :Name_Not_Found:2006/05/23(火) 19:31:20 ID:???
下らないレスもまた2ちゃん。
まぁ良いではないか。ははは。

99 :Name_Not_Found:2006/05/23(火) 19:55:42 ID:???
>>97
いや、むしろうざがってるわけで、逆にお前じゃないの?ぐらいの話しなわけでだな、、
レスもやたら早いし


100 :Name_Not_Found:2006/05/23(火) 20:02:48 ID:???
おまえらいい加減にしろ。続けるなら他でやれ。
99はうざがっていると発言するなら無視しろ2ちゃんの基本。出来ないなら消えろ。

101 :Name_Not_Found:2006/05/23(火) 20:25:10 ID:???
というループなわけですけれども

102 :Name_Not_Found:2006/05/23(火) 21:29:54 ID:giktrSMH
>>81
おかしなところが多いが悪くないサイト。
あなたは伸びる、


103 :Name_Not_Found:2006/05/24(水) 00:53:05 ID:???
↓次の質問どうぞ

104 :Name_Not_Found:2006/05/24(水) 01:00:36 ID:???
では、、、
質問というか、ナンというのか

背景になにか画像があって、その上にボックスが配置されています。そのボックスは
背景が少し透けて見えるのだけれど、

1.パスを切る時点で完成した画像にしてしまう。
2.透過gifを使って実現する

一般的に、どちらの方がスマートな方法でしょう?
今、そういうのを作ろうとおもっていて、どちらの方法で作り始めようか悩んでます。

105 :Name_Not_Found:2006/05/24(水) 01:14:53 ID:???
>>104
>背景が少し透けて
半透明はすこし注意を要する技術。
フィルタとPNGの併用しかまともな道はないんじゃないかな?

106 :Name_Not_Found:2006/05/24(水) 01:21:19 ID:???
>>105
はい、ピクセル合わせabsoluteでイメージ自体を完成させて切ってしまえば簡単に
実現できるのですが、透過png等を(間違えた)使ってやる方法も自由度があって
面白そうだなあ、と思ったので聞いてみた次第です。
例えば、blogのようにコンテンツや配置が入れ替わる可能性があるデザインの場合、
簡単に変更が出来なくなってしまうという辺りが心配でして、、、

107 :Name_Not_Found:2006/05/24(水) 01:23:36 ID:???
どちらにせよスレちがいだな。

108 :Name_Not_Found:2006/05/24(水) 03:14:35 ID:sgRvUFMG
CSSを用いた段組を作成し、左にメニュー要素をおいてFloat設定して
margin-leftでメニュー分空けて右側にメインのコンテンツをおいております。

メイン側のコンボボックスには動的に値が入るのですが、この文字列の長さが
画面の表示可能領域を超える長さだと、メイン部分がメニューの下に移動してしまいます。

知り合いには狭い画面を有効に使うためのCSSの仕様とか言われましたが、
メイン要素を固定しておく方法はないのでしょうか。

はじめから領域を切っておくと普段は必要のない空白領域と、バーが出てしまうので
避けたいです。
よろしくお願いしますm(__)m

109 :Name_Not_Found:2006/05/24(水) 03:23:42 ID:???
>>108
それはどこかで妥協しないとね。
全体の横幅固定か、動的な文字列の表示を再考するか。

110 :Name_Not_Found:2006/05/24(水) 03:23:44 ID:FNXevfOA
>>108
・メイン側は数値指定をしない。
あるいは
・メニューとメインの % 指定。



111 :108:2006/05/24(水) 03:39:59 ID:???
>>109
>>110
このような時間にありがとうございます。

110さんのは試してみたけどやはり落ちてしまいました。

どこかに"出来ない"と明記されていればとりあえず
お客さんも納得してくれそうな気がするんですが・・・。


112 :Name_Not_Found:2006/05/24(水) 06:34:46 ID:???
>>107
CSSの仕様じゃない。floatの仕様。
floatは元々img要素のalign属性のような、小さなものを浮動させるのが目的であって
メニューのような使い方は邪道。
どうしても落ちないようにしたかったら、横スクロールバーが出るので非常に迷惑だが
position:absoluteで固定。

113 :Name_Not_Found:2006/05/24(水) 06:38:56 ID:???
>>108 >お客さんも・・・
おいおい大丈夫かよ

114 :Name_Not_Found:2006/05/24(水) 19:01:19 ID:???
#box2 {
background-color: #999999;
margin-top: 5px;
height: 500px;
}
#box3 {
background-color: #FF0000;
margin-top: 30px;
}


<div id="box1">
<p>あいうえおあいうえおあいうえお</p>
</div>
<div id="box2">
<div id="box3">
<p>かきくけこかきくけこかきくけこかきくけこ</p>
</div>
</div>

このような場合
Box1から5px下にBox2を置いてBox2の中の上から30px下にBox3を置きたいのですがIEではこれでOKですが
FireFoxではこれだとBox2がBox1から30px下でBox3と共に表示されます。
どうしたら良いでしょうか?



115 :Name_Not_Found:2006/05/24(水) 19:10:24 ID:???
>>114
#box2 {
background-color: #999999;
margin-top: 5px;
height: 500px;
padding-top:30px;
}
#box3 {
background-color: #FF0000;
}


116 :Name_Not_Found:2006/05/24(水) 20:04:26 ID:???
隣接要素セレクタ

117 :Name_Not_Found:2006/05/24(水) 20:06:14 ID:???
>>118
俺も今同じようなレイアウトしてます。
俺のは>>112の方法です。メニュー要素はpositionで固定、widthも固定、
メインのmarginをメニューのwidth分とりました。
横スクロールバーは出ないのでやや違うかもですが、うまくいっています。
HTMLもメニューを後に書けるのでいいですよ。

で、それに加えて質問ありましたので次に書きます。

118 :Name_Not_Found:2006/05/24(水) 20:09:01 ID:???
↑のとおりレイアウトすると、通常はいいのですが、
小さく表示したとき、可変のメイン要素はどんどん縮んでしまって
メニューはどこまでも同じ幅でついてくるので、読みにくくなってしまいます。

そこで下のサイトなんですが、一定まで縮小するとメイン要素がそれ以上縮まなくなります。
ttp://www.sanspo.com/baseball/baseball.html
どこかの要素がストッパーになってると思うんだけど目下謎解き中。
解ける方いたらお願いします。

119 :Name_Not_Found:2006/05/24(水) 20:38:43 ID:???
>>118
footerにwidth:760px;のdiv要素が入ってるから。
ソース見りゃわかるだろ。

120 :Name_Not_Found:2006/05/24(水) 21:03:40 ID:???
いや、良い具合に利用された感じもしないでもないんだが、、、

121 :Name_Not_Found:2006/05/24(水) 21:41:23 ID:???
そうだったのかーヽ(`Д´)ノ

122 :Name_Not_Found:2006/05/24(水) 22:41:26 ID:???
いや別に利用してない。ありがとうございます。
フッターというかダミーでしたがwidth指定ありました。
それに近いことは自分でも試してたんですが
やはり>>177の構造では同じようにはいかない感じですorz
なお工夫してみます。

それにしても>>118のサイト、ページ全体がtableに入ってた。
初めて見た〜

123 :Name_Not_Found:2006/05/24(水) 23:02:27 ID:???
>>122
ソース出せば考えてくれる人もいるだろう。

124 :114:2006/05/25(木) 00:20:40 ID:???
>>115
遅くなりましたがありがとうございます

125 :108:2006/05/25(木) 02:53:11 ID:???
>>112
ありがとうございます。助かりました。m(..)m


126 :Name_Not_Found:2006/05/25(木) 05:22:04 ID:HzlDsjTX
このスレだったと思うんですが
違うかも知れませんが、2CH関連のまとめサイトか何かでCSSの決まり事?みたいな内容で
フロート要素には幅を指定しないといけない、マージンを0にした場合は何なに…
のような事が書いてあるサイトの話をみたのですが、どなたか、ご存じないでしょうか?
いろんなスレの過去ログを見ても見つけられなくて…

127 :Name_Not_Found:2006/05/25(木) 09:02:27 ID:???
>>126
検索しろよ。幅について下記参照。
http://hp.vector.co.jp/authors/VA022006/css/visualren.html#float

128 :Name_Not_Found:2006/05/25(木) 09:37:03 ID:???
>>127
あわてんぼさん

129 :Name_Not_Found:2006/05/25(木) 16:06:01 ID:???
「フロートに幅を明示しろ」
これまだ必要か?
必要とするブラウザを具体的に列挙しておく程度でいいだろ。

「Opera6ではフォームコントロールのボタンに前景色が適用されないから
 フォームコントロールのボタンの背景色を黒っぽくしてはならない」
なんて必死に言っているようなもの、かなりおかしい。

まだCSS2和訳を参照している人は急いでCSS2.1に切り替えた方が良い。

130 :Name_Not_Found:2006/05/25(木) 16:09:19 ID:???
>>129
>必要とするブラウザ
うろ覚えだがIE 4.x and 5.x for Macだったっけ?

131 :Name_Not_Found:2006/05/25(木) 18:12:01 ID:???
N7も2.0準拠だろう。

132 :Name_Not_Found:2006/05/25(木) 22:46:28 ID:gyUddm1A
質問です。

<div id = xxx>
<div id = aaa>
aaaaaaaaaaaaaaaaa
</div>
<div id = bbb>
bbbbbbbbbbbbbbbbb
</div>
</div>

と一度作ってブラウザで確認したあと

<div id = xxx>
<div id = aaa>
aaaaaaaaaaaaaaaaa
</div>
<div id = bbb>
bbbbbbbbbbbbbbbbb
</div>
<div id = ccc>     ]
ccccccccccccccccc    ]←この3行を追加する
</div>           ]
</div>

上記のようにやるとID cccだけが ID xxxとネストされず、
はみ出してしまいます。

あとからIDを追加と言うのはできないのでしょうか?
教えて下さい。

133 :Name_Not_Found:2006/05/25(木) 22:55:59 ID:80zrNqiE
CSSをまだ何も勉強していないんですけど、とりあえず本買って勉強しようと思うんです。
で、なんかお勧めの入門書とかないですか?




134 :Name_Not_Found:2006/05/25(木) 22:59:11 ID:???
オレンジ色の本がいいよ

135 :Name_Not_Found:2006/05/25(木) 23:46:13 ID:???
>>132
そんな事ない。あと<div id = "xxx">。

136 :Name_Not_Found:2006/05/26(金) 00:12:06 ID:???
強要スンナ

137 :Name_Not_Found:2006/05/26(金) 00:26:32 ID:???
>>133
とりあえずアンク著の本とかは止めておけ。昔から非道い。
「売れている本」と「内容の正確さ」は必ずしも一致しない点に注意すること。
同様に「初心者に人気のある解説サイト」もほとんどの場合、正しくない。

>>135
それよりもイコールの前後にある空白の方がよっぽど拙いだろ。
HTML4ならxxxという名であれば引用符で括らなくても大丈夫。

138 :Name_Not_Found:2006/05/26(金) 01:07:56 ID:???
>>132
どこかに余計な</div>が混ざってるんじゃないの?
一度検証でもしてみた方がいいと思われ。

139 :Name_Not_Found:2006/05/26(金) 01:41:24 ID:???
tp://www.hinet.mydns.jp/~hiraku/tDiary/20050922.html#p04
のようにPREを
width: xx%;
overflow: auto;
とするとIE6でスクロールバーが表示されると文字に重なってしまいます。
どうするのがスマートでしょうか?

140 :Name_Not_Found:2006/05/26(金) 01:47:13 ID:???
ゲイツに文句を言う

141 :Name_Not_Found:2006/05/26(金) 01:53:01 ID:???
overflowを使わない

142 :Name_Not_Found:2006/05/26(金) 02:20:47 ID:???
<html>
<title>IE Su*k!</title>
<body>
<h1>IE Su*k!</h1>
.
.
.
</body>
</html>
を天麩羅にする

143 :139:2006/05/26(金) 03:43:37 ID:???
>140-142
d

overflow: scroll; は気に入らないのでautoで</pre>の前に改行を足す事にしますた。


144 :Name_Not_Found:2006/05/26(金) 08:04:30 ID:???
IEで、縦のスクロールバーが表示されるときに、
幅の計算がおかしくて横のスクロールバーも同時に表示されてしまう症状を、
解消する方法はありませんか?

145 :Name_Not_Found:2006/05/26(金) 08:44:29 ID:???
100%にしなきゃいいんじゃなかったっけ?

146 :Name_Not_Found:2006/05/26(金) 10:20:46 ID:???
そんな状態あんのか?

147 :Name_Not_Found:2006/05/26(金) 11:57:48 ID:ZLjDJ1Wc
BODY{
background-color : #FFFFFF;

↓ここから下の部分を
a:link {text-decoration:none; color:#ffffff ;
a:visited {text-decoration:none; color:#ffffff ;
a:active {text-decoration:none; color:#ffffff ;
a:hover {text-decoration:none; color:#FFFFFF;
position:relative;top:2px;left:2px;
}

↓ここに入れたリンクにだけに適用されるようにしたいのですが
TD{
text-align: right ;
vertical-align: bottom ;
padding : 3px;
width : 100px;
height : 100px;
}

どの辺に入れたらよろしいでしょうか。
もうワケワカランです。

148 :Name_Not_Found:2006/05/26(金) 12:29:01 ID:???
>>147
td aほにゃらら
ttp://hp.vector.co.jp/authors/VA022006/css/selector.html#descendant-selectors

149 :Name_Not_Found:2006/05/26(金) 12:30:14 ID:???
因みに蛇足だけど、position:relativeを多用すると
ロースペックマシンだと落ちることもあるぞ、あんま使わないほうがいい。

150 :Name_Not_Found:2006/05/26(金) 12:45:34 ID:???
貧乏人は見なくていいよ

151 :ネット先輩方へ:2006/05/26(金) 12:45:52 ID:???
ネット先輩方へ。教えてください(;´Д`)ゞ
cgiboyの「前略プロフィール」の【・・足跡】の
GuestBOOK(超シンプル・掲示板)なのですが、
背景を際立たせる為に、書き込まれた欄の部分を透けるようにしたいんです。(完全に透けるのではなく、薄っすら背景が見えるように)
で、自分でもGoogleで色々と検索し、調べタグを入れようとしたら、その掲示板自体が、カラーコードの記入欄しかないのです。

でも、他のユーザー方の書き込まれた欄は背景が薄っすら見えるようになっています。
(具体例)http://bbs7.cgiboy.com/1R3072411 など。
※↑↑↑いたずらカキコはしないでくださいねm(__)m

カラーコードの入力欄しかないのに、みんながどのように透けるようにしてるのか、サッパリわかりません。
cgiboyのサポートセンターにもメールで問い合わせましたが、「そうゆうことは出来ません。」と返って来てしまいました。

長くなりましたが、2chの方なら分かるかな?と思い、書き込ませて頂きました。
ご回答、どうぞよろしくお願い申し上げます。
出来ましたら、細かく説明して頂けると大変助かります。

<追伸>ちなみにPCは、ウィンドウズでXPを仕様しております。
板違いでしたら、誘導お願いします。失礼いたしました。



152 :Name_Not_Found:2006/05/26(金) 12:54:59 ID:???
>>151
IE以外とIE7用には半透明PNG。
IE6用にはfilter。

153 :Name_Not_Found:2006/05/26(金) 12:57:49 ID:???
>>151
>カラーコードの記入欄しかない
だったら無理。

154 :147:2006/05/26(金) 13:03:40 ID:???
>148-149
ありがとうございました。
リンクが動きましたヒャホーイ
position:relativeの使用は2,3個のとどめておきます。

155 :ネット先輩方へ:2006/05/26(金) 13:14:06 ID:???
>>151です。

>>152さんへ。レスありがとうございます。
そのソフトをダウンロードすれば「可能」ってことなんですよね?今、Googleで調べてみました。しかし、サッパリわからないです。ちなみに自分のIEってどう調べたらわかるんでしょうか?質問だらけですいません。。。



156 :ネット先輩方へ:2006/05/26(金) 13:19:01 ID:???
>>153さん。レスありがとうございます。
・・・・・やっぱりカラーコードの記入欄しかないと無理ですか?
他のユーザーの方々の掲示板は、透けているんですけどねぇ(´Д`)
まったくもって謎です(´・ω・`)ハァァァ・・・




157 :Name_Not_Found:2006/05/26(金) 13:20:07 ID:???
半透明PNGは「32bit PNG」という「画像の形式」。
filterはWindows用の「Internet Explorer」というブラウザ専用の「スクリプト(プログラムみたいなもん)」。
どちらも「カラーコード」とは別物。
ok?

158 :ネット先輩方へ:2006/05/26(金) 13:32:26 ID:???
>>157様 |ω・`)
細かくレスして頂き、ありがとうです。。。
カラーコードとは別物なのかぁ・・・。説明判りやすかったです。感謝です!
じゃぁ、http://bbs7.cgiboy/1R3072411さんとか
http://bbs6.cgiboy.com/3R0808123さんってどうやって透かしてるんだろう。゚(゚´Д`゚)゜。ウァァァン
それが、さっき書かれてたソフトでしょうか?
*しつこくてすいません*


159 :Name_Not_Found:2006/05/26(金) 13:38:56 ID:???
>>158
filter CSS IEでググれ。
そのカラーコードをボックスら乗せた上で半透明にするのがfilterというCSSもどき。
でもこれはIE専用なので、その他には色指定なしで半透明PNG画像を背景画像として敷き詰める。

160 :Name_Not_Found:2006/05/26(金) 13:55:42 ID:???
質問させて下さい。

今制作しているサイトは外部CSSでフォント指定などをしているんですが、
font-familyでヒラギノ丸ゴシックProW4を指定してもFireFoxやSafariで反映されません。

一応、font-family:"ヒラギノ丸ゴシック Pro W4","Hiragino Maru Pro W4"と両方記述しているんですけど。。。

原因はどこにあるのでしょうか?ご教授お願いします。

161 :Name_Not_Found:2006/05/26(金) 13:59:41 ID:???
>>158
説明判りやすかったです。とか言って全然分かってねーじゃねーかクソガキ
何が*しつこくてすいません*だクサレマンコが、キモ杉おっぱいおっぱい

66.102.7.104/search?q=cache:7kosGiUeOhoJ:mizugane.kuronowish.com/log/2005/03/opacity/+&hl=ja&ct=clnk&cd=1&lr=lang_ja

162 :Name_Not_Found:2006/05/26(金) 13:59:45 ID:???
>>160
単純にフォントがはいってないんじゃないの?

163 :Name_Not_Found:2006/05/26(金) 14:00:56 ID:???
>>162
自分の環境書くの忘れてました。すいません。

一応MacOS10.4.5なので、入ってます。

164 :Name_Not_Found:2006/05/26(金) 14:03:13 ID:???
>>160
他のブラウザは?
フォント名正確?
文字コード宣言?


165 :Name_Not_Found:2006/05/26(金) 14:06:34 ID:???
>>164
Operaでは反映されていました。
Netscapeでは反映されずです。

記述は一部抜粋すると、
.text { font-family: "ヒラギノ丸ゴシック Pro W4", "Hiragino Maru Gothic Pro", "Verdana", "Osaka", "MS UI Gothic"; font-size: 9px; line-height: 15px; color: #ffffff}
こんな感じにしています。

文字コード宣言とは?馬鹿ですいません。

166 :不夜城@勝〓橋 ◆72pu09bxDc :2006/05/26(金) 14:06:49 ID:???
自分のマシンにインストールされているInternet Explorerのバージョンを知るには、
ブラウザのウインドウの「ヘルプ(H)」をワンクリックして、
一番下の「バージョン情報(A)」を選んでワンクリックすれば確認できる。
Windows XPがインストールされているのなら、バージョンは6.0xだと思われ。
Mac OS Xなら、多分Internet Explorer 5.2.3。

167 :Name_Not_Found:2006/05/26(金) 14:16:04 ID:???
すいません。文字コードはShift_JISです。

168 :Name_Not_Found:2006/05/26(金) 14:19:51 ID:???
ちょっと厄介かもね
ttp://forum.mozilla.gr.jp/?mode=al2&namber=23426&page=20&&KLOG=148

169 :Name_Not_Found:2006/05/26(金) 14:25:31 ID:???
>>165
宣言してないんだとしたら、CSSファイルの先頭に入れとけ。

@charset "Shift_JIS";

170 :Name_Not_Found:2006/05/26(金) 14:27:03 ID:???
>>168
どうもです。
うぅ、、、オフライン上では正しく表示されるんですけど。。。Safariのみ。
ファイルをアップした後にオンラインで確認すると反映されてないんですよ。

もう少し試してみます。
ありがとうございました。

171 :Name_Not_Found:2006/05/26(金) 14:31:59 ID:???
>>169
CSSファイルには記述してませんでした。。。
が、特に変わりませんでした。。。どうなってんだろ。

172 :Name_Not_Found:2006/05/26(金) 14:41:15 ID:???
何度もすいません。
>>169
Safariでは正確に反映されました!ほんとありがとうございます!!
fireFoxに関しては仕様だと諦めようと思います。

173 :Name_Not_Found:2006/05/26(金) 14:45:46 ID:???
>>172
マカーでヒラギノ使ってるところ。おまいさんなんか書き間違えてね?
ttp://www.remus.dti.ne.jp/~a-satomi/common/css/__defaults.css

174 :Name_Not_Found:2006/05/26(金) 14:57:29 ID:???
>>173
おぉ、、、このサイトさんはFireFoxでも問題なく反映されてますね。
ちょっと勉強させてもらいます。ありがとうございました。

175 :ネット先輩方へ:2006/05/26(金) 15:24:35 ID:???
>>159さん
出来ました!細かく教えて頂きありがとうございました!

>>161さん
そうですね。判っていませんでした。嫌な思いをさせて
すいませんでした。



176 :Name_Not_Found:2006/05/26(金) 20:32:03 ID:VpdbKp4e
width: 200; height: 200;のdivの中で、
テキストを右下に表示させたいのですが、可能でしょうか?
tableのtdにおけるalign=right valign=bottomのようなことを
したいのですが・・・。

177 :Name_Not_Found:2006/05/26(金) 20:40:00 ID:???
>>176
podision:absoluteでないと無理。

178 :Name_Not_Found:2006/05/26(金) 20:43:03 ID:???
>>176

<div id="aa">
<p>ほげほげほげ</p>
</div>

div#aa { width: 200px; height: 200px }
div#aa p { width: 100px; height: 100px; margin: 100px 0 0 100px }

こんな感じか?

179 :Name_Not_Found:2006/05/26(金) 20:44:12 ID:???
>>178
むしろ字が小さいと中央にならね?

180 :178:2006/05/26(金) 20:53:20 ID:???
テキストの量が決まっていて文字サイズ固定なら…

181 :Name_Not_Found:2006/05/26(金) 21:05:29 ID:???
divの中で右下では無くて、右下にdivがあればいいだけじゃないの?

182 :Name_Not_Found:2006/05/26(金) 22:02:18 ID:???
これで良いんじゃねぇの。
<div style="border:solid 1px;width:200px;height:200px;position:relative">
<span style="position:absolute;right:0;bottom:0">あああ</span>
</div>

183 :Name_Not_Found:2006/05/26(金) 22:19:32 ID:???
文字がデカくなるとどうにもならないな。

184 :Name_Not_Found:2006/05/26(金) 22:33:04 ID:???
だからさぁ>>182で良いんだろ。違うのか。
親のDIVを相対配置して包含ブロックを設置。
その中で絶対配置right:0;bottom:0を指定。
この意味がわからんのかな。

185 :Name_Not_Found:2006/05/26(金) 22:34:08 ID:???
>>184
・・・・・文字サイズ大きくしてみ?

186 :176:2006/05/26(金) 22:35:13 ID:???
>177-183
レスありがとうございます!
>>182さんのやりかたでやったところ上手くいきました。
ありがとうございました!

187 :Name_Not_Found:2006/05/26(金) 22:37:18 ID:???
>>177で即レス完了してんじゃないのか…?

188 :Name_Not_Found:2006/05/26(金) 22:44:38 ID:???
>>185
だからそれが何。ちゃんと右下になるだろう。
line-height: 1; を指定すれば尚よいがな。

189 :Name_Not_Found:2006/05/26(金) 22:50:32 ID:???
>>188
>>>177

190 :Name_Not_Found:2006/05/26(金) 23:39:25 ID:???
自力で学習しない怠慢な初心者がわらわら集まってきて、
無知な回答者が知ったか振って不適切な説明を繰り返す。

それで質問者をほったらかしにて変な議論が始まったりする。
結局、初心者は混乱して何も解決できないまま去ることに。
もし解決できたしても無題に時間が掛かってしまうという罠。

だからこの手の質疑応答タイプの掲示板はくだらない。
回答者のスキルのばらつきが余りに大きすぎる。
その時刻に識者が居ないと真面な回答が返って来ない。
高いスキルを持つ識者だけの登録制にしない限り不毛。

ここに来る質問者も回答者もくだらない。両方とも勉強しろ。

191 :Name_Not_Found:2006/05/26(金) 23:59:50 ID:???
低ラベルだもんしようがあんめいよ。

192 :Name_Not_Found:2006/05/27(土) 00:06:29 ID:???
初心者が超初心者に憎たらしく論じている

193 :Name_Not_Found:2006/05/27(土) 00:31:29 ID:???
>>190
だったら、教えてgooとかにいったらいいと思うよ。
たまーにこういう人いるけど、お前ら全員うんこたれだぜ!といってる
人の中に自分もふくまれているとゆー、、、
行ってることはもの凄くよくわかるんだけど、じゃあお前なんでここにいるの?って
思ったりする

194 :Name_Not_Found:2006/05/27(土) 02:20:45 ID:???
W3C CSS 検証サービス ttp://jigsaw.w3.org/css-validatorについて質問です。
html {
background-color : #〜;
color : #〜;
}
body {
background-color : #〜;
margin : 10%;
}

例えばこのようなCSSを書くと、bodyのcolorを指定していないと怒られます。
また、子要素の文字色を指定して、背景色を透化と明示しても問答無用で怒られるようです。
しかし、この警告に従うとCSSというスタイルシートの利点も奪われているような気がしますし、
事実、私にとっては面倒かつ足枷になっています。
この警告はどの程度深刻なものなのでしょうか。

195 :194:2006/05/27(土) 02:21:33 ID:7oXMefIP
idを出し忘れました。
申し訳ありません。

196 :Name_Not_Found:2006/05/27(土) 03:24:57 ID:???




このていど

197 :Name_Not_Found:2006/05/27(土) 05:02:46 ID:???
所詮機械的に判断してるだけだからそんなに気にする必要ないよ。
わかっていてその方がいいと判断したならそれでいい。

198 :194:2006/05/27(土) 11:05:02 ID:7oXMefIP
>>196-197
遅くなりましたがありがとうございました。

199 :Name_Not_Found:2006/05/27(土) 11:41:04 ID:???
>>194
自分も>>197の意見に同意。W3C信者とかなら別だけど、理想と現実の境界線を
考えてやるべきだと思われ。

あと、検証してないで適当なことを言ってみるが
bodyに color: inherit; とか入れてみるとどうなるだろうか。

200 :Name_Not_Found:2006/05/27(土) 12:04:31 ID:???
body {
 margin-left: 50px;
 padding: 0 20px;
}
とやっているのですが、この状態で
p.example {
 position:absolute;
 top:0;
 left:0;
 width:100%
}
とするとPはleft:0により左端にくっつきますが、右端にOperaではbodyのマージン分、IEではbodyのマージンとパディング分の隙間ができます。
Firefoxでは、なにも隙間ができずに右端にくっつき、ウィンドウ幅と同じ幅になります。
これをうまいこと他のブラウザでも右端にくっつけて、ウィンドウ幅にすることはできませんか?

201 :Name_Not_Found:2006/05/27(土) 12:13:55 ID:EOztyPvQ
CSSを組んでいってる時に、IEだけ妙な挙動をするのでちょっとパターンを調べてみました。
/* 定 */
このようなコメントを指定すると、それ以後の指定を無視するのですが、当方以外の環境でも再現するか試して頂けませんか?

語尾が「定」だと発生するようなんです。
それ以外にコメントを書いてる場合、一部無視するみたいな動きをするようなのですが…。
避けるのは簡単なんですが、既知のバグなら後学の為に詳細を知っておきたいので。
よろしくお願いします。

202 :200:2006/05/27(土) 15:39:54 ID:???
自己解決しました。
幸い、これより上の要素がすべて縦が固定幅だったので、
p.exampleにmarginで左右に負数を与えてウィンドウ幅にして、
そのままposition:relativeとtopで無理矢理上に持ち上げました。

position:absolute時にleft:0、またはright:0とやるとそれぞれウィンドウの端にいくことが出来るんだから、
width:auto;
left:0;
right:0;
みたいな感じでウィンドウの幅になればいいのに…。

203 :Name_Not_Found:2006/05/27(土) 15:51:05 ID:QkweEEWQ
ブログのメニューにあるような、カレンダーをCSSで作りたいんですが、どうやろうか悩んでます。
やっぱりテーブルでやるのが無難かなぁ?

204 :Name_Not_Found:2006/05/27(土) 15:55:03 ID:???
テーブル以外ならリストかな?
しかし、カレンダーって要するに日付”表”だから
素直にテーブルにした方がいいと思われ。

205 :Name_Not_Found:2006/05/27(土) 16:03:37 ID:QkweEEWQ
>>204
なるほど。ありがとうございます。

便乗でもう1つ。
名前       [        ]
メールアドレス. [        ]
本文       -------------
          |         |
          |         |
          |         |
          |         |
          -------------

ちょっと見にくいかと思いますが、フォームだと思ってください。
こういうのもテーブルでやると楽なんですが、CSSでやるにはどうしたらいいでしょうか?

206 :Name_Not_Found:2006/05/27(土) 16:10:04 ID:???
<form>
<div><label></label><input></div>
<div><label></label><input></div>
<div><label></label><textarea></div>
</form>

div {position: relative;}
label {position: absolute;}
input,textarea {position: relative;left:em;}

207 :Name_Not_Found:2006/05/27(土) 16:12:24 ID:???
>>206
fieldset要素を使おうよ。

208 :Name_Not_Found:2006/05/27(土) 16:14:27 ID:???
使えば?

209 :Name_Not_Found:2006/05/27(土) 16:31:07 ID:QkweEEWQ
>>206
すいません、よくわからないので解説おねがいできますか?
ラベルの部分が表示されない・・・

210 :Name_Not_Found:2006/05/27(土) 16:46:20 ID:???
>>209
ぽじぽじのアブソリュートです。

211 :Name_Not_Found:2006/05/27(土) 16:58:53 ID:???
>>206の説明は分かりにくすぎだと思われ。
こんな感じのものをCSSでととのえれ。
<form>
<fieldset><label>名前</label><input></fieldset>
<fieldset><label>メールアドレス</label><input></fieldset>
<fieldset><label>本文</label><textarea></textarea></fieldset>
</form>

212 :Name_Not_Found:2006/05/27(土) 17:04:06 ID:QkweEEWQ
fieldsetタグなんて初めてだ。
何もスタイル指定してないのにボーダー付くのかw

213 :Name_Not_Found:2006/05/27(土) 17:05:44 ID:???
>>210
かわええ

214 :Name_Not_Found:2006/05/27(土) 17:11:16 ID:???
>>194
遅レスだが、ユーザスタイルシートで
body {
background-color: #〜;
color: #〜; /* 著者スタイルシートのbackground-colorの値と同じ */
}
みたいに書いたらどうなるか考えてみろ。

215 :Name_Not_Found:2006/05/27(土) 17:35:05 ID:???
>>214
ん?おまえのそれだと普通にユーザスタイルシートが優先されるだけだじゃね?
htmlに文字色と背景色を指定してbodyの指定を忘れるか
bodyの背景色か文字色のどちらか片方だけを変えないと問題にならないぞ。

216 :Name_Not_Found:2006/05/27(土) 17:51:42 ID:QkweEEWQ
>>211
position使わないとできないですか?

217 :Name_Not_Found:2006/05/27(土) 17:56:46 ID:???
>>205
<form>
<dl>
<dt>名前</dt>
<dd><input></dd>
<dt>メールアドレス</dt>
<dd><input></dd>
<dt>本文</dt>
<dd><textarea></dd>
</dl>
</form>

dt { clear:left; float:left; width:8em; }

218 :Name_Not_Found:2006/05/27(土) 17:58:43 ID:???
>>201
文字コードは?
そして文字コードの指定は正しくしているか?

219 :ももしん@81 ◆O062Cj89qk :2006/05/27(土) 19:23:00 ID:???
>82
テーブルでできるならテーブルでいいや派はなのですが
どうしても今のデザインがテーブルで無理で(重ねとか)
テーブルで無理な部分をcssでツギハギしてたらごちゃごちゃになりました
すみません、精進します・・・(^-^;
>83
83さんのおかげでwarning出てる事に気づいた・・・・
教えて(?)ありがとうございました。

>86
えーとプログラムの能力はwebデザインとは別で
同じプログラマーでも見やすいソース、構造にこだわるタイプ・能力を持つ人とかは
webデザインもソースからこだわりそうな予感がします

220 :Name_Not_Found:2006/05/27(土) 20:48:04 ID:???
http://www.designsnack.com/?page=articles
このサイトの左のプルダウンメニューみたいなやつで、
javascriptオフの時は普通のリストとして展開するにはどうすれば良い?

221 :Name_Not_Found:2006/05/27(土) 20:56:59 ID:???
>>220
普通のCSSの方には普通にリストの装飾にしておいて
プルダウン用のCSSはJSで書き出す。

222 :Name_Not_Found:2006/05/27(土) 21:04:28 ID:???
>>221
実際にその方法を用いているサイトをご存じないでしょうか?
どうもscriptが上手く動かないみたいでorz
ずっと探してるけど無いんです…。

223 :201:2006/05/27(土) 21:20:52 ID:???
>>218
文字コード等見直しました結果、指定文字コードとエディタで保存時の文字コードが食い違っておりました。
合わせた結果問題なくCSSが適用されるようになりました。
ありがとうございます。お騒がせ致しました。

224 :Name_Not_Found:2006/05/27(土) 21:23:59 ID:???
>>222
知らん。
というか、普通のそういうCSSのプルダウンメニューのスクリプトから
CSSの部分だけJSに移してwriteでいいんじゃね?

225 :Name_Not_Found:2006/05/28(日) 11:17:37 ID:???
filter:alpha(opacity=50);
-moz-opacity:0.5;
opacity:0.5;

などを使わないで、半透明にする方法は無いですか?

226 :Name_Not_Found:2006/05/28(日) 11:54:35 ID:???
IE6以下を見捨てれば簡単。

227 :Name_Not_Found:2006/05/28(日) 12:00:16 ID:???
>>225
半透明PNGを背景画像にする。IEには格子状のGIF画像を。

228 :Name_Not_Found:2006/05/28(日) 12:00:30 ID:???
半透明に見えるような画像を貼る

229 :Name_Not_Found:2006/05/28(日) 12:27:22 ID:???
81んとこの影が半透明だな

230 :229:2006/05/28(日) 12:29:39 ID:???
スマン、半透明じゃなくて格子GIFだった。よくみないで書いちまってすまん。

231 :Name_Not_Found:2006/05/28(日) 12:31:46 ID:??? ?
僕は会社での立場が半透明です

232 :Name_Not_Found:2006/05/28(日) 12:46:20 ID:???
>81

233 :Name_Not_Found:2006/05/28(日) 14:50:43 ID:BoYuq+wH
>>114
ちょっと思ったのだがこれってieとffどっちの挙動が正しいの?

234 :Name_Not_Found:2006/05/28(日) 15:25:34 ID:???
>>233
IEだと思う。Fxもborderを付けると解消される。
ただ垂直方向のマージンの相殺の計算で敢えて後出しのbox3を優先させて
こういう動作にしてる可能性も否定できない。
相殺の場合、どっちが優先されるって仕様明確にされてたっけ?

235 :Name_Not_Found:2006/05/28(日) 15:26:10 ID:???
>>225
なんでfilteを使わない方法を探してるかわからん、filter使っちゃ
いけない状況なんてあるの?

236 :Name_Not_Found:2006/05/28(日) 15:28:06 ID:???
100%ピュアCSSで作成しなきゃならない場合も当然あろ。

237 :Name_Not_Found:2006/05/28(日) 15:33:28 ID:???
232が何を書こうとしていたのか気になる

238 :Name_Not_Found:2006/05/28(日) 15:49:31 ID:???
>>237
>>81のサイトが面白すぎるって事じゃないw

239 :Name_Not_Found:2006/05/28(日) 16:48:58 ID:???
デザイン、ソースのきたなさ等いろいろありそうだが
個人的にはどうやってこんな複雑な入り子テーブル作ったのかが気になる

240 :Name_Not_Found:2006/05/28(日) 17:38:06 ID:???
>>233
これはFxのほうが正しい。
マージンの相殺は隣接要素間だけでなく親子要素間でも
(ボーダーやパディングがなければ)行われるから。
IEもbox2のheightを消せばちゃんとマージンが相殺される。

241 :Name_Not_Found:2006/05/28(日) 17:38:39 ID:???
>>237
>232だがお前みたいなアンカーなしのレスは非常に見辛い
いちいち戻るの面倒
専ブラの人は >1 >>2 >1-2 >3 >>4 >1,2,3,4,5
http://pc8.2ch.net/test/read.cgi/hp/1148103380/237
ってのがポップアップで見れるんだよ

んで、いちいち戻ってみたら自分の(ry

2chでもアクセシビリティは重要なのだ。

242 :Name_Not_Found:2006/05/28(日) 17:46:06 ID:???
それはむしろユーザビリティじゃないかと(ry

243 :Name_Not_Found:2006/05/28(日) 17:48:14 ID:???
イタイこと言っちゃったな

244 :Name_Not_Found:2006/05/28(日) 18:00:03 ID:???
>>241
そんなあなたに番号だけでポップアップするCastellaをお薦め。

245 :232:2006/05/28(日) 18:01:50 ID:???
>>242-243
だからてめーらレスアンカー付けろって言ってんだろ
このすっとこどっこいがあああああああ!!!!!!!drftgyふじこlp@

246 :Name_Not_Found:2006/05/28(日) 18:03:32 ID:???
》244
それはそれでちょっと不便かな

247 :Name_Not_Found:2006/05/28(日) 18:06:12 ID:???
>>246
クリックでポップアップ、ダブルクリックでポップアップ、など選べる。

248 :Name_Not_Found:2006/05/28(日) 18:10:03 ID:???
>>235-236
独自拡張のfilterプロパティを使ってはいけない理由はある。
WinIEの設定でActiveXコントロール云々の項目を無効にしたら
そのスタイル宣言は適用されないどころか、ブラウザ左下に黄色い警告が出る。
これはIE5.5とIE6でおこること。
2006年4月頃から手元のWinXPだけでは起こらなくなっているが定かではない。

要するに、CSSでfilterプロパティを直接書いては駄目だという事。
スクリプトで例外処理とともに書かなければ駄目だという事。

249 :Name_Not_Found:2006/05/28(日) 18:14:08 ID:???
filterプロパティって、アルファチャンネル付きPNG画像をサポートしていないIEが、唯一の代替手段を
提供しているんだなあーって思ったww

>>247
ほぅ、それは便利だな。

250 :Name_Not_Found:2006/05/28(日) 18:22:58 ID:???
>>249
唯一ではない。他にも裏技は幾つかある。
つーか半透明PNGを表示する機能は、実は有しているんだよIE。
なのに「正規の」手段は一つも用意しなかったってのはどういうことだゴルァ!

251 :Name_Not_Found:2006/05/28(日) 18:50:53 ID:???
>>250
できればその裏技を教えてください

252 :Name_Not_Found:2006/05/28(日) 19:04:44 ID:???
>>251
思い付く単語でググればすぐ出てくる。

253 :Name_Not_Found:2006/05/28(日) 19:51:53 ID:???
>>252
素直に教えろや

254 :Name_Not_Found:2006/05/28(日) 19:58:50 ID:???
誰が教えるかボケ

255 :Name_Not_Found:2006/05/28(日) 20:10:07 ID:???
あ?やんの?

256 :Name_Not_Found:2006/05/28(日) 20:11:39 ID:???
帰れバカ共

257 :Name_Not_Found:2006/05/28(日) 20:12:38 ID:???
ちんこまんこ

258 :Name_Not_Found:2006/05/28(日) 20:27:26 ID:???
このサイトみたいに、背景はそのままで、その前面を半透明にするにはfilter使うしか無いんじゃないの?
http://fanta.10gallon.jp/

259 :Name_Not_Found:2006/05/28(日) 20:31:01 ID:???
うーすいません。
左、真中、右と3つのボックスで段組して
真中をセンター寄せにするにはどうすればいいのでしょうか?
真中をtext-align:center;にしてもうまくいきません。
どうぞ教えてください。よろしくお願いします。

260 :Name_Not_Found:2006/05/28(日) 20:40:03 ID:???
>>259
今書いてるソースを書いてくれれば誰かがきっと答えてくれる

261 :Name_Not_Found:2006/05/28(日) 20:45:05 ID:???
>>259
左右をposition:absoluteで端にくっつけ、真ん中を左右カラム分マージンを取る。

262 :Name_Not_Found:2006/05/28(日) 20:47:06 ID:???
>>260
ありがとうございます!
こんな感じです。
#waku {
width: 100%;
text-align: center;
height: 900px;
}
#center_box {
width: 600;
text-align: left;
}
#left_box {
height: 900px;
width: auto;
}
#right_box {
height: 900px;
width: auto;
}

<body>
<div id="waku">
<div id="left_bod"></div>
<div id="center_bod"></div>
<div id="right_bod"></div>
</div>
</body>

どうぞよろしくお願いしますm(_ _)m

263 :Name_Not_Found:2006/05/28(日) 20:48:54 ID:???
>>261
あ、すいません。説明が足りませんでした。
ブラウザの幅に連動して真中のボックスの幅も変わり、
かつ常に中央にいるようににしたいのです。

264 :263:2006/05/28(日) 20:52:09 ID:???
>>261
す、すいません!
ぐだぐだでした。
>>263は間違いです!

ブラウザの幅が変わっても真中ボックスの幅が変わらないようにしたいのです。

もうほんとすいません。
どうぞよろしくお願いしますm(_ _)m

265 :Name_Not_Found:2006/05/28(日) 20:53:15 ID:???
もちつけ

266 :Name_Not_Found:2006/05/28(日) 21:00:22 ID:???
あ、すいません。もちつきます。
いま改めて見ると>>262は明らかにおかしいですねw
いろいろやってるうちに、わけわからんくなってしまいました(泣)

はじめは真中のボックスを
position:absolute
left:50%;
marjin左:-300;

左右のボックスを
floatで右左にしてたんですが
うまくいかず頭がスパゲッティになってしまいました。

267 :Name_Not_Found:2006/05/28(日) 21:04:23 ID:???
>>262
色々間違ってる。
#center_box {
width: 600px; ←単位が必要。
#left_box {
_height: 900px; ←これ以上の高さに伸びないのが仕様なのでIE用はハックで
min-height: 900px; ←そのたブラウザ用はこちら
↑右ボックスも同様。

そして肝心の、真ん中だけ不動幅で左右を可変幅で全体をリキッド、
というレイアウトは、ちょっとやそっとじゃ不可能。
昔ここの住人が頭拈ってなかば裏技で出した例が過去ログにはあったと思う。

268 :Name_Not_Found:2006/05/28(日) 21:05:47 ID:???
>>266
まずfloatかpositionか、どっちかに統一してみそ。

269 :Name_Not_Found:2006/05/28(日) 21:08:57 ID:???
>>267-268
どうもありがとうございました!
おかげで少し楽になりました。
いろいろやってみますですm(_ _)m

270 :Name_Not_Found:2006/05/28(日) 21:11:11 ID:???
>>258
ずいぶん環境を選ぶページだな

271 :Name_Not_Found:2006/05/28(日) 21:13:22 ID:???
>>270
綺麗なんだけどね
つーかIE6でしか管理者の思ったように表示されないと思う

272 :Name_Not_Found:2006/05/28(日) 21:35:42 ID:???
>>258
のmenuのtopやinfoは画像使っているのですか?

273 :Name_Not_Found:2006/05/28(日) 21:39:40 ID:???
>>272
IEでは使ってない。
IE以外で似た効果を出したかったら32bitPNGが必要。

274 :Name_Not_Found:2006/05/28(日) 21:42:02 ID:???
Styleによっては使ってるな
kenkenってstyleだと使ってる

275 :Name_Not_Found:2006/05/28(日) 21:43:01 ID:???
>>273
32bitPNGについて詳しく

276 :272:2006/05/28(日) 21:53:33 ID:???
すいません。JavaScriptオンにしてなかったです。
kenkenじゃなくXan aduです。


ってこれJavaScriptでスタイル切り替えられるんですね。
初めて見ました。凄いっす。

277 :Name_Not_Found:2006/05/28(日) 21:55:41 ID:???
>>275
ttp://mikeneko.creator.club.ne.jp/~lab/grp/png/p3.html

278 :Name_Not_Found:2006/05/28(日) 21:58:35 ID:???
>>277
ありがとう
熟読します

279 :Name_Not_Found:2006/05/28(日) 22:03:14 ID:???
これって>>258も言ってるように、背景の画像を半透明にするわけじゃないから、32bitPNGでも不可能なんじゃないの?

280 :569:2006/05/28(日) 22:39:54 ID:ScUuF9Kg
245ウザ
アンカーごときでぐだぐだいうなよ

281 :Name_Not_Found:2006/05/28(日) 22:50:19 ID:???
>>280
未来の国からようこそ!!

282 :Name_Not_Found:2006/05/28(日) 22:51:14 ID:???
>>279
>>>273

283 :Name_Not_Found:2006/05/29(月) 15:28:34 ID:???
こんな板があったのか!
最近HTMLとCSSを勉強し始めたんだが、
買った参考書と上のリンクを網羅して手足のように動かし、
さらにJavaScriptを齧る位になったらまたくるわ!

ホームページ作るよりも
タグを並べてCSSでデザイン考えてるほうがワクテカする俺は
いつまで経ってもホームページのデザインが定まらない。
もうTOPデザイン更新ページになってるだが
そんな俺にはCSSを勉強する資格はあるのだろうか?
スレ違いだが教えてくれ!!!いや、くださいませ!!!

284 :Name_Not_Found:2006/05/29(月) 15:31:09 ID:???
ない

285 :Name_Not_Found:2006/05/29(月) 15:34:43 ID:???
はげどう

286 :Name_Not_Found:2006/05/29(月) 15:46:37 ID:???
おしえてくださいませm(_ _)m
ボックスの中に文字を入れる時
ボックスのまんなかに文字を表示させるにはどうすればいいでしょうか?
横方向ならボックスにtext-align:centerつければいいのでしょうけど
縦方向のほうがよくわかりませぬ。
どうぞ教えてくださいませm(_ _)m

287 :Name_Not_Found:2006/05/29(月) 15:50:28 ID:???
テンブレ読んで頂戴!

288 :Name_Not_Found:2006/05/29(月) 16:10:35 ID:???
あ、見つけました。
おさわがせしました^^;

289 :Name_Not_Found:2006/05/29(月) 17:05:27 ID:???
テーブルは使っちゃ駄目なのですか?
わかりやすく説明出来る人はいますか

290 :Name_Not_Found:2006/05/29(月) 17:22:12 ID:???
使っていいですが?

291 :Name_Not_Found:2006/05/29(月) 17:22:53 ID:???
駄目じゃないよ。
表データならテーブルを使えば良い。

292 :Name_Not_Found:2006/05/29(月) 17:33:04 ID:???
>>284-285
なるほど!反骨精神でやれってことだな!
よっしゃ!サンクス!挫けぬ心で頑張るぜ!!!!

293 :Name_Not_Found:2006/05/29(月) 18:24:52 ID:???
CSSでformのsizeの制御はできないんですか?
どうもうまくいかないんですが

294 :Name_Not_Found:2006/05/29(月) 18:39:42 ID:???
>>293
できる。書き方間違えてるんだろ。

295 :Name_Not_Found:2006/05/30(火) 10:28:45 ID:dyD4jLi8
あげ

296 :Name_Not_Found:2006/05/30(火) 11:17:02 ID:W7kZmtpx
ol {
list-style-type: decimal;
margin-left:0px;
}

でリストを書くと、IEだと最初の数字が表示領域外に出ちゃうんですけど

、仕様ですか?
firefoxだとちゃんと表示されます。

297 :Name_Not_Found:2006/05/30(火) 11:22:20 ID:???
>>296
IEはmarginで、Fxはpaddingで、マーカーの領域を確保している。
Operaもpaddingだったかな。ブラウザによって違うから、
全部のmargin/paddingを殺してから、自分で設定するのが一番。

298 :Name_Not_Found:2006/05/30(火) 13:04:41 ID:???
>>296
ol {list-style-position: outside ;}

299 :Name_Not_Found:2006/05/30(火) 13:06:11 ID:???
>>298訂正orz
×list-style-position: outside ;
○list-style-position: inside ;

300 :Name_Not_Found:2006/05/30(火) 13:17:10 ID:???
>>298
それは意味が違う。

301 :Name_Not_Found:2006/05/30(火) 13:29:37 ID:???
>>300
あそ。そんなら無視していいけど。

302 :Name_Not_Found:2006/05/30(火) 15:07:31 ID:???
p {
display:inline-block;
width:5em;
height:1em
}

というボックスを作り、

<p>test</p>

その中にボックスより幅の小さな文字列を入れます。

これからボックス内の文字列をボックスいっぱいに均等配置したいのですが
p{}にtext-align:justifyを追加しても均等配置になってくれません。
どこか解釈間違ってるでしょうか。

303 :Name_Not_Found:2006/05/30(火) 15:18:14 ID:???
根本的な問題としてp要素はp要素を内包できない。

304 :Name_Not_Found:2006/05/30(火) 15:20:58 ID:???
display:inline-block; なんて値あったっけ?

305 :Name_Not_Found:2006/05/30(火) 15:28:20 ID:???
>>304
CSS2.1
ttp://www.w3.org/TR/CSS21/visuren#value-def-inline-block

306 :302:2006/05/30(火) 15:31:44 ID:???
>>303さん
書き方が悪かったかもしれません。
<p style="display:inline-block; width:5em; height:1em;">test</p>
として

[t  e  s  t]
上記のように表示したいのですが。

307 :Name_Not_Found:2006/05/30(火) 15:40:54 ID:???
>>306
justifyの仕様を勘違いしている。
それはボックスよりテキスト幅が大きいときに
自動改行の前の行が両端揃えされるだけだ。

308 :IE6.0です:2006/05/30(火) 18:30:16 ID:???
テーブルタグでテーブルの中のバック画像で、画像を繰り返さないで中心に固定する
やり方は、どうすればいいでしょうか?
<table border="0" border background="○○">

背景画像固定などのサイトはたくさんあったのですが
テーブルのバックイメージ固定が探しきれなかったので
もしやり方しってましたら教えて下さい m(_ _"m)


309 :IE6.0です:2006/05/30(火) 19:09:54 ID:???
http://72.14.203.104/search?q=cache:dA3N8hw0OF0J:hp.xrea.jp/lll/past/1087465661.html+%E3%83%86%E3%83%BC%E3%83%96%E3%83%AB%E3%80%80%E8%83%8C%E6%99%AF%E7%94%BB%E5%83%8F%E3%80%80%E5%9B%BA%E5%AE%9A&hl=ja&gl=jp&ct=clnk&cd=5

すいませんわかりました

310 :Name_Not_Found:2006/05/30(火) 19:10:26 ID:???
とりあえず出来れば良いと言うレベルなら
<table border="0" border background="○○" style="background-repeat:no-repeat;background-position:50% 50%;">
とかかなぁ。


311 :Name_Not_Found:2006/05/31(水) 03:27:24 ID:???
>>306
あまり良いやり方ではないが
letter-spacingで調整すれば近い感じになる。
文字サイズが変わったら崩れるだろうし
あまり現実的ではないがね。
実際は短い文のボタン見たいのなら画像にしたほうが良いと思う。

312 :Name_Not_Found:2006/05/31(水) 03:52:37 ID:???
CSSで、

background-image:url("abc.jpg");
background-position:100% 100%;
background-repeat:no-repeat;
background-attachment:fixed;

で背景画像を指定しているんですけど、これで画像のheightやwidthを指定はできないんですか?
縮小してからアップロードすると、画質が劣化してしまうので、できれば避けたいんですけど

313 :Name_Not_Found:2006/05/31(水) 03:58:39 ID:???
仮に height や width が指定できたとして
ブラウザにリサイズさせるよりは
まともな画像ソフトで
前もってリサイズしといたほうが綺麗な気がするけどね

314 :312:2006/05/31(水) 04:02:14 ID:???
>>313
そうなんですか・・・
わかりました
ありがとうございます

315 :Name_Not_Found:2006/05/31(水) 05:16:32 ID:???
background: で一括指定は何か問題があるんだったっけ?

316 :Name_Not_Found:2006/05/31(水) 12:01:06 ID:???
こんにちは。自分では解決できない問題が発生しました。

divで箱を作りその中にテキストと画像をいれました。
この段階では支障なく通常に表示されます。

ここで画像に回り込み指定を行いたいので指定しました。
画像が表示されません。
align="***"またはstyle="float: ****"のどちらも同じでした。

しかし、altには反応しているので画像自体は存在しているようです。
保存も出来ますし、保存したファイルを開けばちゃんと見れます。

ちなみに表示されないブラウザはIE6.0だけです。
自分で確認したブラウザでは、
Windows:NN7.1 Firefox Opera8
MAC: MAC-IE5.2 Safari
これらは全て意図した通りに表示されました。

Lynxで確認するとaltでの代用が効いていました。

何か原因がわかる方。。。

317 :Name_Not_Found:2006/05/31(水) 13:09:28 ID:???
そういう質問はhtmlソース出した方が早いと思うよ。
その際には問題が起こる最小構成の要素のみだと◎。

318 :316:2006/05/31(水) 14:16:22 ID:???
>>317

---html---

<div id="mainwrap">

<div id="main">

<div class="blok">
<p>
<img>
テキスト
</p>
</div>

</div>

横220pxのメニュー欄があると考えてください。
box model hackで180pxです
</div>

これでどうでしょうか。
足りなければ追記します。

319 :Name_Not_Found:2006/05/31(水) 14:20:50 ID:???
CSS出さなきゃ話にならんだろ・・

320 :316:2006/05/31(水) 14:22:36 ID:???
css source

.blok {
border: 1px solid #bbb;
padding: 5px 9px;
background: #fafafa;
}

#mainwrap {
position: relative;
width: 100%;
margin: 0;
padding: 0;
}

#main {
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 220px;
line-height: 150%;
padding: 0px 40px 50px 40px;
position: relative;


321 :Name_Not_Found:2006/05/31(水) 14:29:40 ID:???
上のソースで、状況が再現出来るのか?

322 :316:2006/05/31(水) 14:45:32 ID:???
申し訳ないです。

<body id="body">

<div id="mainwrap">

<div id="main">

<div class="blok">
<p>
<img>
テキスト
</p>
</div>

</div>

<div id="leftwrap">
<div id="menu">
<a href="#">***</a>

</div>

</div>

</div>

これはhtmlです

323 :316:2006/05/31(水) 14:48:12 ID:???
cssはimportで分けてます。
構成(main.css)と装飾(design.css)
---main.css---

#mainwrap {
position: relative;
width: 100%;
margin: 0;
padding: 0;
}

#leftwrap {
position: absolute;
left: 0px;
top: 0px;
width: 220px;
}

#main {
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 220px;
line-height: 150%;
padding: 0px 40px 50px 40px;
position: relative;
}


324 :Name_Not_Found:2006/05/31(水) 14:58:24 ID:???
いやそうじゃなくて。
あなたの質問は、imgに回り込み指定した時、IEで表示されないって事じゃないの?
だったら、imgにどういう指定してるのかが重要。

325 :316:2006/05/31(水) 15:00:31 ID:???
上記だけで閲覧することが出来ます。

imgにはお手数ですが何か画像をいれてみて下さい。
次に、img内にalign="left" または style="float: left"を
追加してみて下さい。
テキスト数増やしてみるとわかりやすいかもしれません。

画像が消えるのは私だけでしょうか。

326 :316:2006/05/31(水) 15:02:35 ID:???
imgには何も指定してませんよ。

327 :Name_Not_Found:2006/05/31(水) 15:08:05 ID:???
>>325
Win2kIE6で再現せず。

328 :Name_Not_Found:2006/05/31(水) 15:17:19 ID:???
やってみたが全然消えないな。
W2K IE6

他の要素が悪さしてるんじゃないのか?

329 :316:2006/05/31(水) 15:22:36 ID:???
あっと、申し訳ありません。

環境は閲覧のみなので Win98です。
ただ、XPの方に見てもらって消えてるようでした。

330 :Name_Not_Found:2006/05/31(水) 15:32:45 ID:???
XPのヒトがIE7だっつーならわかんないけど、
IE6は基本的に同じ。

331 :Name_Not_Found:2006/05/31(水) 15:48:17 ID:???
>>329
少し気になるのは、potision段組みなのに、#mainにmargin-left使ってる事。
CSSも2枚あるっていうし、あまり複雑にするとつまんないミスしやすくなると思う。

332 :Name_Not_Found:2006/05/31(水) 15:54:50 ID:mmov2LCq
解答者の方に質問なんですが
真っ新な初心者状態からHTMLやCSSを学んで今のみなさんのようなレベルになるのにどれくらいかかりましたか?

ついこの間から興味を持ち始めて独学で勉強してるんですが少し気になりました。

333 :Name_Not_Found:2006/05/31(水) 15:56:00 ID:???
他の人に見てもらって消えてるなら、ここに書いた以外のところが原因になってるんだろ。
ちゃんと再現する最小構成って言ったんだけど、
自分でここに投下したソースから確認してもちゃんと消えるか?

334 :Name_Not_Found:2006/05/31(水) 16:02:14 ID:???
やる気ある人なら2週間もあれば普通にいけるようになる筈。
ブラウザ毎の共同の違いを吸収しようとするとかなり知識が必要になってくるけど、
そこまでしなかったらの話ね。

335 :Name_Not_Found:2006/05/31(水) 16:05:37 ID:???
>>332
HTMLは2.0の自体から知ってるから参考にならないけど、
CSSは趣味の合間に半年ほど。
なるべくStrictなHTMLソースを借りてきて、CSSは見ないでデザインを再現する。
ttp://alimika.alib.jp/satomican/
ここのリンク先とか超Strictなソースの人が多いから、参考に。
で、それがある程度できるようになったら、どれか一つのHTMLソースを共通テンプレとして
同じHTMLで色んなデザインをCSSで作りまくる。

336 :Name_Not_Found:2006/05/31(水) 16:10:29 ID:mmov2LCq
>>334
2週間ですか…。
自分の場合まずPCそのもに対しての知識やタイピング能力などの初歩中の初歩もまだまだなんで
このスレなどを参考にして頑張ります。ありがとうございました!

337 :Name_Not_Found:2006/05/31(水) 16:18:40 ID:mmov2LCq
>>335
親切にありがとうございます!
正直何からどう始めればわからなかったのでかなり参考になります!

338 :Name_Not_Found:2006/05/31(水) 16:21:35 ID:???
共同じゃなくて挙動ねw
ミスった。

>>336
スレの最初の方に載ってる解説サイト見ながら、
Winユーザならez-htmlとかHTML Project2とかのエディタで
実際にコンテンツ作ってみると良いよ。

339 :316:2006/05/31(水) 16:23:48 ID:???
即席でちょっと用意してみました。

私はこれで見れません。
ttp://berrymint.web.fc2.com/

340 :Name_Not_Found:2006/05/31(水) 16:25:00 ID:mmov2LCq
>>338
Macユーザーなんですけれどもやってみます!

341 :Name_Not_Found:2006/05/31(水) 16:25:38 ID:???
そういえば、みんなエディタは何使ってる?
俺は一通り試してperlも弄るから、秀丸+入力補助マクロ等で落ち着いたんだが、
他の人はどんな環境なのか気になる。

342 :Name_Not_Found:2006/05/31(水) 16:28:01 ID:???
<img alt="イメージ" align="left" />

画像はどこ?w

343 :Name_Not_Found:2006/05/31(水) 16:29:44 ID:???
>>341
ezhtml

344 :Name_Not_Found:2006/05/31(水) 16:30:55 ID:???
>>316 ィ`

345 :Name_Not_Found:2006/05/31(水) 16:33:09 ID:???
ま、なんちゅーか ほんちゅーか・・・

346 :Name_Not_Found:2006/05/31(水) 16:45:43 ID:???
Macだとmi辺りがいいかもね

>>341
xyzzy

347 :Name_Not_Found:2006/05/31(水) 16:47:34 ID:???
>>339
positionがstatic以外のボックスが上に来てるから。

>>341
ez-HTMLとWZ Editor。

348 :Name_Not_Found:2006/05/31(水) 16:50:31 ID:???
>341
Macでmi使用中

349 :316:2006/05/31(水) 16:56:23 ID:???
blok要素小さくなって新たにわかったのですが、
IEだと画像はどうやら裏にまわっているようです。

ttp://berrymint.web.fc2.com/index.html

他のブラウザだと、表に出て来たりしてます。
どこか記述がおかしいでしょうか。何か解決策あると助かります。
お騒がせして申し訳ないです


350 :Name_Not_Found:2006/05/31(水) 17:06:22 ID:???
既出かもしれませんが色々調べても分からなかったので質問させて下さい。
初歩的な質問で申し訳ないです。

<body>
<div class="bg">
<div class="head">ヘッダー</div>
<div class="main">
<div class="box">表</div>
<div class="window">写真</div>
</div>
<div class="foot">フッター</div>
</div>
<body>

簡略化しましたがこんな感じで、windowをboxの上に重ねて表示させたいと思い、
mainとwindowにposition:absoluteを適用しました。
そうするとfootの位置がmainを無視してheadの真下に来るようになってしまいました。
IE6で確認していますが、FFでも同じでした。
それぞれのボックスには横幅が設定してあります。

footをmainの下に表示させるためにはどのようにすればいいのでしょうか?
どうかよろしくお願い致します。

351 :Name_Not_Found:2006/05/31(水) 17:07:45 ID:???
>>346
もちついて今迄ついたレスを最初から全部嫁。
potisionの使い方をよく見れ。

352 :Name_Not_Found:2006/05/31(水) 17:09:38 ID:???
>>351
youがもちつけ

353 :Name_Not_Found:2006/05/31(水) 17:11:36 ID:???
はぁ?

354 :Name_Not_Found:2006/05/31(水) 17:14:21 ID:???
どこにレスしてんの?ってことでしょ。
逆ギレこわいこわい。

355 :Name_Not_Found:2006/05/31(水) 17:17:28 ID:???
>>351
おおっさんくす>>352。もちついてくるよ。
>>354
勝手な解釈しないでねん。

356 :Name_Not_Found:2006/05/31(水) 17:21:12 ID:???
>>350
だーかーらー、CSSの質問ならCSSソース出さなきゃ。

357 :Name_Not_Found:2006/05/31(水) 17:21:18 ID:???
あんさん アンカー使い方 ちごうとるでー

358 :Name_Not_Found:2006/05/31(水) 17:22:18 ID:???
あっ しもた!

359 :316:2006/05/31(水) 17:22:24 ID:???
>>351
落ち着いてpotisionの構成から見なおしてみますね。
ありがとうございました

360 :Name_Not_Found:2006/05/31(水) 17:22:35 ID:???
はぁ?

361 :Name_Not_Found:2006/05/31(水) 17:24:08 ID:???
ひぃ?

362 :Name_Not_Found:2006/05/31(水) 17:24:54 ID:???
はぁ?

363 :Name_Not_Found:2006/05/31(水) 17:32:49 ID:???
>>356
失礼しました。
簡略化したソースに合わせるとこんな感じでしょうか…

.bg {width:600px;background-image:url(bg.jpg);text-align:center;}
.head {width:550px;background-color:#333333;}
.main {width:550px;background-color:#CCCCCC;position:absolute;}
.foot {width:550px;background-color:#FFFFFF;}

.box {width:550px;background-color:#FF0000;}
.window {width:200px;height:200px;background-color:#00FF00;position:absolute;250px;}


これってpositionの使い方間違ってますか?



364 :Name_Not_Found:2006/05/31(水) 17:33:47 ID:???
すみません打ち間違えました。

.window {width:200px;height:200px;background-color:#00FF00;position:absolute;left:250px;}

です…

365 :Name_Not_Found:2006/05/31(水) 17:33:49 ID:???
自演だらけ。

366 :質問あげ:2006/05/31(水) 18:01:32 ID:F96K5JXv
疑似フレームを作ってます。
メニュー部分を固定したくて
/*メニュー用*/
 .menu TABLE{
  width : 140px;
  height :100%;
  border:none;}

↑に position:fixed; を加えたら

 .menu a:hover {
  text-decoration:none;
  color:#C0CDD6;
  position:relative;left:2px;}

↑部分のpositionが無効化してしまいました。
メニュー用CSSのBODYやフレームレイアウト用CSSの.menuに
fixedを入れてみましたが同じでした。
スクロールしてもメニューが移動しないようにしたいのですが
どうすればよろしいでしょうか。

367 :Name_Not_Found:2006/05/31(水) 18:34:32 ID:???
メニューがtableって・・・

つーかa:hoverのクソウゼエpositionが無効化したって、
あんたがやりたいことはメニューのほうのposition:fixedなんだから、
そっちは無効化されてないんだったら別にいいじゃん。

368 :Name_Not_Found:2006/05/31(水) 18:46:15 ID:???
>>363,366
positionの質問ばっかだが、むやみやたらと指定しても意味無い。
何に対してabsolute or relativeなのか、ちと考え直した方がいいと思う。

369 :Name_Not_Found:2006/05/31(水) 19:51:02 ID:???
ぽじぽじはりらりらりんでかんたん♪

370 :Name_Not_Found:2006/05/31(水) 20:55:50 ID:???
a:hover で background-color を指定した場合
<a href="〜"><img src="〜"></a>
の画像の上とか下とかに適応されてしまうのを避ける方法ありますか?
IEでは出ないんですが。

371 :Name_Not_Found:2006/05/31(水) 20:58:59 ID:???
>>370
IEの動作がおかしい。
http://cssbug.at.infoseek.co.jp/detail/winie/b052.html

a:hover img {...}

372 :Name_Not_Found:2006/05/31(水) 21:12:50 ID:???
>>371
d
それが
a:hover img { background-color: 〜 }
は違うみたいなんですよ。
background-color: transparent;
とかやってみたんですが

373 :Name_Not_Found:2006/05/31(水) 21:17:39 ID:???
???

374 :370:2006/05/31(水) 21:29:10 ID:???
a:hover { background-color: #222; }
a:hover.img { background-color: transparent; }

<a href="〜" class="img"><img src="〜"></a>

で fx, Opera のbackground-color 消えました。

クラス指定するしかなさそうです。

375 :Name_Not_Found:2006/05/31(水) 21:54:08 ID:???
ブラウザによって、textarea で表示される文字の大きさが変わってしまい、それによってフォームの大きさが変わってしまうんですが、これをCSSでどうにかできないですか?

376 :Name_Not_Found:2006/05/31(水) 21:59:35 ID:???
フォントサイズ固定は究極的には無理。

377 :Name_Not_Found:2006/06/01(木) 00:42:31 ID:???
フォントサイズではなくて、強制的に width 指定できるといいんですが・・・。
cols や rows だと、フォントサイズに依存してしまうので。

378 :Name_Not_Found:2006/06/01(木) 00:48:40 ID:???
???
widthプロパティを知らないんだったらテンプレ見ておいで。
それともそれ以上に何か期待してる?

379 :Name_Not_Found:2006/06/01(木) 04:16:05 ID:???
IE7で>>11の スタイルシートスタイルブック を見ると、崩れまくるのが気になる
何でかは知らん

380 :Name_Not_Found:2006/06/01(木) 04:42:34 ID:???
詳しく見てないからわからんが
バグ修正しきれてないのにIE用のハックが効かないようにしやがったせいじゃないか?

381 :Name_Not_Found:2006/06/01(木) 05:34:27 ID:???
ちなみにIE7だと、ブログでも似たように崩れるのが多いね
IE7が悪いのか、htmlのソースが悪いのか

382 :Name_Not_Found:2006/06/01(木) 07:41:20 ID:???
アンダースコアじゃなかったっけ

383 :Name_Not_Found:2006/06/01(木) 10:46:33 ID:???
IE7でレイアウト崩れるのは以前のハックがきかなくなったせい。

384 :Name_Not_Found:2006/06/01(木) 12:24:12 ID:???
http://pc8.2ch.net/test/read.cgi/hp/1052099937/#452-456
おまえら回答者だろ・・・

385 :Name_Not_Found:2006/06/01(木) 13:06:13 ID:???
#あるとリンクポップアップできないから無しにしてくれ。

386 :Name_Not_Found:2006/06/01(木) 13:24:56 ID:???
>>384
で、何が言いたいの?

387 :Name_Not_Found:2006/06/01(木) 13:38:08 ID:???
おまえらが無能だってことだろう。

388 :Name_Not_Found:2006/06/01(木) 13:46:35 ID:???
なんのこっちゃ

389 :Name_Not_Found:2006/06/01(木) 16:33:27 ID:???
使ってるエディタの話題があったので、vimを使ってる動画を転載してみる。
ttp://youtube.com/watch?v=s6jsbSW-vc4&search=vim

390 :Name_Not_Found:2006/06/01(木) 18:50:29 ID:???
>>389
流石にそこまでいくと布教活動じゃ?
http://pc8.2ch.net/test/read.cgi/bsoft/959571565/ にでもドゾ

391 :Name_Not_Found:2006/06/01(木) 19:47:32 ID:???
vimとかxyzzyは色々設定とかマクロとかする手間があるから、
敷居の高さとあいまってどんな感じなのかわかりづらいし別にいいんでね?
俺は秀丸使ってるんだが、html組むだけなら大差ないっぽいのがわかったし参考になった

それに初心者だらけのスレで、こんな敷居が高いエディタで布教も糞もないだろ

392 :Name_Not_Found:2006/06/01(木) 20:38:58 ID:???
>>391
そんなにあなたが初心者だって自慢しなくてもいいですから。

393 :Name_Not_Found:2006/06/01(木) 21:53:27 ID:???
今、イメージをフロートさせ、直後のテキストをまわりこませ、次にくる段落のテキスト
は自動的にクリアする、というのを考えてるんですが、どういう記述がもっともいいのか
わかりません。

<img></img>
<tr></tr>
<td></td>
<img></img>
<img></img>
<tr></tr>
<td></td>

なんてのがあったとき、

td+img,td{
clear:both
}

とすると自動的にできるとおもうのですが、イメージを縦に並べてフロートさせて、
イメージとイメージの境界を無視してテキストが自然に流し込まれるようにしたい
ばあいはどんな風に記述すればいいんでしょうか?できればクラスやidは一切使わずに
やりたいと思ってます

□イメージの境界線↓無視して
□自然に流し込まれま



394 :Name_Not_Found:2006/06/01(木) 21:54:35 ID:???
>>393
釣りをしたいならもうちょっと高ラベルでおながい。

395 :Name_Not_Found:2006/06/01(木) 21:55:17 ID:???
すいません、自分で読み返して何をいいたいのかが解らなくなってきました。
とりあえずもうちょっと考えてから質問します

396 :Name_Not_Found:2006/06/01(木) 21:57:27 ID:???
* { clear: left }

397 :Name_Not_Found:2006/06/02(金) 02:52:55 ID:???
>>395
ワロス

398 :Name_Not_Found:2006/06/02(金) 06:10:16 ID:???
http://deztec.jp/design/

このサイトの、CSSはどうやって見ることができるんですか?
http://deztec.jp/z-css.js を実行すればいいんでしょうか
どうしても知りたい部分があったので、教えていただけると嬉しいです

399 :Name_Not_Found:2006/06/02(金) 06:18:11 ID:???
>>398
z-css.js の中身を見てもわからんのかね?

400 :398:2006/06/02(金) 06:19:17 ID:???
すいません
自己解決しました

401 :398:2006/06/02(金) 06:19:50 ID:???
>>399
見たらわかりました
ありがとうござあいました

402 :Name_Not_Found:2006/06/02(金) 10:28:48 ID:j5rP8UbK
質問です

HEADタグ内で

<link rel="stylesheet" href="style/****.css" type="text/css">

等と記述してCSSファイルを読み込む場合
最大いくつまでのCSSファイル読み込みまでとするのが適当でしょうか?
読み込むCSSファイルが多すぎるとバグが発生するなどの症状もあるのでしょうか?
それともCSSに対応しているブラウザが対象なら特に制限は無いのでしょうか?


403 :Name_Not_Found:2006/06/02(金) 10:48:24 ID:???
1度に大量のCSSファイル使うことはそうは無いんじゃないかな・・・。

ie3とか使わないなら特に数の制限は無いはず。

404 :Name_Not_Found:2006/06/02(金) 12:44:16 ID:???
IEには31個制限がある。
ttp://cssbug.at.infoseek.co.jp/detail/winie/b086.html

405 :Name_Not_Found:2006/06/02(金) 12:52:49 ID:???
ハロー(注意報)。

えーと、ページ内にAdSenseを埋め込むときに、
GoogleのサーバにアクセスしてAdSenseが表示されるよりも前に
レイアウトを確定させるにはどうすればいいんでしょうか?

また、CSS使用時におけるページ表示の高速化についてどこかに情報はありませんか?

406 :Name_Not_Found:2006/06/02(金) 12:53:10 ID:???
>>403
>>404
レスありがとうございます!

今作ってるホームページのCSSリンクが4個5個になってしまっているので
これはなんとかまとめた方がいいのかなと思って質問しました
でもこの程度なら問題なさそうですね
ありがとうございました

407 :Name_Not_Found:2006/06/02(金) 20:19:49 ID:???
まとめた方が良いにきまっとるが。
つか、たぶん無茶苦茶。
検証してもらえ。

408 :Name_Not_Found:2006/06/02(金) 21:47:25 ID:???
>>383
うああ忘れてたあぁぁ・・・
いつごろ本発表になるんだろ

409 :Name_Not_Found:2006/06/02(金) 22:57:55 ID:???
>>408
もう出てるぞ。
βとは言ってもあれで終わりで一般ユーザに公開されてる。

410 :Name_Not_Found:2006/06/02(金) 23:52:24 ID:???
試験的に使ってるが
いくつかのバグは残ってる。
で、アンスコハック、スターハックが効かないことは確認した。
他にもだいたいのIE用ハックは効かないみたいだ。

つーかIE7はあれで確定なの?

411 :Name_Not_Found:2006/06/03(土) 00:29:22 ID:???
>>409
サンクス
なんか嫌な汗かいてきた・・・
俺はプロではないけど知り合いの店の通販サイトがもうすぐ公開予定。
>>他にもだいたいのIE用ハックは効かないみたいだ。
なんてきいちゃったらもう・・・現実から逃避してとりあえず今日は寝るか。。
明日試してみるよノシ

412 :Name_Not_Found:2006/06/03(土) 00:33:00 ID:???
>>410
あとはセキュリティ以外はいじらないってさ。

413 :Name_Not_Found:2006/06/03(土) 17:59:45 ID:???
<style type="text/css">
<!--
a.hoge.hover{color:white}
-->
</style>

の様にすれば、hogeクラスのhover時に文字列の色を白に出来ますが、これを
<div class="hoge" style="color: balck;">aaa</div>
のようなdivやspanのstyle属性内で、hover時のスタイルを直接記述するにはどうすればよいのでしょうか?


414 :Name_Not_Found:2006/06/03(土) 18:11:40 ID:???
じゃう゛ぁすくりぷとを絡めなきゃ無理なんじゃない?

415 :Name_Not_Found:2006/06/03(土) 20:08:10 ID:???
>>413
無理。

416 :Name_Not_Found:2006/06/03(土) 20:51:19 ID:???
>>413
W3Cはそういう記述についても検討していたらしい。
http://www.w3.org/TR/css-style-attr

最も実装しているWebブラウザは皆無だが。

417 :Name_Not_Found:2006/06/03(土) 20:52:50 ID:d0ePxfst
>>413
<div style="初期スタイル" onmouseover="this.style.cssText='マウスオーバー時のCSSテキスト'" onmouseout="this.style.cssText='マウスアウト時のCSSテキスト'">aaaaa</div>

418 :Name_Not_Found:2006/06/04(日) 05:41:39 ID:???
ヤフーから読み込んだ画像をfilterで色を変更させたいと考えています。
ネガポジ反転の場合はタグに直接 style="filter:invert()"でjavascriptを設定しなくても設定が反映されますが

style="filter:light()"でonLoadを使用せずに色を指定する場合で直接タグに書き込みたい場合はどうすればよろしいでしょうか。

今の状態
<img src=〜 style="filter:light;position:relative" onLoad="this.filters.light.addAmbient(205,205,255,100)">

よろしくおねがいします。

419 :Name_Not_Found:2006/06/04(日) 12:24:13 ID:???
>>418
そもそもfilterはCSSじゃないからスレ違い。

420 :Name_Not_Found:2006/06/04(日) 13:13:46 ID:???
外部cssでbackground-colorが指定されたフォームの
background-colorをonfocusで処理するにはどうしたらいいでしょう?


421 :418:2006/06/04(日) 13:16:29 ID:???
>>418
すれ違いにて取り下げします

422 :Name_Not_Found:2006/06/04(日) 13:22:00 ID:???
>>420
:focus擬似クラスの話をしている?
onfocusイベントハンドラだったらスレ違い。

423 :420:2006/06/04(日) 13:22:28 ID:???
jsスレ行ってきます

424 :Name_Not_Found:2006/06/05(月) 05:22:50 ID:i/lM1Yp1
リストで、アンダーラインにドットを適用させたいんですが、文頭の数字には付きません。
文頭の数字にも適用させるにはどうすればいいですか?

425 :Name_Not_Found:2006/06/05(月) 11:50:58 ID:pOc0oeBz
ttp://up.kabubu.net/cgi/img2/7327.jpg
掲示板用のCSSを考えているのですが、
なぜかCSSが反映されません。
どこでミスをしているのでしょうか?

426 :425:2006/06/05(月) 12:02:08 ID:pOc0oeBz
すみません。 どうやらキャッシュあたりの問題だったようです。
問題なしでした

427 :Name_Not_Found:2006/06/05(月) 13:58:24 ID:???
下の図でボックスを
div.box {
position: absolute; right: 10px; top 30px;
width: 300px; height: 300px;
}
のようにして絶対配置にしているのですが、
ブラウザのウィンドウ幅を縮めるとボックスと
文字が重なってしまいます。指定の幅以上
縮めると横スクロールバーが出るようにしたく、
body { min-width: 600px; }
としてみましたが、だめでした。
(そもそもIEがmin-widthに対応していないので
この方法は使えませんが)
文字の幅は可変、ボックスの幅と高さは固定で、
文字とボックスが重ならないようにする方法は
ないでしょうか。
┌──────────┐
│               │
│    ┌────┐  │
│文字 │ボックス │  │
│文字 │      │  │
│文字 │      │  │
│文字 └────┘   │
│文字            │
│                │
└──────────┘
フロートは使わないでお願いします

428 :Name_Not_Found:2006/06/05(月) 14:05:35 ID:???
ダミー画像

429 :Name_Not_Found:2006/06/05(月) 20:23:18 ID:???
>>427
別に絶対配置にしなくても
div.box {
margin: 30px 10px auto 文字の幅px
width: 300px; height: 300px;
}
ではいけませんか?

430 :Name_Not_Found:2006/06/05(月) 22:06:57 ID:oYM003Jp
教えてください。

CSSで背景画像を指定してブラウザで確認しても画像が出てきません。

画像はCSSファイルと同じディレクトリにあります。
本を見ながらやっていて、本の通りにしているつもりなんですが・・・。
試しに他の画像やセレクタでやってみても表示されませんでした。
jpeg、gif、pngのどれも同じ結果でした。

今の状態です。

h1 {
background-image: url("title1.png");
background-color: #a5c9c1;
height: 90px;
font-size: 12px;
color: #fafdff;
padding-left: 10px;
padding-top: 10px;
margin-bottom: 40px;
}

宜しくお願い致します。

431 :Name_Not_Found:2006/06/05(月) 22:24:23 ID:???
>>430
width指定

432 :Name_Not_Found:2006/06/05(月) 22:43:57 ID:???
>430
全角

433 :430:2006/06/05(月) 23:00:54 ID:???
>>431>>432
ありがとうございます。

width指定しましたが背景の色の部分のはが変わりましたが
画像は表示されませんでした。

全角とは、どこのことでしょうか。
質問ばかりですいません。

434 :Name_Not_Found:2006/06/05(月) 23:01:37 ID:???
>>430
width指定はいらないがww
url("")←ダブルクォーテーション付きは環境によっては無視されるから、なしのほうがいい。

435 :Name_Not_Found:2006/06/06(火) 00:27:59 ID:???
>>430
cssまんまコピぺでIE6 FX Operaで表示できた。
ブラウザからtitle1.pngは表示できてるんだろうな?

436 :Name_Not_Found:2006/06/06(火) 05:01:34 ID:???
IE7 http://arena.nikkeibp.co.jp/col/20060516/116681/

>古いブラウザー(Quirksモード)で閲覧しても、新しいブラウザー(Standardモード)で閲覧しても
>“同じように見えるWebデザイン”がWebデザイナーに課せられた命題だった。
>そして、Webデザイナーたちは、そのための裏技を次々と考え出していった。
>実は、「はてなダイアリー日記」がIE7ベータ2で正しく表示されなかったのは、この裏技に原因があった。

437 :427:2006/06/06(火) 09:22:07 ID:???
>>429
文字の幅は可変にしたいです。

438 :430:2006/06/06(火) 09:56:43 ID:???
>>434
""は取ってみましたが、変わりませんでした。

>>435
IE6なんですが、ブラウザで画像が出てきません・・・。

色々調べてみます。
アドバイス頂きましてありがとうございました。






439 :Name_Not_Found:2006/06/06(火) 10:15:03 ID:???
ブラウザのキャッシュ読み込んでるんじゃない?
Ctrl+F5とかでリロードしてみ。

440 :Name_Not_Found:2006/06/06(火) 15:20:58 ID:???
>>437
つっかえ棒を入れるんだよ。
このスレ内検索汁。

441 :Name_Not_Found:2006/06/06(火) 18:42:44 ID:???
IEでレイアウト整えるのにfloatを使った場合、
floatを指定したボックスの高さ途切れると、
多少ずれるのはしょうがないのですか?

float:left

■  ■■
■  ■■
■  ■■
■  ■■
   ■■←ここで少しずれる

442 :ひゃっほい:2006/06/06(火) 20:05:37 ID:???
ソース! ソース!

443 :Name_Not_Found:2006/06/06(火) 20:30:48 ID:???
>>441
http://cssbug.at.infoseek.co.jp/detail/winie/b151.html

444 :Name_Not_Found:2006/06/06(火) 21:34:24 ID:???
>>437
文字の右側にボックス幅分のマージン取れば
重ならないのでは?

445 :Name_Not_Found:2006/06/06(火) 22:58:35 ID:AOAeK0nB
質問です。CSSで上下の中央に表示するにはどうすればよいのでしょうか?
htmlならvalign=centerで出来るのですが。CSSだとわからなくて。
alignで左右の中央にはできたのですが(HTML,CSSともに)上下の中央だけはわかりません。

idとして書きたいのです。
#tyuuou{; }
上の{ }にどう書けばよいのでしょうか?

446 :Name_Not_Found:2006/06/06(火) 22:59:37 ID:???
つ【テンプレ】

447 :441:2006/06/06(火) 23:00:19 ID:???
>>443
サンクス。
そうか、height: 0px;で回避すればよかったのか。
とっても助かりました。

448 :445:2006/06/06(火) 23:15:20 ID:???
テンプレはできるかぎり見たつもりなのですが、
CSSではそういうことは出来ないということなのでしょうか?
Operaの8.5を使っています。

449 :Name_Not_Found:2006/06/06(火) 23:30:38 ID:???
つ【FAQ6】

450 :Name_Not_Found:2006/06/06(火) 23:59:35 ID:???
>>449
ありがとうございます。出来ました。
最初読んでも意味不明だったんですが、
要点だけコピペしてたら、完成しました。

451 :Name_Not_Found:2006/06/07(水) 05:10:17 ID:???
自分だけ見えれば良いってわけだな・・・

452 :Name_Not_Found:2006/06/07(水) 16:16:29 ID:???
>>451
どのレスに言ってるの?

453 :Name_Not_Found:2006/06/07(水) 21:23:22 ID:???
質問です。
htmlページに<span class="xxx">あああ</span>と記入していて
css.cssのファイルでclassのxxxの書き方はいつも
.xxx {border(ry}とかだったんですが間違いなのでしょうか?

span.xxx {ry}
と言う風にしているサイトがあるのを今頃初めて見つけて、
自分のは間違いなのかと思ったので…

454 :Name_Not_Found:2006/06/07(水) 21:36:53 ID:???
>>453
どちらも正しいです。
.xxxとした場合、pにもspanにも使い回しできますよね。
span.xxxとした場合、spanにしか使えませんが、何の要素に指定したか一目でわかる訳です。

455 :Name_Not_Found:2006/06/07(水) 21:47:41 ID:???
ありがとうございました、ほっとしました。
そうですか、span.にしたらそれにしか使えないと言う意味だったんですね。
勉強になりました。

456 :Name_Not_Found:2006/06/07(水) 21:58:49 ID:???
body{ font-size:85%; }としてる中、1ヶ所フォントサイズを大きくしたい部分があって
.sample{ font-size:95%; }としました。
そしたらsampleで指定した文字は小さくなってしまいました。
これは85%の中での95%なので小さくなってしまったんだろうと理由はわかったのですが
もしこういう時85%指定の頁で、ある箇所の文字を大きくする場合の方法は
px、pt指定しかないのでしょうか・・?

457 :Name_Not_Found:2006/06/07(水) 22:05:18 ID:???
>>456
問題。
1×0.85=0.85
0.85×X=0.95
X=?

458 :Name_Not_Found:2006/06/07(水) 22:22:05 ID:???
むじゅかしぃー

459 :Name_Not_Found:2006/06/07(水) 22:26:01 ID:???
>>457
あ、そっかそう言う指定すればちゃんとなるじゃn(ry( ;´Д`)
難しく考えてましたw
なんとかなりそうです。

460 :Name_Not_Found:2006/06/07(水) 22:27:05 ID:???
background: urlとbackground-imageはどっち使う方がいいですか?
後者でしょうか

461 :Name_Not_Found:2006/06/07(水) 22:34:05 ID:???
>>460
それは、「あの犬を「犬」と呼ぶのがいいでしょうか、「コリー」と呼ぶのがいいでしょうか」
という質問と似たようなものだぞ。

462 :Name_Not_Found:2006/06/07(水) 23:08:07 ID:???
僕は男です、僕は女です
似たようなもんか。

463 :Name_Not_Found:2006/06/07(水) 23:09:46 ID:???
左がcss1でIE3はこれにしか対応してなくて
右はcss2とかあって、どっちを使った方が無難なのかわからなかったので…
どっちでも特に問題なく、どのブラウザでも見られるんでしょうか?

464 :Name_Not_Found:2006/06/07(水) 23:37:13 ID:???
エスパー! エスパーっ!

465 :Name_Not_Found:2006/06/07(水) 23:47:26 ID:???
>>463
古いブラウザは無視する。それが古いブラウザを使い続ける人にとってもいずれ福音となる。

迷うのは、あなたに取って、どちらでも良いという証拠。
実際に実現したい表現になれば、どっちでも良い。

"べき"論が欲しいのなら、w3cで以って勉強して見る。

466 :Name_Not_Found:2006/06/08(木) 01:54:18 ID:???
フロート使って疑似テーブル作ったは良いものの
センタリング(margin:0 auto; text-align:center;)ができない…orz
clearであれこれやっても解決できない(´・ω・`)どうすればいいんでしょうか?

467 :Name_Not_Found:2006/06/08(木) 02:18:36 ID:???
>>466
全体をdivで囲って、そのdivをセンタリング。
疑似テーブルという物は知らないけど。

468 :Name_Not_Found:2006/06/08(木) 02:37:56 ID:???
>>467
それでならなかったので質問に来ました(´・ω・`)
たとえば
div#table2 {
float:left;
width:202px;
border:1px #666666 solid;
}
div#table3 {
width:202px;
border-left:1px #666666 solid;
margin-left:27px;
float:left;
padding:9px;
}
として、htmlに
<div id="center"><div id="table2"><div id="table3">testet</div></div></div>

これをページのセンターにもって来る為に上記のものをcssにかきました。(center)
でもできませんでしたorz
大きな間違いや問題があるのでしょうか

469 :Name_Not_Found:2006/06/08(木) 02:42:58 ID:???
>>468
なんで三重入れ子でfloatがそこなんだ・・・

470 :Name_Not_Found:2006/06/08(木) 02:54:58 ID:???
上のは所々端折ってる部分があるのですが、
デザイン上そうしないとどうしても崩れてしまうんで…
あと今id=containerもやってみましたがだめでした。

471 :Name_Not_Found:2006/06/08(木) 03:24:58 ID:???
>>470
いや、端折るとかの問題ではなくてな・・・
構造の正しい形程度は端折らないで提示してくれ・・・

472 :Name_Not_Found:2006/06/08(木) 04:46:27 ID:???
>>468
┏━━━━┓
┃┏┓┏┓┃
┃┗┛┗┛┃
┗━━━━┛
こうしたいんじゃないの?

>>468だと
┏━━━━┓
┃┏━━┓┃
┃┃┏┓┃┃
┃┃┗┛┃┃
┃┗━━┛┃
┗━━━━┛
こうなっちゃうぞ

473 :Name_Not_Found:2006/06/08(木) 05:24:54 ID:???
| ̄| ̄ ̄|
|_|__|

こうなった。by mac

これをセンターに持ってきたいってことか?

474 :Name_Not_Found:2006/06/08(木) 06:01:20 ID:???
>>466では出来なくて駄目もとで
float:right;にしたら右寄せに動いてくれました!
ここから右の隙間指定してセンタリングっぽくできそうです。
こういうのにfloat:right;使っていいものなのか不安ですが( ;´ー`)

>>473
これです。

475 :Name_Not_Found:2006/06/08(木) 09:06:05 ID:???
>>474
それじゃセンタリングにならない。
ソースに肝心の#centerを書かないあたりといい、勘違いが多いタイプだから気をつけよう。
margin:0 auto;はwidthを明示しないと使えない。

476 :Name_Not_Found:2006/06/08(木) 09:14:44 ID:???
ie過去互換で左右のマージンautoではセンタリング出来ない。
その場合
bodyにtext-align center
centerに左右のmarginをauto
標準なら
centerに左右のmarginをautoで出来るはず

477 :Name_Not_Found:2006/06/08(木) 17:58:09 ID:???
>>475
>widthを明示しないと使えない
指定もした上でできなかったので相談にきました。
>>476
ありがとうございます。


478 :Name_Not_Found:2006/06/08(木) 18:03:50 ID:???
>>477
>>468のソースからはとてもwidth指定したようには読めないが?
つーかid="center"に対するCSSが無いのだがね

479 :Name_Not_Found:2006/06/08(木) 18:09:19 ID:???
IEで出来なかったとか、、しかし>>466ではtext-align:center;としてるし。。
明示の意味が分からんかったんかな。どうでもいいが。

480 :Name_Not_Found:2006/06/08(木) 18:44:02 ID:???
上のと多分、似たような質問だと思うのですがお願いします。
・掲示板に使うスキン(HTML部分)
┏━┳━┳━━━━━┓
┃  ┃  ┃┌─┬─┐┃
┃ A┃B ┃│  │  │┃  ↑ height指定はなし
┃  ┃  ┃│  │  │┃  ↓ サイズフリー
┃  ┃  ┃└─┴─┘┃
┗━┻━┻━━━━━┛
・太い枠はborderで囲む(2px/Aの横Bの横もborder有り)
・右側・中のはborder無し
・ABに文字はない。背景画像を敷き詰める。同じ幅(25px)

<div class="A"></div><div class="B"></div>(ロココ←こんな感じで)とするのもでは
AとBの背景画像が上で言う所の"外枠の下ライン部分"までとどかず、レイアウトが
崩れてしまいます。白背景だったらこれでもいいのですが…。
なので高さは一番右に合わせると言う事で入れ子して右が縦に伸びた時に
どこまでも付いてくように↓としました。
<div class=A><div class=B><div class=migi></div></div></div>
でもさらにこれをページ右側に寄せるのでdivタグがまた出てきますし、
もっと簡単な書き方あると思い質問にきました。宜しくお願いします。

481 :Name_Not_Found:2006/06/08(木) 18:54:13 ID:???
>>480
ABはボーダー含めて画像に汁。

482 :Name_Not_Found:2006/06/08(木) 19:06:51 ID:???
>>480
>・太い枠はborderで囲む
のなら、いずれにせよ全体を囲むdivが必要だと思うが。
>>481氏の言う通り、AB合体してしまえば2カラムだし、divdivするのは仕方ない。

483 :Name_Not_Found:2006/06/08(木) 20:24:44 ID:???
>>481
(.ω・`)…

>>482
>いずれにせよ全体を囲むdivが必要
>divdivするのは仕方ない
囲みすぎるのはよくないかな?と不安だったり、他の方法などありそうで
気になってましたが、
この場合はこれしか方法はない&これでおkみたいで一安心です。
徹夜して試行錯誤した甲斐があった( `・ω・´)

484 :Name_Not_Found:2006/06/08(木) 20:35:36 ID:???
>囲みすぎるのはよくない
そりゃまあよくないよ、というよりデザイン主体にしてマークアップすることがそもそも間違ってるよ。
正しいHTMLだけでできるデザインにしてみたら?というのが一番現実的な答え。

485 :Name_Not_Found:2006/06/08(木) 21:21:02 ID:???
>>484
>正しいHTMLだけでできるデザイン
そもそもこの人はそれを聞きに来たんじゃなかったっけかw

486 :Name_Not_Found:2006/06/08(木) 21:26:37 ID:???
できないデザインだとわかったのに変えないってのが問題なんじゃ?

487 :Name_Not_Found:2006/06/08(木) 21:35:48 ID:???


488 :Name_Not_Found:2006/06/08(木) 21:38:41 ID:???
もっと簡単に作る・・・
今やってみてるが背景画像が厄介かもしれん
こいつがいるからうあああryとなる

489 :Name_Not_Found:2006/06/09(金) 02:11:28 ID:???
ボーダーを画像にするのに何か問題あるのか?

490 :Name_Not_Found:2006/06/09(金) 14:22:40 ID:???
いいんでね?

491 :Name_Not_Found:2006/06/09(金) 16:31:32 ID:???
ね、出来上がったCSSファイルのライブラリを整理する方法ってない?
アルファベット順とか。いっぱいあると探せなくって。。

492 :Name_Not_Found:2006/06/09(金) 16:42:26 ID:???
そんな作りにした事自体がおかしい。

493 :Name_Not_Found:2006/06/09(金) 16:45:54 ID:???
>>491
言ってる意味がわからん。
そんな作り方したことを怨め。

494 :Name_Not_Found:2006/06/09(金) 17:31:24 ID:???
いや、そうなんだけどさ。ごっちゃになってるヤツをセレクターごとに
分けて吐き出してくれるソフトとか、探しやすいようにABC順にソートして
くれたりするソフトの機能があったら便利だなと。。フリーで。

495 :Name_Not_Found:2006/06/09(金) 17:36:15 ID:???
作れ

496 :Name_Not_Found:2006/06/09(金) 18:54:50 ID:xDo2rouN
セレクタの並ぶ順は意味があるのでソートしちゃだめです

497 :Name_Not_Found:2006/06/09(金) 19:37:52 ID:???
td {text-align:center}

[略]

<tr>
<td >あいうえお</td>
<td colspan="3" >かきくけこ</td>
</tr>

としても、「かきくけこ」の方はセンター揃えにならないんですけど、
何が原因でしょうか?

498 :Name_Not_Found:2006/06/09(金) 19:59:21 ID:xDo2rouN
>>497
ちゃんとなるけど?

499 :Name_Not_Found:2006/06/09(金) 23:01:53 ID:???
ええと…CSS以前の話なんですが。
外部CSSでHTMLの文書構造からデザインを完全に切り離して作る場合、
HTMLでimgタグは使わない(でcss: backgroundで指定)のが正しいのでしょうか?


500 :Name_Not_Found:2006/06/09(金) 23:07:10 ID:???
画像が情報か装飾かで切り分け

501 :Name_Not_Found:2006/06/09(金) 23:15:56 ID:???
>>499
装飾のための画像は、たとえばCSSを切り替えたときに意味がなくなるからCSSでのみ指定。
CSSを切り替えても必要な、文書の内容を補足する画像ならば、imgないしobjectで埋め込み。

502 :Name_Not_Found:2006/06/10(土) 05:09:52 ID:???
>>491
CSS編集だけに使うのはもったいないが、VSとかVWDとか。

503 :Name_Not_Found:2006/06/10(土) 12:59:44 ID:???
hoverはa要素以外では使えないのでしょうか?
たとえば、<div>〜</div>で囲まれた領域にカーソルが来たときに
その領域の背景色を変えたりすることは出来ないのでしょうか?

504 :Name_Not_Found:2006/06/10(土) 13:42:47 ID:???
<h4>につける場合
H4 A:hover {
color: #ff0000;}
とすれば<h4>要素にカーソル持って行ったときそこが(リンクじゃなくても)光るけど
a要素以外はだうだろ…できないんじゃないの?

505 :Name_Not_Found:2006/06/10(土) 13:48:33 ID:???
>>503-504
まずは、試してから・・・なっ!

div { background-color: #FFF }
div:hover { background-color: #000 }

506 :Name_Not_Found:2006/06/10(土) 14:25:58 ID:???
>>505
ちゃんと限定と書いておけよな。

507 :Name_Not_Found:2006/06/10(土) 14:32:43 ID:???
<dl compact>をスタイルシートで表現したいんですが、

dt{ float: left;}

でいいのでしょうか?なぜかIEだと表示崩れが・・・・・

508 :Name_Not_Found:2006/06/10(土) 14:38:16 ID:???
>>506
IEの開発者に文句言ってくれ。
私に文句を言われても困る。

509 :Name_Not_Found:2006/06/10(土) 14:47:35 ID:???
テンプレにありましたすいませんdt

510 :Name_Not_Found:2006/06/10(土) 15:19:50 ID:???
おまえにいったのか

511 :Name_Not_Found:2006/06/10(土) 17:06:46 ID:???
>>508
おまい、どうせIEの開発者だろ

512 :Name_Not_Found:2006/06/10(土) 17:41:13 ID:???
>>511
な、なぜわかった・・・?

513 :Name_Not_Found:2006/06/10(土) 18:37:59 ID:???
>>512
馬鹿だから

514 :Name_Not_Found:2006/06/10(土) 18:58:19 ID:???
ふっふっふ・・・ 甘いな

515 :Name_Not_Found:2006/06/10(土) 19:21:17 ID:???
>>511-514
全く面白くない…
ウケを狙っていたのか?

516 :Name_Not_Found:2006/06/10(土) 20:01:31 ID:???
>>511-514が面白くないのは確かなんだが、
それに輪を掛けて>>515のレスが面白くない件について。

517 :Name_Not_Found:2006/06/10(土) 20:02:44 ID:???
来ンな
面白いトコ行け

518 :Name_Not_Found:2006/06/10(土) 20:11:27 ID:???
>>516の無限ループ

519 :Name_Not_Found:2006/06/10(土) 20:43:00 ID:???
>>515=>>517

520 :Name_Not_Found:2006/06/10(土) 21:02:59 ID:???
流れを切ってしまい、すみません。
CSSで<link rel="SHORTCUT ICON" href="./img/favicon.ico">を定義することって可能でしょうか?
ぐぐってみると、META属性なので無理っぽいんですが、詳しい方よろしくお願いします。

521 :Name_Not_Found:2006/06/10(土) 21:08:29 ID:???
>>520
CSSじゃ無理だと思うが。
サーバのドキュメントツリー上のルートに 'favicon.ico' を置けるならそうしてみて。


IEはダメダメ...これでいいんだろ?>>506

522 :Name_Not_Found:2006/06/10(土) 21:10:36 ID:???
>>520
無理。はっきり無理。きっぱり無理。どうあがいても無理。

523 :Name_Not_Found:2006/06/10(土) 21:13:15 ID:???
>>521
ありがとうございます。
とりあえず、ドキュメントツリー上の手段を試してみます。

>>522
そんな。そこまで否定しなくてもw
とりあえず、ありがとうございました。

524 :Name_Not_Found:2006/06/10(土) 21:21:27 ID:???
質問です
IE5,0ってインライン要素にbackground-imageつけることは無理でしたっけ?

525 :Name_Not_Found:2006/06/10(土) 21:30:56 ID:???
>>524
できるけど、改行しちまうと変になる。

526 :Name_Not_Found:2006/06/10(土) 21:33:35 ID:???
CSSで鳥の切り抜きを作って笑いたい。

527 :Name_Not_Found:2006/06/10(土) 21:53:48 ID:???
んーなんかIE5、0でみたらインライン要素のところだけバックグラウンドイメージついてなかったきがしたんですが
なんか条件によってつかなくなるとかあるんですかね?

528 :Name_Not_Found:2006/06/10(土) 23:23:05 ID:???
文字に影をつけたくてfilter: dropshadow を適用したら、
SP2のアクティブコンテンツブロックが出るようになったんだが何でだろう?
検索してみたら同じ症状の人いるようだが解決方法はわからんかった

529 :Name_Not_Found:2006/06/11(日) 00:18:09 ID:???
>>502
サンクス。ためしてみるぽ。

530 :Name_Not_Found:2006/06/11(日) 00:27:53 ID:???
>>528
ActiveXオフにすればいいよ。
filter:dropshadow見れないけど

531 :Name_Not_Found:2006/06/11(日) 01:14:12 ID:???
>>530
orz

532 :Name_Not_Found:2006/06/11(日) 01:40:24 ID:???
>>528
ていうかスレ違い。

533 :Name_Not_Found:2006/06/11(日) 02:17:45 ID:???
カラム落ちすることがリキッドレイアウトの極意ですよね?

534 :Name_Not_Found:2006/06/11(日) 02:37:24 ID:???
カラム落ちするソリッドレイアウトもある。
カラム落ちしないリキッドレイアウトもある。

535 :Name_Not_Found:2006/06/11(日) 03:21:21 ID:???
次の書き方って認められているでしょうか?(ひとつの要素内に複数のID,CLASS)
(例)
<div class="index" id="top_index">・・</div>
<div class="index" id="bottom_index">・・</div>

JavaScriptとかでIDにアクセスするときなど結果的にこうなることがありますが
CSSの解説などではまだ見たことないです。
CSSもJSもIDの意味は同じはずだから別にいいかなと思い試したら
特に問題ないようなんですが、裏がとれません。
よろしくお願いします。

536 :Name_Not_Found:2006/06/11(日) 03:28:55 ID:???
↑よくよく考えるとスレ違いなのかも?
CSSに関連したことのつもりだったので、よかったらよろしくですm(_ _)m

537 :Name_Not_Found:2006/06/11(日) 03:30:38 ID:???
HTMLの質問だな。

538 :Name_Not_Found:2006/06/11(日) 03:31:24 ID:???
>>535
書き方自体に問題はないが、意味が変じゃね?
<div class="index top">
<div class="index bottom">
のほうがマシな希ガス。

539 :Name_Not_Found:2006/06/11(日) 04:30:46 ID:QjMoGqaD
スタイルシートだけでスタイルシートで囲んだブロックをセンタリングしたいんですけど、
うまい方法はないでしょうか?

540 :Name_Not_Found:2006/06/11(日) 04:37:47 ID:???
>>539
スタイルシートでは囲めません・・・

541 :Name_Not_Found:2006/06/11(日) 05:46:41 ID:???
http://firefox.geckodev.org/
このサイトで、メニューの上にカーソルをのせると、メニューが現れますが、
ソースを見ても、よく理解できませんでした。どこら辺がポイントなのでしょうか?

542 :535:2006/06/11(日) 06:04:48 ID:???
>>538
ありがとうです。なるほど〜"意味"とかはまったく考えてませんでした。
共通の指定はclassにまとめて、個別の指定はidで、という
単純発想のなせる技です・・・記述の簡略化のつもりorz
もう一度本来の意味を確認して考えてみますm(_ _)m

>>541
それはCSSじゃないですね。a要素内のtitle属性ですお。

543 :Name_Not_Found:2006/06/11(日) 13:15:58 ID:???
#id は他の指定が無視されるとかなんとかいうバグがどっかになかったっけか。

544 :Name_Not_Found:2006/06/11(日) 13:25:16 ID:???
>>543
単に優先順位値の計算をお前が間違えてるんじゃね?

545 :Name_Not_Found:2006/06/11(日) 13:43:17 ID:???
>>542
Firefoxで見てみ

546 :Name_Not_Found:2006/06/11(日) 13:52:29 ID:???
>>545
わかってるんだったら>>541に対して答えてやれば?

547 :Name_Not_Found:2006/06/11(日) 14:09:24 ID:???
第三者の介入w

548 :Name_Not_Found:2006/06/11(日) 15:09:15 ID:???
>>546
ヒント:hover

549 :Name_Not_Found:2006/06/11(日) 15:17:19 ID:???
>>548
ヒント:別人

550 :Name_Not_Found:2006/06/11(日) 16:45:32 ID:???
ヒント:飲みかけのコーヒー

551 :Name_Not_Found:2006/06/11(日) 16:53:08 ID:NKftj9M8
すいません。教えてくださいm(_ _)m
透明部分を含んだpng-24形式の画像を貼り付けたのですが、
透明部分に灰色が描画されてしまい透明になりません。
png-8形式だとうまくいくのですが、
もしかしてpng-24形式だと透明使えないのでしょうか?

552 :Name_Not_Found:2006/06/11(日) 16:53:46 ID:???
ヒント:仮性

553 :Name_Not_Found:2006/06/11(日) 16:54:33 ID:NKftj9M8
方形?

554 :Name_Not_Found:2006/06/11(日) 16:59:38 ID:???
PNGの仕様を熟読せよ
ttp://www.png.com/

555 :Name_Not_Found:2006/06/11(日) 17:26:38 ID:NKftj9M8
>>552,554
ありがとうございましたm(_ _)m

556 :Name_Not_Found:2006/06/11(日) 18:36:30 ID:???
>>554
英語なんて読めるわけねーだろ糞虫太郎が日本語で解説してるサイト晒せ犬畜生にも劣るウンコブリッあっ臭っ!チンポチンポコチン

557 :Name_Not_Found:2006/06/11(日) 18:49:01 ID:???
これ以上は面倒見切れん
http://www.mofa.go.jp/mofaj/area/png/

558 :Name_Not_Found:2006/06/11(日) 18:53:20 ID:V7AUg+Dj
ヒント:ヤスの背中

559 :Name_Not_Found:2006/06/11(日) 19:08:53 ID:???
ヒント:Web先生が八つ当たりしてる

560 :Name_Not_Found:2006/06/11(日) 19:19:34 ID:???
>>551
IE6以下は半透明PNGに対応してないぞ。

561 :Name_Not_Found:2006/06/11(日) 19:34:05 ID:NKftj9M8
png-24では現在のブラウザでは非対応なのですね〜。
こまりまつた。
png-8ですと小さな文字が綺麗にでませぬorz


562 :Name_Not_Found:2006/06/11(日) 19:45:53 ID:???
背景色にあわせたアンチエイリアスが効いてるように256色で作ればいいんじゃない?


563 :Name_Not_Found:2006/06/11(日) 20:17:00 ID:NKftj9M8
はい。
あきらめてそうしまつたです。
ありがとうございましたm(_ _)m

564 :Name_Not_Found:2006/06/11(日) 21:50:40 ID:???
↑なんかむかつく口調だな

565 :Name_Not_Found:2006/06/11(日) 22:05:20 ID:???
安心汁、564ほどじゃない。

566 :Name_Not_Found:2006/06/11(日) 22:50:56 ID:???
無理に用語を使わなくても普通に書けば良いと思うよ

567 :Name_Not_Found:2006/06/11(日) 23:11:37 ID:???
用語?アンチエイリアスの意味も分からない?

568 :Name_Not_Found:2006/06/11(日) 23:18:31 ID:???
>>567
あのなぁ、>>563の「そうしまつたです」に対してレスしたんだ。
2ちゃん用語を無理に使わなくていいよーってね。

569 :Name_Not_Found:2006/06/11(日) 23:19:09 ID:???
ここの住人は意外ともろいものだよ。CSS以外は。
だからWebページも作れやしない。

570 :Name_Not_Found:2006/06/11(日) 23:21:44 ID:???
Web先生は無理に煽らなくていいよ。

571 :Name_Not_Found:2006/06/12(月) 01:14:09 ID:???
浦島たろう状態の自分には
WEB先生の意味がわからん…。

572 :Name_Not_Found:2006/06/12(月) 01:19:28 ID:???
>>571
初心者スレに行って見てきてご覧・・・

573 :Name_Not_Found:2006/06/12(月) 01:19:32 ID:???
>>571
ttp://makimo.to/2ch/pc8_hp/1141/1141709610.html

ここを見れば邪魔な存在でしかないというのがわかる筈。

574 :Name_Not_Found:2006/06/12(月) 01:23:48 ID:???
少なくともここには来た事ないだろ。
コンパクトなレスなど出来ないし。

575 :Name_Not_Found:2006/06/12(月) 01:24:09 ID:???
img要素をCSSの背景画像に置き換える方法として

1.display: span
2.?
3.text-indent:-9999px

の3つの手法が過去スレで紹介されていたと思うのですが
2の方法がなんだったか良く覚えていません。
たしかpaddingの部分に内部テキストを書いてどうにかして隠す方法だったと思います。
3の方法で作っていて困ったことがあったので2の方法を教えてください。

576 :Name_Not_Found:2006/06/12(月) 01:27:47 ID:???
>>573
ひでぇw

577 :Name_Not_Found:2006/06/12(月) 03:12:32 ID:???
>>575
display: spanってなんだよw

2はたぶんこれか
height: 0;
padding-top: **px;
overflow: hidden;
IEの後方互換考えるならハックする必要がある。

3の方法で困ったことってのは、
IE5以前で要素ごと飛んでっちまうあれか?
それならfloatすればOKのはず。
それはそれでややこしいことになったりするが。

578 :575:2006/06/12(月) 20:38:31 ID:???
>>577
教えてくださってありがとうございます。
3の方法で困っていたのはfirefox1.5対策として適用していたoverflow:hidden;でした。
ですので2の方法も試すことができませんでした。

a:hoverとpositionを使ってa要素外に子要素を出現させるやり方を試していたのですが
overflowで隠してしまうと子要素が見えないのです。

結局、子要素としてspanを用意して絶対配置とし、topマイナス方向に飛ばしてテキストを隠すことにしました。

579 :575:2006/06/12(月) 20:45:52 ID:???
背景画像の置き換えについてはこれで解決したのですが上記のa:hoverで子要素を出現させるところで新たな問題にぶつかりました。
レイアウトはfloatを使った2段組で、左の段のリンクリストにカーソルを合わせると右の段の上(z方向)に子要素が出現し、
右の段の場合は左側の段の上(z方向)に子要素が出現する格好です。

段を組んでいるブロック要素はいずれもstaticな配置なのですが内部的に重なり順を持っているらしく
後にマークアップしたものの方が重なりが上になります。(IE6とFirefox1.5で確認)
ですのでHTMLソース上でa:hoverで出現させたい要素よりも後にマークアップした部分は
出現させたい要素よりも重なりが上になってしまいます。
この仕様だと上記のような2段組で左段、右段共に子要素を出現させるためには
Javascriptを使って左段、右段のz-indexを変えてやるくらいしか方法が思いつきませんでした。

もっとスマートな方法がありましたらどなたか教えてください。

580 :Name_Not_Found:2006/06/12(月) 21:10:41 ID:???
>>579
z方向に出現って何だよ?
ソース出せ。

581 :Name_Not_Found:2006/06/12(月) 21:15:24 ID:???
ソースドロボウ

582 :Name_Not_Found:2006/06/12(月) 21:28:27 ID:???
んじゃイラネ

583 :Name_Not_Found:2006/06/12(月) 22:25:34 ID:pfeCxE/o
ちわー三河屋でーす!ソースっすか?

584 :Name_Not_Found:2006/06/13(火) 00:11:09 ID:???
>>583
ツマンネ

585 :Name_Not_Found:2006/06/13(火) 11:50:45 ID:???
マウスが上に来た際に、その文字列の色ではなく、他の場所の文字列の色を変更する方法を教えてください。


586 :Name_Not_Found:2006/06/13(火) 12:29:45 ID:???
>>585
JSスレへどうぞ

587 :Name_Not_Found:2006/06/13(火) 17:31:11 ID:???
CSSレイアウトでデカ画像のテーブルスライスなんてのは、
諦めてtableブチ込む以外ない?ない、というかtableにするべき?

588 :Name_Not_Found:2006/06/13(火) 17:36:48 ID:???
どうしてもやるなら素直にtable使った方がいい。
スライス画像の配置ということ自体、CSSの利用目的からはずれてるから。

589 :Name_Not_Found:2006/06/13(火) 19:29:25 ID:???
>>587
ここにフリーのdivがある!!
ここをulでマークアップすれば背景画像を置ける!!
とかそんな作業でフリースペースを見つけていく。
テーマは「発見」

590 :Name_Not_Found:2006/06/13(火) 20:04:43 ID:???
質問です。
IE5.0ってインライン要素にpaddinつけられないですかね?

591 :Name_Not_Found:2006/06/13(火) 20:07:46 ID:???
>>590
ディスプレってブロッキングパッディn

592 :Name_Not_Found:2006/06/13(火) 20:14:32 ID:???
>>591

ん?

593 :Name_Not_Found:2006/06/13(火) 23:55:15 ID:???
>>591
気をつけろ。
解りやすく解説しないと、
「日本語でおk」
と言われてしまうぞ!

594 :Name_Not_Found:2006/06/14(水) 00:06:39 ID:???
ぁーdisplay: block;してぱっでぃングつけろってことですか・・。
やっぱりそれしかほうほうはないのですかね・

それつかうと、横並びしたいとき、幅していしてあげないといけないじゃないですか・・。

595 :Name_Not_Found:2006/06/14(水) 00:22:25 ID:???
>>593
Web先生は要らない。

596 :Name_Not_Found:2006/06/14(水) 10:59:56 ID:???
block要素にvertical-align: middle; を適用させることはできないようですが、
文字をblock要素内の中央に設置するにはpadding-topで指定するしかないのでしょうか?

597 :596:2006/06/14(水) 11:10:05 ID:???
>>9の5にありましたどうもすいません。無理っぽいですね。
つーか議論だか煽りあいだかわからんようなページですね。

598 :Name_Not_Found:2006/06/14(水) 11:20:30 ID:???
お聞きしたいのですが
<div id="con_image">
<img src="common/*****.jpg" alt="" width="800" height="180" />
<br />
<img src="common/img_top_mainimage.jpg" alt="" width="800" height="15" />
</div>

こんな感じで単純に画像2枚を縦に並べてるんですが
<br />を入れて空間をあかないようにするにはどうすればいいのでしょうか。
現在IEだと12px位画像と画像の間が開いており、ネスケだと2~3px縦に空間が出来てしまっています。

このような場合<br />にどの様な要素を入れればいいのでしょうか。

599 :Name_Not_Found:2006/06/14(水) 11:38:04 ID:???
>>598
ttp://www.mozilla.gr.jp/standards/webtips0018.html
これでダメだったらline-height:0

600 :Name_Not_Found:2006/06/14(水) 11:41:31 ID:???
<br />を入れなければいいのでは。
入れる必要あるの?

601 :Name_Not_Found:2006/06/14(水) 11:50:14 ID:???
>>600
おまえ、世の中には800×2px以上の解像度のPCなんてザラにあるぞ。

602 :598:2006/06/14(水) 11:50:28 ID:???
>>599
XHTMLで構築しているのでテーブルは極力避ける為
URLの方法は出来ない状態です。
line-height:0;もネスケでは数px空いてしまいますね。

>>600
縦に画像2種類表示する形なので<br />要素は必要だと思われます。
用は改行による空間を無くしたいのです。

現状のソース
---
<div id="con_image">
<img src="common/*****.jpg" alt="" width="800" height="180" /><br />
<img src="common/*****.gif" alt="" width="800" height="18" />
</div>

なぜかネスケの場合縦の空間が開いてしまうんですよね。

603 :Name_Not_Found:2006/06/14(水) 11:54:48 ID:???
>>602
テーブルに関係ない。キモのところをちゃんと嫁。

604 :Name_Not_Found:2006/06/14(水) 12:00:06 ID:???
>>602
> XHTMLで構築しているのでテーブルは極力避ける為

XHTML Basic 1.0 か?
そうでないなら、むしろHTML以上にテーブルを有意義に使えるだろう。

605 :598:2006/06/14(水) 12:09:02 ID:???
>>603
imgに対してvertical-align:bottom;要素をCSSで組み込んだら
高さの隙間がなくなりました。

有難う御座いました。

606 :Name_Not_Found:2006/06/14(水) 13:18:08 ID:???
画像にdisplay: block指定して<br />無くすって方法もあるが邪道か?

607 :Name_Not_Found:2006/06/14(水) 13:33:40 ID:???
いや、それが王道

608 :Name_Not_Found:2006/06/14(水) 21:25:57 ID:???
imgはpでかこむべきでは?

609 :Name_Not_Found:2006/06/14(水) 21:28:00 ID:???
根拠を述べよ

610 :Name_Not_Found:2006/06/14(水) 21:30:14 ID:???
普通にdiv直下にinline要素は嫌われる罠。

611 :Name_Not_Found:2006/06/14(水) 21:38:20 ID:???
文字もpでかこうのとおんなじで、画像もpで囲って意味もたせてあげないとだめじゃね?
別に場合によってはpじゃなっくてliとかでもいいとおもうけど。

612 :Name_Not_Found:2006/06/14(水) 23:20:40 ID:???
div要素を取り払ってもきちんと意味が通るようにすべきだよね。

まぁ激しくスレ違いの話題っぽいけど。

613 :Name_Not_Found:2006/06/14(水) 23:38:43 ID:???
divでいいじゃん。divを嫌うなよ。divがかわいそうだろデブどもが

614 :Name_Not_Found:2006/06/14(水) 23:43:00 ID:???
デブはピーザを食らうべきだ。

615 :Name_Not_Found:2006/06/15(木) 00:04:46 ID:???
>>613
誰も嫌ってはいないと思うけど。
ただ何でもかんでもdiv要素にするのはよくないってだけでしょ。

>>614
なんの話だよw

616 :Name_Not_Found:2006/06/15(木) 00:17:18 ID:???
Div病だのDiv厨って言葉はいつごろ生まれたの?

617 :Name_Not_Found:2006/06/15(木) 00:19:46 ID:???
メキシコオリンピックの翌年ぐらいだったと思います

618 :Name_Not_Found:2006/06/15(木) 00:20:53 ID:???
そんなレスは期待してないんだけど

619 :Name_Not_Found:2006/06/15(木) 00:41:15 ID:???
DIV全部とっぱらったぜ!
でもなぜか満たされないんだ

DIV削る為に別に必要もない要素を置いて何か意味もないこと詰め

620 :Name_Not_Found:2006/06/15(木) 01:50:12 ID:???
大文字の時点で終わってる

621 :Name_Not_Found:2006/06/15(木) 04:36:34 ID:???
div使うのは厨だけ

622 :Name_Not_Found:2006/06/15(木) 05:03:26 ID:???
やっぱspanも使わんの?

623 :Name_Not_Found:2006/06/15(木) 06:47:28 ID:???
divよりも更にspanの使いどころって難しいから使わないと思うんだが・・・

624 :Name_Not_Found:2006/06/15(木) 08:30:20 ID:???
使い方知らないだけ何ジャマイカ

625 :Name_Not_Found:2006/06/15(木) 08:34:10 ID:???
>>620
理由は?

626 :Name_Not_Found:2006/06/15(木) 08:55:13 ID:???
>>624
使う必要はなくて済むから汎用要素なんじゃん。

627 :Name_Not_Found:2006/06/15(木) 09:02:44 ID:???
質問です
tableタグは指定された高さがからはみ出た場合、
それに合わせ(はみ出さないようにと)高さが変わりますよね。
DIVなどでheight指定していた時、そのように高さからはみ出た場合に
上記tableみたいにしてくれるタグはありますか?

628 :Name_Not_Found:2006/06/15(木) 09:03:20 ID:???
spanは使わんな。強調ならemとかstorong使うし。
逆にspan使う人は、どんなとこで使ってるのだろ?

629 :Name_Not_Found:2006/06/15(木) 09:12:17 ID:???
>>627
タグじゃなくてプロパティだろ。
min-height。

630 :Name_Not_Found:2006/06/15(木) 09:13:51 ID:???
>>627
height指定しなければいいんだよん

631 :Name_Not_Found:2006/06/15(木) 09:15:55 ID:???
>>629
なりました。ありがとうございます。
>>630
うわぁデザインが崩れそうなり・・・

632 :Name_Not_Found:2006/06/15(木) 09:28:08 ID:???
>>628
幾つかの言語を混在させる時とかを例に使われるのは見た。

633 :Name_Not_Found:2006/06/15(木) 09:28:58 ID:???
>>629
IE対応してなかったんじゃまいか?

634 :Name_Not_Found:2006/06/15(木) 10:08:14 ID:???
しーーーっ

635 :Name_Not_Found:2006/06/15(木) 12:37:16 ID:???
CSSのクラス名で一般的な命名ルールってありますか?
大文字で始めるとか、_ は使わないとか、そういうものがあれば教えてください。
俺はこうしてるってのでもお聞かせ頂ければ嬉しいです。
よろしくお願いします。

636 :Name_Not_Found:2006/06/15(木) 12:41:15 ID:???
.Noriko
.Yuki
.Mana
.Mika

637 :Name_Not_Found:2006/06/15(木) 13:05:18 ID:???
>>636
.Noriko はやめてくれ.Noriko は

638 :Name_Not_Found:2006/06/15(木) 13:15:46 ID:???
よくある説明では英字で始り、英字、数字、ハイフンで構成された名前となってる。
後は視覚的な命名(red、center、など)は避けた方がいい。

639 :Name_Not_Found:2006/06/15(木) 13:20:04 ID:???
>>638 に反するけど、とある自治体のサイトで
.br150p { line-height:150%; }
.br200p { line-height:200%; }
とかってなってるの見かけたな。
まぁ名前から中身が類推出来る方が後々良いだろうね

640 :Name_Not_Found:2006/06/15(木) 13:26:43 ID:???
>>637
その話、聴こうじゃないか。

641 :635:2006/06/15(木) 13:47:25 ID:???
>>636-639
ありがとうございます。
大文字小文字はあんまりこだわらないってことでしょうか?
(例えばJavaのクラスだと先頭大文字が推奨されてたり等)

642 :Name_Not_Found:2006/06/15(木) 15:19:46 ID:???
>>634
…(・ω・ )

643 :Name_Not_Found:2006/06/15(木) 15:29:17 ID:???
>>625
(x)html

>>628
日本語<span>English</span>日本語

644 :Name_Not_Found:2006/06/15(木) 15:43:12 ID:???
>>635
クラス名とかは大文字小文字が混ざっても良いんじゃないかな。

javaの場合も別に良いけど、作る人毎に命名法が違うと読みづらいので
コーディング規則とか決めてみんなで合わせてるだけ。
cssなんか別に他人が書いたのを直すにしても、
「読解する」ってほどの作業が発生しないので皆結構好き勝手やってるんじゃないかな。

.Noriko と .noriko が区別されるか、って話なら、わたしゃ知らないけど、
書くときは厳密に書いておけば間違いないよ。

まぁ、漏れ本職じゃないし知識も中途半端なんで間違ってたらおしえてくださいませ>えろい方々


645 :Name_Not_Found:2006/06/15(木) 17:46:01 ID:???
命名のとき、最初はinfoとかcopyrightとか英語っぽくするのだけど、
だんだん面倒臭くなって、
syatyouaisatuとかtensenwakuとか書いてまう。

646 :Name_Not_Found:2006/06/15(木) 17:47:46 ID:???
俺なんか.aaa.とか.bbbだよ

647 :Name_Not_Found:2006/06/15(木) 17:58:15 ID:???
>>645
あーそれ分かる
なるべく英語にしようと思うだけど
結局ローマ字表記にしちゃうのw

648 :Name_Not_Found:2006/06/15(木) 18:35:54 ID:???
そしてヘボン式訓令式IMのローマ字入力表現が入り乱れて混乱の時代に。

649 :Name_Not_Found:2006/06/15(木) 18:48:23 ID:???
cssだとバレバレだから恥ずかしくないか?w

650 :Name_Not_Found:2006/06/15(木) 19:19:06 ID:???
>>628
例えば「日付」を意味付けする要素は存在しないよね。
だからといって勝手に自分ルールの要素を作ってしまうわけにはいかない。

そこでspanが用いられる。
<span class="date">2006-06-15</span>

これにスタイルを定義して日付を表現したりする。

651 :Name_Not_Found:2006/06/15(木) 19:41:12 ID:???
でも日付をマークアップする時って、
日記とかで、インラインよりもブロックのときじゃね?

652 :Name_Not_Found:2006/06/15(木) 19:50:17 ID:???
それは「日記のタブ」というブロックで表現したい要素の中身が
たまたま「日付」という意味を持つモノであることが多いというだけで、
むしろ実際は「日付+α」がブロックになっていることも多々ある。

653 :Name_Not_Found:2006/06/15(木) 19:54:29 ID:???
日付は<hn>でマークアップするもんじゃないの?

654 :Name_Not_Found:2006/06/15(木) 20:02:14 ID:???
>>653
段落要素の中に日付が出現したらどうすんのよw

655 :Name_Not_Found:2006/06/15(木) 20:08:33 ID:???
日付って結構ちょっとした画像なんかと組み合わせるから
DIVでまとめてポン

656 :Name_Not_Found:2006/06/15(木) 20:17:28 ID:???
>>654
はあ? お前馬鹿?
<p>今日は <h4>2006-06-15</h4> でしゅ。</p>

657 :Name_Not_Found:2006/06/15(木) 20:23:07 ID:???
最近の釣りは巧妙化しているからな。

658 :Name_Not_Found:2006/06/15(木) 20:26:29 ID:???
>>656
今すぐ死ねよ池沼

659 :Name_Not_Found:2006/06/15(木) 20:31:52 ID:???
spanは、強調の逆に弱める場合につかうかなぁ。

660 :Name_Not_Found:2006/06/15(木) 20:56:49 ID:???
html 止まりならそれでもいいんだが・・・

661 :Name_Not_Found:2006/06/15(木) 21:02:21 ID:???
htmlどまり?

662 :Name_Not_Found:2006/06/15(木) 21:09:34 ID:???
<span>
  _, ,_  スパーン!
 ( ‘д‘)
   ⊂彡☆))Д´)
        </span>

663 :Name_Not_Found:2006/06/15(木) 21:31:02 ID:???
htmlなら別に大文字でタグ書いてもかまわないけど
xmlは全部小文字で書かなきゃいけない。

でもまぁ、置換一発で終わる話。

664 :Name_Not_Found:2006/06/15(木) 21:37:09 ID:???
XHTMLもね

665 :Name_Not_Found:2006/06/15(木) 21:38:10 ID:???
>>650
日付を意味づけする必要が一般にはないと判断されたからこそ一般要素として存在しないんだろ。
ありとあらゆる意味づけを要素にしたら誰も覚えられない。
日付なんか意味づけする必要はなし。

666 :Name_Not_Found:2006/06/15(木) 21:42:43 ID:???
>>665
だからスタイルを定義するんだよ。

667 :Name_Not_Found:2006/06/15(木) 21:47:30 ID:???
だからどんなときにするんよ?

明日の<span class="date">1月1日</span>はお正月です。
とか?
意味わかんね。

668 :Name_Not_Found:2006/06/15(木) 21:48:14 ID:???
>>665
div や span をスタイルシートのための要素だと思っていないかい?

669 :650:2006/06/15(木) 21:52:05 ID:???
>>667
別にマークアップする必要が無いと思った人はいいんだよ。
それに日付は単なる例示だから…。

例えば「用語」はマークアップする要素があるが、日付はない。
スタイルシートを適用させたくても、適当な要素がないんだよ。

だからって:
<date style="border:1px solid #000;">2006-06-15</date>

とするわけにはいかない。
つーわけで span でマークアップする。

<span class="date">2006-06-15</span>

ちょっと説明が悪かったかな。
誤るよ...

670 :Name_Not_Found:2006/06/15(木) 21:57:54 ID:???
>>669
マークアップする必要のないところにマークアップするつもりなら
単語毎にマークアップできるようになるんだよ、馬鹿か。
それを防ぐためにも要素は必要最低限でいい。
そして日付は必要最低限ではない。

671 :Name_Not_Found:2006/06/15(木) 22:05:09 ID:???
ブログとかで日付だけ出てくる場合なら

<p class="date">2006-06-15</p>

とかでもいいとおもうんだけどわざわざspanでやらないでも。

672 :Name_Not_Found:2006/06/15(木) 22:05:15 ID:???
些細な事ですが、気になったので質問です。
body {
margin-left: 4%;
background: #ffffff url(back.jpg) no-repeat 4% 0;
}
例えば上記のように記述すると、body以下の要素と背景画像の左側に、4%の空きが作られると思ったのですが、
背景画像の位置が、明らかに4%未満の場所に表示されてしまいます。
「%」の指定で空きを揃える事は不可能なのでしょうか?
emやpx指定にすれば、揃える事ができるのですが・・・。

673 :Name_Not_Found:2006/06/15(木) 22:05:43 ID:???
>>669
いや、それは分かるんだけど。
端的に、インラインのspanで日付をマークアップしなきゃいけない状況が分からんのよ。
>>667の例だったら、文章の中で日付ではなくて、
1月1日という特定の日を強調したいのだろうから、
<em class="date">1月1日</em>なら分かる。

文中にある日付を強調などの他の意味付けなしに
「日付」としてマークアップしたい状況ってどんなん?

674 :650:2006/06/15(木) 22:06:44 ID:???
>>670
> それを防ぐためにも要素は必要最低限でいい。
> そして日付は必要最低限ではない。

いや、だからさ…
スタイルを適用させる場合の話だよ。span要素自体は特に意味を持たないから、普通はスタイルを定義するのさ。

日付だけではないが、メールアドレス、電話番号など をマークアップする要素はないから
これにスタイルを適用させたい場合は span を用いるんじゃないかなって?

理解できる?

675 :Name_Not_Found:2006/06/15(木) 22:09:24 ID:???
<p>メールアドレス</p>
<p>電話番号</p>
でいいのでは?
または
<ul>
<li>メールアドレス</li>
<li>電話番号</li>
</ul>
とか

676 :Name_Not_Found:2006/06/15(木) 22:12:03 ID:???
何のための日付かに着目すればおのずとふさわしい要素も見えてくるだろう。

677 :650:2006/06/15(木) 22:12:35 ID:???
>>671, >>673
それは個人の思想だとおもー。
日付が強調だと考える人もいれば、俺みたいに強調ではないと思う奴もいる。

つーわけでインライン要素のグループ化、という意味ではspanを用いるのがよいかと。
逆に>>671みたいな *日付だけが記述された段落* が出現するのはどうかと。

何か意見ある?

678 :Name_Not_Found:2006/06/15(木) 22:13:10 ID:???
いや、650の言ってる意味は普通にわかるよ。
日付に意味を持たせたい場合で、尚且つ適当な要素が無かった場合のspanだな。

679 :Name_Not_Found:2006/06/15(木) 22:15:59 ID:???
具体例が無いということは、
つまりは意味あるマークアップじゃなくて装飾ってことね。

つーか後はStrictスレでやれ。

680 :650:2006/06/15(木) 22:16:28 ID:???
>>675
これなんか面白いんじゃないかな?

<address>
電話番号: <span class="telephone">xxx-yyy-zzz</span><br />
メールアドレス: <span class="e-mail">xxx@example.com</span><br />
作者: <span class="author">山田 太郎</span><br />
最終改訂: <span class="date">2006-06-15</span>
</address>

まあaddress要素内にブロックレベルが内包できるように仕様が改訂されれば
>>675みたいに、リストとしてマークアップするのもいいかもね。

681 :Name_Not_Found:2006/06/15(木) 22:17:59 ID:???
うちのサイトの日記のとこにも使ってる。
例えば
<h3>ほにゃらら</h3>
<p class="date">2006年06月15日</p>
<p>本文。</p>
以下略〜
みたいな感じ。
あと、ブログみたいに記事のタイトル一覧ページも作ってるけど、そこでも使ってるね。
<ul>
<li><span ="date">2006年06月15日<span>: <a href="〜">ほにゃらら</a></li>
以下略〜
</ul>
みたいな感じ。

682 :Name_Not_Found:2006/06/15(木) 22:20:52 ID:???
>>681
> <h3>ほにゃらら</h3>
> <p class="date">2006年06月15日</p>

え? その日付は段落ではなく一般的に見出し要素ではないの?

<h1>お馬鹿な日記</h1>
<h2>2006-06-15</h2>
<h3>うんこもらした…</h3>
... 以下略 ...

683 :Name_Not_Found:2006/06/15(木) 22:21:11 ID:???
>>680
それは全部address。

684 :Name_Not_Found:2006/06/15(木) 22:22:55 ID:???
>>674
だから「意味を持たせる」ことが「無限に可能だから問題」だと言ってるんだ。
だったらおまえは日付だけじゃなく、すべての意味を意味づけするために
単語毎にspanでくくるのか?無理だし煩雑になる。

685 :Name_Not_Found:2006/06/15(木) 22:22:58 ID:???
>>683
>>678

お前はーw
全然理解していないのねww

686 :Name_Not_Found:2006/06/15(木) 22:23:26 ID:???
>>682
んー
見出しじゃなくて
pでも間違いじゃないと思うに一票

そのほか
<ul>
</li>2006-06-15</li>
</ul>

とか
<dl>
<dt>day</dt>
<dd>2006-06-15</dd>
</dl>
とか


687 :Name_Not_Found:2006/06/15(木) 22:25:16 ID:???
>>681
<ul>
<li class="date">2006年06月15日: <a href="〜">ほにゃらら</a></li>
</ul>
のほうがいいようなきがしないでもない・・。

688 :Name_Not_Found:2006/06/15(木) 22:25:44 ID:???
>>685
おまえがaddressを理解してないだけだろ。

689 :Name_Not_Found:2006/06/15(木) 22:25:50 ID:???
>>684
スタイルシートで意味付けしたい要素だけ スパパーン

690 :Name_Not_Found:2006/06/15(木) 22:27:00 ID:???
>>689
装飾のために要素を無理に追加するな

691 :Name_Not_Found:2006/06/15(木) 22:28:13 ID:???
>>680
addressで1行ごとにしろよ、brなんか使ってるんじゃねえよ。

692 :650:2006/06/15(木) 22:29:17 ID:???
>>688
こうマークアップした場合、日付やメールアドレスは、確かにaddress要素になりましたね。
でもaddress内の日付やメールアドレスに(見栄えで)意味を持たせることができる、と私は言っているのです。


693 :Name_Not_Found:2006/06/15(木) 22:29:30 ID:???
いや、俺はする。

694 :Name_Not_Found:2006/06/15(木) 22:30:18 ID:???
>>691
そうかな?
俺はグループ化することは悪いことではないと思うが

695 :Name_Not_Found:2006/06/15(木) 22:30:26 ID:???
(見栄えで)
↑この時点で間違ってるって気付けよ。

696 :Name_Not_Found:2006/06/15(木) 22:31:48 ID:???
>>692
何だよ見栄えって、要素は見栄えのためのものじゃない。
意味を持たせることができても、インラインのすべてに意味を持たせることができるから逆に問題なのであって、
そもそもaddressで意味をもっているんだからそれ以上やったら煩雑だから逆に意味がなくなる。

697 :681:2006/06/15(木) 22:32:26 ID:???
>>682
あぁなるほど、見出しでも良いね。

単にうちの場合は見出しには日記のタイトルを使用したくて、
日付に見出しを使うほど強い意味を持たせていないだけなのね。

同日内に複数の記事を書く場合なら見出しを使うけど、
一日一度の日記なんで、日付は補助的に使ってるだけなんだ。

私がそういうコンセプトで制作してるって話なだけだね。

698 :650:2006/06/15(木) 22:32:29 ID:???
>>695
たしかにそれは間違いだったと認めるよ。

699 :Name_Not_Found:2006/06/15(木) 22:32:35 ID:???
>>694
グループ化をさせるためのaddressじゃない。
グループ化という意味だったらdiv。

700 :Name_Not_Found:2006/06/15(木) 22:33:35 ID:???
つーかスレ違いですよ、と。

701 :Name_Not_Found:2006/06/15(木) 22:34:07 ID:???
>>699

<div id="...">
<address> ... </address>
<address> ... </address>
<address> ... </address>
</div>

こうなるじゃん。

702 :Name_Not_Found:2006/06/15(木) 22:34:41 ID:???
それでいいじゃん

703 :Name_Not_Found:2006/06/15(木) 22:35:27 ID:???
大体グループ化させることに何の意味が。
addressってだけで、そこが全部addressなんだってわかるっつーに。

704 :650:2006/06/15(木) 22:35:42 ID:???
>>700
そうだった。
ここは質問スレだよな。。

続きは Strict スレでもよろ(て、俺が悪いんか。ごめ)

705 :Name_Not_Found:2006/06/15(木) 22:37:31 ID:???




<hr title="話題の区切り" />





706 :Name_Not_Found:2006/06/15(木) 22:38:00 ID:???
今のHTMLじゃhrは意味の区切りを示さない

707 :Name_Not_Found:2006/06/15(木) 22:39:53 ID:???
だからそういうときのclassじゃん。

708 :Name_Not_Found:2006/06/15(木) 22:40:57 ID:???
>>650とおまけの馬鹿たちへ

   青臭い議論はよそで

大人なら解るよな?

709 :Name_Not_Found:2006/06/15(木) 22:46:30 ID:???
Strict-HTML スレッド 36
ttp://pc8.2ch.net/test/read.cgi/hp/1147429842/

続きはこちらで。
しつこく続ける人は荒らし。

710 :Name_Not_Found:2006/06/15(木) 22:55:46 ID:???
>>708-709 = 【荒し】

711 :Name_Not_Found:2006/06/15(木) 22:57:59 ID:???
じゃぁ改めて。
.Norikoの話を聞こうか。

712 :Name_Not_Found:2006/06/15(木) 23:24:49 ID:???
ふられたんだ  ぅぅ

713 :Name_Not_Found:2006/06/15(木) 23:29:16 ID:???
おー、よしよし

714 :Name_Not_Found:2006/06/16(金) 00:42:47 ID:???
その.Norikoは俺の彼女。ごめん。

715 :Name_Not_Found:2006/06/16(金) 02:15:56 ID:???
うちのオカンがNorikoだが。
ところで>>672は解決したかね?

716 :Name_Not_Found:2006/06/16(金) 11:24:09 ID:???
Norikoに教えてもらった

717 :Name_Not_Found:2006/06/16(金) 11:33:41 ID:???
<div class="Noriko">>>712さん、ごめんね。</div>

718 :Name_Not_Found:2006/06/16(金) 12:45:26 ID:???
>>

719 :Name_Not_Found:2006/06/16(金) 13:43:51 ID:???
#Noriko > #712 { display: none }

720 :Name_Not_Found:2006/06/16(金) 15:37:04 ID:zaQCKwqE
tdで縦位置位置を上揃えにするvalign="top"にあたるのは、
CSSでは何になりますでしょうか。
vertical-align:top;でもないようですし…。
よろしくお願いします。

721 :720:2006/06/16(金) 15:42:35 ID:???
すいません事故解決しました。
間違えてtdではないところに設定してました…。

722 :Name_Not_Found:2006/06/16(金) 19:06:54 ID:???
>>719
>#712
セレクタのこの部分が正しくない。
#\37\31\32 から #\000037\000031\000032 までの 125通り、
#\37\0000312 から #\000037\0000312 までの 5通り、
#\0000371\32 から #\0000371\000032 までの 5通り、
#\00003712 の 1通り、
合計 136 通りのどれかに一致していなければならない。

ただし、これは id="712" という属性値が CSS処理系に渡された場合の話に過ぎない。

最初のHTMLパース時に ID値として認識されなければ、CSS処理系に渡されない。
ID値は、HTML4.01仕様からXML1.1仕様まで、数字で始まる事は許されていない。
(実装において、属性値の型ではなく、属性名が id であることを基準に
 CSSへ処理を委ねているから、条件はもっと限定される。)

723 :Name_Not_Found:2006/06/16(金) 21:06:38 ID:???
なにマジレスしてんだ

と、釣られてみる

724 :助けてー:2006/06/17(土) 00:25:22 ID:a2NsDTr/
tableの中に、画像を数個、たてよこに並べたいと思っています。
positionで relativeを設定すれば、親BOXをtableと認識するのですが
absolute にて設定を変えると、ブラウザの左上からの距離で表せれてしまいます。

tableはブラウザからの中央寄せで表示したいので、absoluteでの表示では、
思った表示ができず困っております。だれか助けてください。


725 :助けてー:2006/06/17(土) 00:26:18 ID:W3wrZbyU
<table width="900" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF" class="tablemain">
<tr>
<td>
<div class="imagetitle"><img src="images/title.gif" width="219" height="243" border="1"></div>
<div class="imageday"><img src="images/day.gif" width="219"height="117"></div>
<div class="swf"><img src="images/flash.gif" width="656" height="365"></div>
<div class="menu01"><img src="images/menu01.gif" border="1"></div>
</td>
</tr>
</table>

726 :助けてー:2006/06/17(土) 00:26:44 ID:a2NsDTr/
.tablemain {
padding: 15px 7px 0px;
background-color: #FFFFFF;
border: thin solid #999999;}
.imagetitle {
position: absolute;
left: 0px;
top: 0px;}
.imageday {
position: relative;
left: 0px;
top: 5px;}
.swf {
position: absolute;
top: 0px;
left: 233px;}
.menu01 {
position: absolute;
top: 379px;
left: 7px;}

727 :Name_Not_Found:2006/06/17(土) 00:31:30 ID:???
>>724
つ【正しくないHTMLにCSSを適用させても何にもならない】

728 :Name_Not_Found:2006/06/17(土) 01:23:02 ID:???
>>724
absolute ってそういうもんでしょ

729 :Name_Not_Found:2006/06/17(土) 01:58:10 ID:kZGPpMSl
HTMLでいうところの<iframe>〜</iframe>は
cssではどのように表記すればいいのでしょうか?
同じ効果の得られるタグを教えてください。

宜しくお願いします。

730 :Name_Not_Found:2006/06/17(土) 02:07:05 ID:???
HTMLとCSSの基礎を理解してから質問して下さい。

731 :Name_Not_Found:2006/06/17(土) 02:07:21 ID:???
>>729
CSSはタグじゃないし、iframeのような埋め込み機能は存在しない。
iframeで嫌ならSSIやPHPでインクルードして、あとのCSSの整形になったらまたおいで。

732 :Name_Not_Found:2006/06/17(土) 02:17:03 ID:???
もし疑似フレームのことにしたって、FAQに載ってるしな。

733 :助けてー:2006/06/17(土) 02:22:10 ID:a2NsDTr/
>>727 はは、注意ありがとう。
>>728 そんなものなんですか?

absoluteの基点は、BOXでなくて、ブラウザの左上ということでいいんでしょうか?
となると、中央寄せのサイトとかには使えないですね。

テーブルで組んだ方が簡単だなーはあ。


734 :Name_Not_Found:2006/06/17(土) 02:31:52 ID:???
>>733
違うよ、親要素の位置から。

735 :助けてー:2006/06/17(土) 02:40:28 ID:a2NsDTr/
はやレスありがとう。
えっと、ということは僕のは、単純にHTMLの書き方が
悪いから?ブラウザの左上になるのかな?

relativeに直して、各位置を書き換えると、きちんと
table=BOXの位置から、それぞれの相対位置になるんだけど、

単純にHTML間違い?

736 :Name_Not_Found:2006/06/17(土) 03:13:44 ID:???
親要素で absolutかerelativeが指定されてる場合
親要素の左上から
そうじゃない場合は左上から

ただソースを見ると根本的にわかってないと思うから
htmlから勉強しなおしたほうが良いと思うよ。


737 :助けてー:2006/06/17(土) 03:19:26 ID:a2NsDTr/
)ただソースを見ると根本的にわかってないと思うから
)htmlから勉強しなおしたほうが良いと思うよ。

ギクッ!!
Dreamweaverにたよら

738 :Name_Not_Found:2006/06/17(土) 03:20:04 ID:???
なんだこいつ

739 :助けてー:2006/06/17(土) 03:21:19 ID:a2NsDTr/
ギクッ!!
Dreamweaverにたより過ぎたからな。

740 :Name_Not_Found:2006/06/17(土) 03:24:49 ID:???
>>736
そうじゃない。
dlが親要素の場合、dtはrelative関係なくdlの本来配置されるべは位置からの絶対指定になる。
relativeは親との明確な関係が出ない場合の話。

741 :Name_Not_Found:2006/06/17(土) 03:28:26 ID:???
position: absoluteにしてtopしか設定しないと
横位置は元の位置と同じになるから、
真ん中寄せでも使える

と思ってたのだが、
ひょっとしてそういうやり方ってよくないのか?

742 :Name_Not_Found:2006/06/17(土) 03:29:56 ID:???
>>741
いや、別に両方設定しなきゃならないってこともない。


包含ブロックの初期位置にならないケースってdiv以外にもあるんだな。

743 :Name_Not_Found:2006/06/17(土) 03:53:15 ID:???
>>740
dlやdtで絶対配置なんて使ったこと無かったから勉強になった.
ありがとう

744 :助けてー:2006/06/17(土) 03:56:42 ID:a2NsDTr/
よこからすいません。
WEBdesign誌 2002年11月号の
CSS特集記事で

-----------
abusolute 絶対座標(bodyオブジェクト上の座標を基準)
relative 相対座標(親からの座標を基準)
static HTMLレベルのレイアウトに従う
-----------
って書いてるけど、、。なんだか違うくない?

745 :Name_Not_Found:2006/06/17(土) 04:01:28 ID:???
「違うくない」という言葉が違うくない?

746 :Name_Not_Found:2006/06/17(土) 04:01:47 ID:9NlqJ/np
brタグを使うとfirefox,IEとOperaで表示のされ方が違うのですが、
brタグの高さを指定する方法はあるのでしょうか?

747 :Name_Not_Found:2006/06/17(土) 04:05:27 ID:???
>>746
line-heightの指定は?

748 :Name_Not_Found:2006/06/17(土) 04:07:03 ID:???
>>740
最も近い位置指定されてる要素のはずだが、dlになんか設定してね?

749 :Name_Not_Found:2006/06/17(土) 04:09:16 ID:???
>>746
同じだった気がするけど。

750 :Name_Not_Found:2006/06/17(土) 04:09:56 ID:9NlqJ/np
>>747
ありがとうございます。言われてみればあたりまえですね。
普通に<p>では使っていたのに勘違いしてました。
<br>に指定するんじゃなくて、その上に指定することを忘れていました。

751 :助けてー:2006/06/17(土) 04:11:46 ID:a2NsDTr/
>>745 すいません。何が正しいのかわからなくなってきました。



752 :Name_Not_Found:2006/06/17(土) 04:11:56 ID:9NlqJ/np
>>749
なにも指定していないとoperaでは高さがまったく無くて、
IE,Firefoxだと1ドット空きますよ。それともうちの環境がそうなだけなのかな。

753 :助けてー:2006/06/17(土) 04:12:56 ID:a2NsDTr/
ただ単純に画像を横に並べたいとき、

↓こうしたい。
  [A] [B] [C] [D]

relativeだと、 下みたいなってしまう。

  [A]
    [B]
      [C]
        [D]

abusoluteだと、

(ブラウザ)
‖=======

‖[A] [B] [C] [D]



なってしまうのは私だけ?

754 :Name_Not_Found:2006/06/17(土) 04:15:39 ID:???
>>751
>WEBdesign誌 2002年11月号
こんな古本は今すぐ捨てろ

755 :助けてー:2006/06/17(土) 04:17:31 ID:a2NsDTr/
)754
ああああ、そんなあ。

756 :Name_Not_Found:2006/06/17(土) 04:36:13 ID:???
理解もしてない要素を使うからおかしな事になる。position使うな。
大体table使うんなら、tdで並べれば済む話。
>725-726見たが意味わからんよ。

757 :助けてー:2006/06/17(土) 04:42:15 ID:a2NsDTr/
そうだな、素人は tableで組みます。
CSSの人達ありがとうです。


758 :Name_Not_Found:2006/06/17(土) 04:45:53 ID:???
>>753
ちょっと待て、イメージを横に並べるだけなら
divで囲う必要なんかなくて並べて書くだけでいいじゃんか。

759 :Name_Not_Found:2006/06/17(土) 04:46:51 ID:???
>>740
>>748
やってみたがdlが親要素で何も指定無しの場合dt,dd共に
absoluteではbody左上からの距離
relativeではdl本来の場所からの距離になる。


またdlにabsoluteを指定した場合(height:とwidthも指定)
dt,dd共にabsoluteの場合dlの左上からのj距離。
relativeの場合はdl左上を基本に本来の配置からの距離。
dtがabsolute ddがrelativeだとddは上はdlの上で左は本来の場所からとなるようです。



760 :助けてー:2006/06/17(土) 05:05:45 ID:a2NsDTr/
>758
あ、そうですね。
ありがとう。

でもCSSってムズイ。

761 :Name_Not_Found:2006/06/17(土) 05:12:59 ID:???
>>760
知らないから、難しいことしちゃうんだよ。
知ってれば並べるだけだったろ。

absolute:最も近い位置指定された(static以外)包含ブロックからの相対位置。
      存在しない場合は初期包含ブロック(body)からの相対位置。
relative:本来staticで配置されるべき位置からの相対位置。
static:通常フロー。
fixed:メディアによって異なるが、PC閲覧のような連続メディアの場合は
    閲覧領域に対して固定配置。

762 :助けてー:2006/06/17(土) 05:34:27 ID:a2NsDTr/
>>761さんありがとう。
CSSなんて今まで文字の飾りぐらいしか使わなかったんで
脱テーブルデザインを目指した矢先でした。
それで、ついでに質問

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

[A] [B] [C] [D]
[ E ] [E] [F]

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

のように画像がならんだものを、
親要素でくるんでCSSで調整しようと
したいとき、
その親要素って何のタグを利用
するものですか?
今まではこういった組絵は
tableで組んでいたので、
一行一列のtableをBOXとして組んだのが
>>725-726のソースになります。

--<table?>--------------

[A] [B] [C] [D]
[ E ] [E] [F]

------------</table?>----

というか質問自体おかしいですか?

763 :Name_Not_Found:2006/06/17(土) 05:43:02 ID:???
おかしいよ。
tableさえも理解してないって事がわかったよ。
CSS以前にhtmlちゃんと勉強した方がいいと思う。

764 :Name_Not_Found:2006/06/17(土) 05:54:13 ID:???
>>762
いや、どういう意図でイメージを並べるのかがわからないと答えようがない。
単に絵を並べるんだったら意味的にリストだから
<ul>
<li>イメージA</li>
<li>イメージB</li>
 ・
 ・
<li>イメージF</li>
<ul>
でliをCSSでinlineにする。

765 :Name_Not_Found:2006/06/17(土) 05:55:49 ID:???
>>762
とりあえずCSS以前の問題だから、

「脱初心者をめざす人のためのホームページ作成講座」
 http://www.k2.dion.ne.jp/~spag/
「簡単で、より適切なウェブサイト作成講座」
 http://pasokon-yugi.cool.ne.jp/website_kouza/
「ごく簡単なHTMLの説明」
 http://www.kanzaki.com/docs/htminfo

ここらへんで勉強してきて。

766 :助けてー:2006/06/17(土) 06:20:47 ID:a2NsDTr/
>>764 いいヒントありがとう。
>>765 親切にありがとうです。

ちょっとで直してきます。
そのときはよろしくね。

767 :Name_Not_Found:2006/06/17(土) 10:57:42 ID:???
勉強するならまずは日本語から。

というフォローも忘れずに。

768 :助けて!:2006/06/17(土) 22:08:20 ID:???
プルダウンメニューの作り方がわかりません。
ロールオーバーのみCSSを作ったけど、これ以降どうしたらいいのか・・・。
以下ソースです。

HTML一部分
<div id="g-navi">
<ul>
<li><a href="#" id="sample1">ナビ1</a></li>
<ul>
<li>サブメニュー1リンク</li>
<li>サブメニュー2リンク</li>
<li>サブメニュー3リンク</li>
</ul>
中略
</ul>
</div>

以下CSS一部分
ul,li{list-style: none;}
#g-navi{width:100%;height:33px;overflow:hidden;display: block;z-index: 100;}
#g-navi ul li{float:left;display:inline;}
#g-navi ul li a{display: block;text-indent:-5000px;text-decoration:none;overflow:visible;
/* \*/
overflow:hidden;
/* */
}
#g-navi a#sample1{width : 131px;height : 33px;background:url(../../imgs/g-navi.gif)}
#g-navi a#sample1:hover,#g-navi a#sample1-active,#g-navi a#sample1-active:hover{width : 131px;height : 33px;background : url(sample.gif) 0px 33px;}
以下略

ここからどうすればいいですか??アドバイスお願いします・・・。
初心者でごめんなさい。

769 :Name_Not_Found:2006/06/17(土) 22:14:53 ID:???
>>768
おまえは知識がないのに難しいことをやろうとしすぎ。
ttp://www.stylish-style.com/csstec/ultimate/css-roll-4.html

770 :Name_Not_Found:2006/06/18(日) 07:17:40 ID:???
>>768
質問とは関係ないが、ul要素直下にul要素は出現できない。

質問に関係する事を言うと、CSSでできるからといって実際にやってはいけない。
CSSで工夫して実現できる処理手順は貧弱すぎるから、使い易さとは程遠い物になるから。
例えば、ブラウザのメニュー(ファイルとかヘルプとか)が、ちょっとでもマウスを離したら
閉じてしまって、また最初から開かなければならなかったら、苛立つだろう?
そもそも、マウスに依存しすぎる(キー操作に難がある)ようなメニューなんて要らないだろう?
このように、できるという事と実用に耐え得るという事には厳然たる隔たりがあるわけだ。
だから、処理手順を細かく記述できる何か(JSに限定されるが)を使え。

771 :Name_Not_Found:2006/06/18(日) 07:31:04 ID:???
>>770
の人の補足
正しくはこう↓
<ul>
<li><a href="#" id="sample1">ナビ1</a>
<ul>
<li>サブメニュー1リンク</li>
<li>サブメニュー2リンク</li>
<li>サブメニュー3リンク</li>
</ul>
</li>
中略
</ul>

個人的にはプルダウンメニューは嫌い

772 :Name_Not_Found:2006/06/18(日) 15:52:12 ID:???
body{margin:0;padding:0;}ってやってるのに
IEだとtopとbottomにスキマが空いてしまいます。
opera firefoxだとぴたーりはしっこまでいくのに、なんでしょうか?

773 :Name_Not_Found:2006/06/18(日) 15:53:35 ID:???
>>772です
IEがぴったりで、opera firefoxにスキマがでます。逆ですた。
スマソ。偉くてえろい人教えてくださし

774 :Name_Not_Found:2006/06/18(日) 15:55:42 ID:???
*{margin:0;padding:0;}
こっち使った方が良くない?

775 :Name_Not_Found:2006/06/18(日) 15:56:23 ID:???
フレームでうs

776 :Name_Not_Found:2006/06/18(日) 16:20:01 ID:???
>>774
*{margin:0;padding:0;}
これだと<p>の本領を発揮できず段落が一切なくなってしまたので

777 :Name_Not_Found:2006/06/18(日) 16:23:54 ID:???
おっぱいかっこ!

778 :Name_Not_Found:2006/06/18(日) 16:42:41 ID:???
>>776
そういう時はpにmarginとか設定してあげるのよ。
ブラウザごとに無指定の時の取り方に誤差があるから、
最初に全て取っ払ってちゃんと指定してあげる事によって、
見え方の違い等も考慮するのが定石だよ。

それをやってれば>>772みたいな問題にも遭遇しないでしょ?
手間はかかるけどそれなりに効率的な手法なんだな。

779 :Name_Not_Found:2006/06/18(日) 17:13:59 ID:???
>>776
ぬるほど
最初に全て取っ払って指定するのが定石ですか。
僕は逆で、全てのcssの仕様を守りつつ、変更したいところだけカエルのが定石かとおもってますた



780 :質問:2006/06/18(日) 17:38:40 ID:E9m2z9RY
ページ数が多いんですが、フレームつかわず
CSSで疑似フレームでやろうとすると
全部のページにナビゲーション付けないといけないんですか?

781 :Name_Not_Found:2006/06/18(日) 17:41:34 ID:???
そう。

782 :Name_Not_Found:2006/06/18(日) 17:46:29 ID:???
んが・・・
やっぱフレームでやるか orz

783 :Name_Not_Found:2006/06/18(日) 17:51:23 ID:???
便乗質問ですが、
ページ数多いけどフレーム無しの場合は
メニューやヘッダ、フッタ部分に
PHPとかサーバインクルード使ってるのが多いんでしょうか?

784 :Name_Not_Found:2006/06/18(日) 18:07:36 ID:???
>>779 それも定石です。

785 :Name_Not_Found:2006/06/18(日) 18:18:14 ID:???
>>780
普通はそう

>>783
そしてそれも多い。うちもそう

フレーム使うのはバカ

786 :Name_Not_Found:2006/06/18(日) 18:24:59 ID:???
CSSとフレーム使ってるサイト多いけど?
それら皆バカ?

787 :Name_Not_Found:2006/06/18(日) 18:26:53 ID:???
全部のページにナビゲーションを付けるのが望ましいって事で
>785は中途半端なフレームと一緒じゃんw

788 :Name_Not_Found:2006/06/18(日) 18:57:10 ID:???
Javascriptで流し込むって手もあるぞ。
OFFの時の代替手段がないと厳しいけど。

789 :Name_Not_Found:2006/06/18(日) 18:59:34 ID:???
インラインフレーム

790 :Name_Not_Found:2006/06/18(日) 20:46:44 ID:???
というかグローバルナビゲーションは要らないだろ。
トップと上の階層と前後リンクさえあればいい。

791 :Name_Not_Found:2006/06/18(日) 21:54:06 ID:???
CSSでtarget="_blank"と同じことできない?

792 :Name_Not_Found:2006/06/18(日) 22:13:29 ID:???
>>791
FAQ

793 :Name_Not_Found:2006/06/18(日) 23:20:34 ID:???
cssじゃできない
javaでやるしかない
http://cl.pocari.org/2006-03-14-5.html

794 :Name_Not_Found:2006/06/18(日) 23:33:49 ID:???
>>793
おいおい、そんなだからレベル低って言われちゃうんだぞ。

795 :Name_Not_Found:2006/06/18(日) 23:40:33 ID:???
なにが?


796 :Name_Not_Found:2006/06/18(日) 23:54:37 ID:???
Web製作板なんだから、JavaとJavascript、JScriptの違いがわかるように
ちゃんと書き分けようぜ。

797 :Name_Not_Found:2006/06/19(月) 00:30:01 ID:???
<>

798 :Name_Not_Found:2006/06/19(月) 08:05:45 ID:???
>>791
CSS3を待て。

799 :Name_Not_Found:2006/06/19(月) 09:35:13 ID:???
低レベルの>793 おはよう

800 :Name_Not_Found:2006/06/19(月) 10:01:09 ID:???
CSSでイケてるデザインサイトいくつか見てきたけど
フレームやテーブルも併用してる所が多かった
CSSってやっぱイマイチだな

801 :Name_Not_Found:2006/06/19(月) 10:03:56 ID:???
>>800
テーブルはデータテーブルら使って当たり前だし、
変更されてるところじゃなきゃおまえが擬似フレームをフレームと勘違いしてるだけだと思われ。

802 :Name_Not_Found:2006/06/19(月) 10:12:43 ID:???
>801
>擬似フレームをフレームと勘違いしてる

バーカ
勘違いしてるのは801だけだろw

803 :Name_Not_Found:2006/06/19(月) 10:18:04 ID:???
>801
日本語崩壊してるよw

804 :Name_Not_Found:2006/06/19(月) 15:07:00 ID:Ly1Gfdw2
フッタ部分の文章を中央揃えしようと、

#foot p{
text-align:center
font-size:small
}

という風に書いたのですが、
何故かfont-size:smallを入れるとスタイルシートが適用されません。
(font-size:smallを外すと、中央揃えはされます)
どのような原因が考えられるでしょうか?

805 :Name_Not_Found:2006/06/19(月) 15:10:20 ID:???
>>804
text-align:centerの後ろに「;」を忘れてる。
最後は確かに入れなくてもいいけど、全部に入れる癖を付けといた方がいいよ。

806 :Name_Not_Found:2006/06/19(月) 15:21:34 ID:???
>>805
ありがとうございます、上手くいきました。
初歩的なミスで、お恥ずかしい限りです。

807 :Name_Not_Found:2006/06/20(火) 00:56:15 ID:QPNXj+tw
失礼します、質問です。
┌──────────┐
│┌─┐回り込みテキスト│
││画│回り込みテキスト│
│└─┘回り込みテキスト│
│回り込みテキスト.    │
└──────────┘
こういう感じのボックスを作る場合に、大雑把に以下のような構造として、

<div>
<img>
<p>テキスト</p>
</div>

imgの部分に「float:left;」を指定してやれば後続のpは回り込むことになると思います。

で、上の例のように、コンテナボックスにあたる要素(例ではdiv)が閉じている場合、
回り込みをクリアしなくても(IE等に限定すれば)レイアウトが保たれる状況があると思うのですが、
規則的なことを言うと、そういった場合でもclearを入れるのが正しいのでしょうか?

また、仮にclearを入れるとして、文書としては不要なbrや中身が空のdivなどを使うことがありますが、
そうしたものを敢えて用意してでも、この場合clearは行うべきなのでしょうか?

どなたかご教授いただけると助かります。

808 :Name_Not_Found:2006/06/20(火) 01:05:10 ID:???
すみません、>>807です。図の訂正を。。。

┌──────────┐
│┌─┐回り込みテキスト│
││画│回り込みテキスト│
│└─┘回り込みテキスト│
│     回り込みテキスト│
└──────────┘

例に挙げた状況ではこのようになるのかな。。。
質問の主旨は変わりません。

809 :Name_Not_Found:2006/06/20(火) 01:11:48 ID:???
タイトル1

サブ1 サブ2 サブ3


タイトル2

サブ1 サブ2 サブ3


みたいなデザインを作るときは、どうするのが一番良いのでしょうか?

810 :Name_Not_Found:2006/06/20(火) 01:50:42 ID:???
>>808
どちらにしても、その後にfloatしたくない要素がくるなら、clearが必要だと思うが。

>>809
デザインと言われても困るが、マークアップ例としては↓とか。
<hn>タイトル1 </hn>
<ul><li>サブ1</li>…</ul>
<hn>タイトル2 </hn>
<ul><li>サブ1</li>…</ul>

811 :Name_Not_Found:2006/06/20(火) 02:13:48 ID:???
>>807です。

homepage3.nifty.com/catfood/up/upload.html

up7823.zip

こちらのアップローダーをお借りしてサンプルHTMLをあげてあります。
私の言いたいことを伝える目的で急いで製作したものなので、
ひどいソースというか、文法上はHTMLと呼べるようなものではありませんが。。。

[前提]
対象UAを限定すれば、clearなしでもレイアウトが保たれる状況がある。

[質問1]
そもそも、規則上、floatに対してclearは必須なのか、場合によっては不要なのか。

[質問2]
もし規則上必須で、それに対応しようと考えた場合、
上記サンプルファイルのように、clear目的のみで中身のない要素を設置しないとclearが困難な状況では、
どのような記述でclearを行うのがベターであるのか。

という感じです。
どなたかご教授いただますと助かります。

812 :Name_Not_Found:2006/06/20(火) 02:36:25 ID:???
ご教授 = ネタ

813 :Name_Not_Found:2006/06/20(火) 02:43:53 ID:???
>>807です、たびたびすみません。。。

一点補足なのですが、私の現在の認識ですと、

<div>
<p style="float: left;">あああ</p>
<p>回り込ませたいテキスト</p>
←(ここで何らかの手段でclearを行わないといけない)
</div>
←(上位のボックスの外に出てからclearを行うのは間違い)

ということになっているのですが、これがそもそも大間違いだったりしますか?

ただ、その場合でも、
<div style="clear: both;"></div> のような(よく見かけるのですが)、
clear目的のみでの中身のない要素を設置してもよいのかどうかが解りません。。。

814 :Name_Not_Found:2006/06/20(火) 02:52:13 ID:???
普通は外に出てclearでしょう。
brやhrに指定するってのもあるけど、
空要素に指定していいかってのはstrict論争になるんでね。


815 :Name_Not_Found:2006/06/20(火) 03:09:35 ID:???
>>807です、自分でも自分の文章が読んでいてよくわからないという有様なので、改めてまとめます。

<div>
  <div style="float: left;">
    <img style="float: left;">
    <p>回り込みテキスト回り込みテキスト回り込みテキスト</p>
  </div>
  <div style="float: right;">
    <img style="float: left;">
    <p>回り込みテキスト回り込みテキスト回り込みテキスト</p>
  </div>
</div>
<hr style="clear: both;">

という状況の場合、imgが浮動してpがそれに対して回り込んでいると思います。
で、回り込ませたいのはpのみである場合、普通ならその後にclearが必要になりますよね?

しかし、上の状況では、親ボックスも左右に浮動しており、そちらの浮動処理が優先されるため、
後続の要素は回り込むことを許可されないと思います(そう私は認識しています)。

結果、clearの記述が本来必要と思われる箇所(pの後?)に、clearを記述しなくても、
レイアウトが意図したものから大きく崩れるということはなくなっているのかと思います。

で、実際imgの回り込みを解除するclearは必要なのかどうか、というところが解らないという感じです。

816 :Name_Not_Found:2006/06/20(火) 03:21:02 ID:???
>>807です、>>815は各要素にwidthが指定されているかどうかで状況が変わるかもしれません。
本当に混乱してきました。

とりあえず、floatさせた場合、不要になった段階で全部漏れなくclearしろ。
空要素を使う使わないはまた別の問題として、とりあえず回り込みが終わるところでclearしろ。
仮にclearしなかったものを一見問題なさそうな感じでUAが表示しちゃっていてもclearしろ。

という考え方でよろしいでしょうか。。。

817 :Name_Not_Found:2006/06/20(火) 03:27:10 ID:???
>>816
うん

818 :Name_Not_Found:2006/06/20(火) 03:39:46 ID:???
>>807です、>>817さんありがとうございます。

とすると、>>814さんの「普通は外に出てclear」について質問があるんです。

<div style="width: 200px;">
  <img src="hoge.gif" width="80" height="80" style="float: left;">
  <p>回り込みテキスト回り込みテキスト回り込みテキスト。</p>
</div>
<p>後続テキスト後続テキスト後続テキスト。</p>

上のソース、imgのfloatをclearしていません。
ですが、IE等で表示させた場合、後続テキストは回り込みの影響を受けず通常配置されます。

これは、

・親のボックスを超えてfloatが後続に影響を及ぼすことは無い
・UAがclearの記述不足を内部的に補填した上で表示させている
・それ以外の何か

のどの状態であると考えておけばよいのでしょう?

私が>>813で、ボックス内部でclearを行わないといけないと考えていたのはここがよく解らないためです。

819 :Name_Not_Found:2006/06/20(火) 04:33:02 ID:???
>>818
ごめん、ちょっと酔っぱらってて。外でclearってカラムの時の話ね。
それ、pでclearしてもしなくてもいけるんだけど、どこかでclearしないと継承するブラウザがあった
けど思い出せない。


820 :Name_Not_Found:2006/06/20(火) 07:53:23 ID:???
>>818
それは単にIEのバグだな、本当は後続テキストも回り込みに入らなきゃならない。
どういうこと考えてそういう動きになってるのかはM$すら知らないだろうwww

821 :820:2006/06/20(火) 08:04:40 ID:???
>>818
ttp://cssbug.at.infoseek.co.jp/detail/winie/b053.html
多分これと同じじゃないかな。
置き換えインラインはfloatにとって幅を明示しているのと同様だから。

822 : ◆LLLLLLLLL. :2006/06/20(火) 10:47:27 ID:???
NN4においてborder属性を設定していないtable要素内の、
th/td(セル)にborderで線を付けたいのですが、
他の要素のようにborderが描画されません。
特殊な書き方が必要なのでしょうか、それとも不可能なのでしょうか。
可能でしたら方法をお教え下さい。

823 :Name_Not_Found:2006/06/20(火) 12:24:59 ID:???
スタイルシートの text-decoration で下線と取り消し線を両方有効にしたい場合ってどうすんの?

824 :Name_Not_Found:2006/06/20(火) 12:27:01 ID:???
>>823
ムリ。

擬似的に、line-throughとboer-bottomで似たような感じにはできる。

825 :Name_Not_Found:2006/06/20(火) 12:27:45 ID:???
typo。
border-bottomね。

826 :Name_Not_Found:2006/06/20(火) 12:48:14 ID:???
>823
text-decoration: underline line-through;

827 :Name_Not_Found:2006/06/20(火) 14:10:14 ID:???
>>818です。
遅くなりましたがレスくださった皆さんどうもありがとうございました。

828 :Name_Not_Found:2006/06/20(火) 22:31:08 ID:???
同じページでこのようなCSSを記述するのって使い方間違えてますか?

CSS側
div#header ul li#nav01 {……}
div#footer ul li#nav01 {……}

XHTML側
<div id="header">
<ul><li>……</li></ul>
</div>
<div id="footer">
<ul><li>……</li></ul>
</div>

829 :Name_Not_Found:2006/06/20(火) 22:33:22 ID:???
>>828
間違えてる。
ID値は1ページに2度出現してはならない。
classが性質ならidは名前だから、同じ名前の人が文書に何度も出ると解釈する機械は困ってしまう。

830 :828:2006/06/20(火) 22:41:18 ID:???
>>829
即レスどうもです。
表示に問題ないからひょっとして?って思ったけど、
やっぱり間違えなんですね。

831 :Name_Not_Found:2006/06/20(火) 22:43:44 ID:???
>>830
それはもはやHTMLレベルの問題だから、
ttp://openlab.ring.gr.jp/k16/htmllint/htmllint.html
ここでチェックしてきなされ。

832 :Name_Not_Found:2006/06/21(水) 09:48:38 ID:???
質問なのでageます

hoverでリンク部分を色変えし、かつ別の場所に説明を出すって事は可能でしょうか?
もし出来るなら教えてください。

833 :832:2006/06/21(水) 09:49:39 ID:1o0zAOKT
ageるつもりがsageが入ってた・・・スマソ

834 :Name_Not_Found:2006/06/21(水) 10:16:28 ID:???
>>832
hoverはCSSだが、別の場所に説明ってのはJS。

835 :Name_Not_Found:2006/06/21(水) 10:42:05 ID:???
>>832
ググったらこういう本あったよ

ttp://www.cbook24.com/bm_detail.asp?sku=4839919070
>hoverで同時に2カ所を変化させる



836 :Name_Not_Found:2006/06/21(水) 10:45:13 ID:???
>>835
それは説明を出すのとは何の関係もない。

837 :Name_Not_Found:2006/06/21(水) 10:49:59 ID:???
832です
>835さんの良さげですね

>836
自分の説明が悪かったみたいです
hoverで複数箇所が変化する方法は使えそうです

838 :Name_Not_Found:2006/06/21(水) 10:58:58 ID:???
あー俺も知りたい>CSS複数箇所hover

839 :Name_Not_Found:2006/06/21(水) 13:11:24 ID:???
講座や本を見たのですが原因がわからないので教えてください

@charset "Shift_Jis";
body {
font-family: "MS Pゴシック", Osaka;
font-size:12px;
background-color: #ffffff;
background-image: url(old_paper.jpg);
background-repeat: repeat;
line-height:130%;
letter-spacing:10em;
word-spacing: 3em;
margin: 3em;
}

外部CSSを作りHTMLにもリンクさせました
スクロールやリンクは問題なく反映します
でも文字サイズや行間文字間が反映されません
最初文字をテーブルの中に入れていたので、外にだしてみたんですがやっぱり反映されません
どこが間違ってますか?

840 :Name_Not_Found:2006/06/21(水) 13:15:33 ID:???
>>839
CSS自体はそれで反映される。
とりあえず文字コード確かめて
@charset "Shift_JIS";
に修正。

841 :839:2006/06/21(水) 13:32:53 ID:???
>>840
早速の回答ありがとうです。
文字コードは今まで気が付きませんでした。ありがとうございます。
とりあえず
@charset "Shift_JIS";
を変更したんですが、やっぱり文字に関する指定が反映されません
いままでHTMLのbodyで指定していて反映されなかったことがないので・・・
外部の受け渡しは
<link rel="stylesheet" type="text/css" href="ファイル名.css">
あってますよね?

842 :Name_Not_Found:2006/06/21(水) 13:37:59 ID:???
>>841
合ってる。
HTMLとCSS一緒に圧縮してどっか上げてみ。

843 :839:2006/06/21(水) 13:56:35 ID:???
レスつけてもらったのに自己解決でごめんなさい
原因はHTMLの記述問題でした
今上げようとサラのHTMLを作ったところ反映されました
原因はテーブルから正確にはだしていなかったようです
テーブルの上からテーブルを作ってレイアウトしていたので
もうしわけありませんでした。でも、@charset "Shift_JIS";たすかりました

844 :Name_Not_Found:2006/06/21(水) 19:02:17 ID:???
>>837-838
span入れてdisplay:none / hover position
じゃね?

845 :Name_Not_Found:2006/06/21(水) 23:31:04 ID:???
教えて欲しいのですが、リンクの下線を個々に消したいときは
<a href="URL" style="text-decoration:none;">

とやりますよね。
同じようにカーソルをのせると文字位置を変更する[hover]って個々に
指定できるんでしょうか?

846 :845:2006/06/21(水) 23:34:55 ID:???
すいませんちょっと書き間違えました
A:hover{position:relative;top:1px;left:1px;}これを個々指定したいのです。

847 :Name_Not_Found:2006/06/22(木) 00:06:50 ID:???
clsss属性でヤッテ見て

848 :Name_Not_Found:2006/06/22(木) 00:13:19 ID:???
個々に、というかそういうクラス作ればオッケー

849 :Name_Not_Found:2006/06/22(木) 00:52:57 ID:???
<style type="text/css">
<!--
スタイル指定色々
-->
</style>
上記の<style>〜</style>って<head>〜<head/>内に書くものだと固く信じてたけど<body>〜</body>に書いてもちゃんと動作するんですね。
この辺について、なにか情報があったら教えてください。

850 :Name_Not_Found:2006/06/22(木) 03:44:02 ID:???
はじめまして、昔ちまちまHP作成の仕事をしていたのですが
復帰するにあたり、CSSという言葉が頻繁に出てきて頭を悩ませております。

私はドリームウィーバーMXを使っていて、
昔はテンプレートと、CSS(文字指定のみ)でやっていたのですが、
皆さんのお話のCSSって、テンプレートとはどういう風に違うんでしょうか。
チョット調べてみたのですが、さっぱり違いが分かりません・・・。
それと、ドリームウィーバーMXだと、文字指定以外のCSSの設定ができない(私にはわからない)
のですが、それ以降のバージョンだと簡単に出来るんでしょうか。
それとも、テキストで指定するもんでしょうか。

皆様から見たら、もしかしてあほな質問ですいませんが、
浦島太郎な私にお手数ですが教えてくれる方いたらうれしいです。
また、参考HPなどありましたら教えてください。

851 :Name_Not_Found:2006/06/22(木) 03:52:14 ID:???
このスレの>>7-15と、Webサイト製作初心者質問スレのテンプレの
解説系のリンク見てくるといいかも。
ドリームウィーバーMXのことはわからないが、
HTMLやってた人ならちょっと慣れれば理解できるはず。

852 :Name_Not_Found:2006/06/22(木) 03:57:12 ID:???
「仕事」としてやるならもちっと積極的に
ググりまくるとか本屋で関連本見るなりしようよ。
浦島なので、は言い訳ですよ…

853 :850:2006/06/22(木) 05:47:59 ID:???
朝早くなのに素早いレスありがとうございます。
実は私HTMLもやった事がないんです・・・。
全部ソフト(DW)でやってあとは、コーディングの人に頼んだりしてて。
あと、最初に張ってあるリンク最初に見たんですが、
何か全部「ページがありません」で見れなかったんですよ。
うーむ。とおもって質問しちゃったわけですが、
今もう一回見たらやっぱり見れないんですが、コピペだと見れるんですね。
今気づきました(汗
何か私のPCがおかしいのかしら・・・。

それで、質問の内容なんですが、浦島がイイワケなのはごもっとも!
すいません・・。
ただ、チョット探した感じでは、(ちょっとですいません)
DWで使っていたテンプレートとCSSの差が分かりやすく説明してある所が見つからなかったッてことと、
ドリームウィーバーでソフトで出来るCSSの範囲が簡単に知りたかったのです。
ご指摘どうりもうチョットがんばって探してみます><

854 :Name_Not_Found:2006/06/22(木) 06:27:14 ID:???
8ならかなり対応してるよ。
MXとは比べ物にならない
とりあえずMXの頃はテーブル+文字だけCSSだったと思うけど
今は見た目は全部CSSに移行しつつある。
html4..01+CSSとかxhtml1.0+CSSって感じが多いと思う。
その辺りは解説サイトをみれば結構わかると思う。

しくみがわかれば答えもわかると思う。
細かく解説しても余計混乱すると思うので
一度ちゃんと勉強した方が良いと思う。

855 :Name_Not_Found:2006/06/22(木) 06:38:01 ID:???
>>849
style要素もlink要素もHTMLの仕様としてhead内しかダメ。
body内に書いて動作したとしても文法違反を勝手にブラウザが補ってくれてるだけ。
ttp://www.w3.org/TR/html401/strict.dtd

856 :Name_Not_Found:2006/06/22(木) 09:03:24 ID:???
みんな優しいな。
そんなんで仕事になるんだったら、俺もサクッと転職したいよ。

857 :Name_Not_Found:2006/06/22(木) 09:12:13 ID:???
俺はクラの立場だけど、制作側にひどいのがいるよ。
見出しの指定をしたら、hnが有ることを知らなかった奴がいたり
css自体を「文字の大小を決めるもの」と思ってたとかね・・・

858 :Name_Not_Found:2006/06/22(木) 09:36:36 ID:???
あー・・・・いるいる。
それでそいつの個人ほーむぺーじ見つけちゃったら
大したことやってないから自分はプロじゃないとか言ってて
金払ってるこっちの立場は。

859 :Name_Not_Found:2006/06/22(木) 10:45:17 ID:???
そんなのに頼んでしまった自分を呪いなさい。

860 :Name_Not_Found:2006/06/22(木) 11:00:06 ID:???
Dreamweaver8にしたらCSS作成が楽になったよ

861 :Name_Not_Found:2006/06/22(木) 11:06:39 ID:???
手打ちで充分だろ、プロパティくらい簡単に覚えられるし。

862 :Name_Not_Found:2006/06/22(木) 11:21:10 ID:???
↑時代に取り残されるタイプw

863 :Name_Not_Found:2006/06/22(木) 11:23:05 ID:???
↑記憶力の悪いタイプ

864 :Name_Not_Found:2006/06/22(木) 11:24:21 ID:???
>>861みたいなのは必ず居るよね
努力自慢というか・・・
無駄な労力自慢というか・・・

865 :Name_Not_Found:2006/06/22(木) 11:24:31 ID:???
DWでCSSパネル使ってるやつっている?

あれ遅くて使いにくいよ実際

866 :Name_Not_Found:2006/06/22(木) 11:25:20 ID:???
>>861
わー手打ちでスゴイスゴイ







これでいいか?

867 :Name_Not_Found:2006/06/22(木) 11:25:47 ID:???
ていうか、仕様は基本的にあまり変わらないが
ツールの使い方こそしょっちゅうアップデートするから覚えたって時代に残されると思うんだが。

868 :Name_Not_Found:2006/06/22(木) 11:26:46 ID:???
>>865
DWもどんどん重くなるよな。HPBほどじゃないけど。

869 :Name_Not_Found:2006/06/22(木) 11:27:03 ID:???
>>861
HTML作成をメモ帳でやってんだぜって自慢する厨みたい

870 :Name_Not_Found:2006/06/22(木) 11:28:07 ID:???
>>861
はいはいちゅごいでちゅねー
アホらし

871 :Name_Not_Found:2006/06/22(木) 11:30:15 ID:???
ここは手打ちを自慢するスレとなりました

872 :Name_Not_Found:2006/06/22(木) 11:30:55 ID:???
オーサリングツールはあくまで覚えてる人間が楽をするためのものであって
結局仕様やプロパティを覚えてない人間が使えば・・・・な罠。

873 :Name_Not_Found:2006/06/22(木) 11:31:52 ID:???
>>869
で、リンクミスだらけなんだよなw

874 :Name_Not_Found:2006/06/22(木) 11:32:56 ID:???
なんか妙な流れだが質問。
MYSWYG型じゃなくて、入力支援でCSSの打ち間違いをなくしてくれるようなソフトで
お奨めあったら教えてくれ。

875 :Name_Not_Found:2006/06/22(木) 11:33:21 ID:???
遊びや勉強でやるなら別だけど、htmlやらCSSが全部エディタで出来たとしても、
それでツール使うより生産性が落ちるようなら無意味。

そんな俺様も学生さんの頃は「このサイトはメモ帳で作りました」みたいな
アイコンをサイトのトップに貼り付けてたもんだ。

つって、俺も結局DW使うけど、
CSSパネル使わずにDW上でcss開いて手打ちしてるんだよね・・・orz

876 :Name_Not_Found:2006/06/22(木) 11:33:52 ID:???
>>872
>860は楽になったって言ってるだけなのに
何故そこまで絡む?
なんか僻みに近くなってないか?

877 :Name_Not_Found:2006/06/22(木) 11:34:56 ID:???
>>876
いや、>>869>>870のようなアホに絡んでる。そっちはどうでもいい。

878 :Name_Not_Found:2006/06/22(木) 11:35:57 ID:???
>>877
おまえが自慢げに書き込むからだろw

879 :Name_Not_Found:2006/06/22(木) 11:37:02 ID:???
>>878
できないことを自慢げに書き込んでるのがおまえ。

880 :Name_Not_Found:2006/06/22(木) 11:38:34 ID:???
もうバカばっか

881 :Name_Not_Found:2006/06/22(木) 11:41:30 ID:???
で、>>874は。

882 :Name_Not_Found:2006/06/22(木) 11:43:04 ID:???
>>879
何ができないの?
CCSより日本語勉強したら

883 :Name_Not_Found:2006/06/22(木) 11:45:37 ID:???
みんながやってる事を
どうだと言わんばかりにレスする>>861に感動しました

884 :Name_Not_Found:2006/06/22(木) 11:47:31 ID:???
「みんな」と言ったら可哀相な人が約一名…

885 :Name_Not_Found:2006/06/22(木) 11:51:59 ID:BDZ4p16s
cssやらhtml程度しか出来ない人って僻んだり叩いたり大変だなぁ・・・

886 :Name_Not_Found:2006/06/22(木) 11:52:09 ID:???
皆=全員って意味じゃないんだが
日本語わかんないかな?

887 :Name_Not_Found:2006/06/22(木) 11:53:55 ID:???
860だけど約一名に絡まれちゃったみたいだね
以前は861と同じように手打ちだったんだけどw

888 :Name_Not_Found:2006/06/22(木) 11:55:55 ID:???
>>887
たまに居る手打ち自慢厨だから

889 :Name_Not_Found:2006/06/22(木) 11:59:23 ID:???
ていうか>>860も大概どうレスして良いのか分からないカキコだけどなw

> Dreamweaver8にしたらCSS作成が楽になったよ
そのためのソフトだもんw

890 :Name_Not_Found:2006/06/22(木) 12:14:45 ID:???
・・・・・・・で、>>874は。

891 :Name_Not_Found:2006/06/22(木) 12:17:16 ID:???
>>886
純粋に質問。
皆=(最低限そこにいる)全員、以外のどんな意味があるんだ?

892 :Name_Not_Found:2006/06/22(木) 12:21:20 ID:???
で、>>874は。

893 :874:2006/06/22(木) 12:34:43 ID:???
煤H!;

894 :Name_Not_Found:2006/06/22(木) 12:37:11 ID:???
>>891
やっぱ "One for all, all for one" なんてのは
「全員は一人のために、一人は全員の為に」
その「一人」てのは全員に含まれるわけだから、
俺は俺の為だけにがんばっても問題ないんだ、とか解釈しちゃうわけ?

895 :Name_Not_Found:2006/06/22(木) 12:59:12 ID:???

  青いな

896 :Name_Not_Found:2006/06/22(木) 13:00:20 ID:???
で、>>874は。

897 :Name_Not_Found:2006/06/22(木) 13:05:22 ID:???
つーかマジ答えもせずに何やってるんだ。

898 :Name_Not_Found:2006/06/22(木) 13:07:47 ID:???
誰も MYSWYG型 ってのが理解できないんだろう。

899 :Name_Not_Found:2006/06/22(木) 13:16:35 ID:???
>>889
ならレスしなきゃいいじゃんバカかw

900 :Name_Not_Found:2006/06/22(木) 13:30:48 ID:???
煽ってるだけの899の方がずっと馬鹿に見える件

901 :Name_Not_Found:2006/06/22(木) 13:42:26 ID:???
くだらんレスにレスする900も同じ

902 :Name_Not_Found:2006/06/22(木) 13:43:38 ID:???
>>861がウザ

903 :Name_Not_Found:2006/06/22(木) 13:45:04 ID:???
それよりCSSの話しよーぜ

904 :Name_Not_Found:2006/06/22(木) 13:47:01 ID:???
ここでのレスを読んでドリ8の体験版を入れて使ってみた。

cssパネル、ややこしくて却って効率が落ちそうなんだが
慣れれば使いやすくなるのかな?

あと結局ハックは手打ち?

905 :Name_Not_Found:2006/06/22(木) 13:47:50 ID:???
手打ち手打ちって…うどんそばスレかと思ったぞ

906 :Name_Not_Found:2006/06/22(木) 13:48:43 ID:???
>>903
861必死だなw(・∀・)ニヤニヤ

907 :Name_Not_Found:2006/06/22(木) 13:50:07 ID:???
>>904
ちゃんとDWのCSSの作成法理解してる?

908 :Name_Not_Found:2006/06/22(木) 14:10:25 ID:???
>>904
人によって違う。重いし効率落ちるって人もいる。

909 :Name_Not_Found:2006/06/22(木) 14:12:20 ID:???
>>904
DW8はかなり作りやすくなってると思うけど
今までのVerとは違って

910 :Name_Not_Found:2006/06/22(木) 14:20:14 ID:???
>>907
さっき入れたばっかだからなんとも…
新規ルール作成→定義 が基本だよね?
>>908
そうだよな。俺はこういうの苦手だ;
>>909
そうなの?確かにMXやMX2004より使えるのはわかるが。

はいてくは肌にあわんな。大人しく寺パッドでセコセコ書くよorz
いい加減スレ違いだって言われそうなんでこのへんで ノシ

911 :Name_Not_Found:2006/06/22(木) 14:32:19 ID:???
つーか使いこなしてもいないのに
使って便利だと言ってる人に絡んじゃダメだよ

912 :Name_Not_Found:2006/06/22(木) 14:37:41 ID:???
つーかスレちがいだから、DWスレに行け。

913 :Name_Not_Found:2006/06/22(木) 14:49:16 ID:???
そうか?CSSに関係有るから別にいいじゃん

914 :Name_Not_Found:2006/06/22(木) 14:50:41 ID:???
さっきからいる911のような認定厨は何なんだ。

915 :Name_Not_Found:2006/06/22(木) 14:57:54 ID:???
認定厨?
914みたいに日本語がおかしい厨もさっきから居るけど・・・

916 :Name_Not_Found:2006/06/22(木) 15:02:20 ID:???
頭のおかしい厨よりましだよね^^

917 :Name_Not_Found:2006/06/22(木) 15:04:24 ID:???
何だかなあ。

918 :Name_Not_Found:2006/06/22(木) 15:09:15 ID:???
くだらねぇな

919 :Name_Not_Found:2006/06/22(木) 15:18:06 ID:???
語尾に^^つけてるとマヌケに見えるな

920 :Name_Not_Found:2006/06/22(木) 15:18:47 ID:???
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^

921 :Name_Not_Found:2006/06/22(木) 15:20:01 ID:???
日本語読解能力不足厨もいますよね、>>915とか^^

922 :Name_Not_Found:2006/06/22(木) 15:21:43 ID:???
^^厨は氏んできていいよ
ウザいから

923 :Name_Not_Found:2006/06/22(木) 15:23:49 ID:???
>>882=>>886=>>894=>>911=>>915

>>922
ちなみに全員別の人間だと思うぞ>^^

924 :Name_Not_Found:2006/06/22(木) 15:40:47 ID:???
>>923
別人だとかどうでもいいんだよ
おまいらまとめてスレ違いだ

925 :Name_Not_Found:2006/06/22(木) 15:42:10 ID:???
わっしょい!わっしょい!

926 :Name_Not_Found:2006/06/22(木) 15:46:15 ID:???
ついにキレた>>924^^

927 :Name_Not_Found:2006/06/22(木) 15:50:15 ID:???
まだ居るの?^^基地外

928 :Name_Not_Found:2006/06/22(木) 15:52:11 ID:???
>>923
つーかそれも別の人間ですぅ^^
君って鈍いね

929 :Name_Not_Found:2006/06/22(木) 15:56:36 ID:???
スレ違いの純情

930 :894:2006/06/22(木) 16:00:17 ID:???
>>923 の中で漏れが書いたのは>>894だけですぅ^^

931 :Name_Not_Found:2006/06/22(木) 16:28:55 ID:???
今までのやりとりの中で一番「漏れ」が痛いと思った漏れ

932 :Name_Not_Found:2006/06/22(木) 17:11:44 ID:???
>>910
入れたばっかりで使いにくいとか言われてもねw

933 :Name_Not_Found:2006/06/22(木) 17:19:20 ID:???
みやびちゃんかわいいよみやびちゃん

934 :Name_Not_Found:2006/06/22(木) 17:26:59 ID:???
Dreamweaver使いこなしてる俺格好EEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEE

935 :Name_Not_Found:2006/06/22(木) 17:29:14 ID:???
>>934
改行してくれないか。

936 :Name_Not_Found:2006/06/22(木) 17:55:22 ID:???
>>932
Adobeの人ですか?

937 :Name_Not_Found:2006/06/22(木) 18:07:45 ID:???
たかだか数十~二百行程度のcss書く/編集するために
一々重いソフト起動する程メリットは無いというのが正直なところ。

938 :Name_Not_Found:2006/06/22(木) 18:10:37 ID:???
あまりに質問がないから、ヒマを持て余しているようだな。
おれも手打ちだよ。
正直DWなんて高いソフト買えないからな。

939 :Name_Not_Found:2006/06/22(木) 18:11:46 ID:???
DW8ってそんなに重い?
個人的にはあまり感じないんだけど。。。

まぁ軽くは無いけどねww

940 :Name_Not_Found:2006/06/22(木) 18:21:20 ID:???
フロートつかって2カラムにしてます。
左側を400pxで固定し、文字を以下のように入れると
『あああああああああああああああい<br>
あああああああ』の<br>で改行されますが、IEのフォントサイズをでっかくしたら
<br>前の入りきれる文字まで(400px)で強制改行が入ります。
『あああああああ
ああああああああああ<br>』←このように。

そうならないようにしたいのですが…
・400pxくらいの横幅を指定したい
・400px越えたら入りきれない文字は強制改行ではなく、
 文字の<br>までちゃんと一行表示させたい。横幅はそれに合わせたい
方法はありますでしょうか?

941 :Name_Not_Found:2006/06/22(木) 18:26:24 ID:???
>>939
そもそもお金を出すのがイヤ

942 :Name_Not_Found:2006/06/22(木) 18:46:51 ID:???
>>940
ハングル語でおk

943 :Name_Not_Found:2006/06/22(木) 18:48:37 ID:???
>>940
max-widthとか…

って未対応多いからダメじゃんww
他なんかあったっけ?

944 :Name_Not_Found:2006/06/22(木) 19:04:42 ID:???
つっかえ棒を入れるとか、nowrap使うとかあるけど、
そもそも<br>で整形する事が間違ってるとおも。



945 :Name_Not_Found:2006/06/22(木) 19:06:56 ID:???
↑つっかえ棒はなしorz

946 :Name_Not_Found:2006/06/22(木) 20:45:41 ID:???
>>940
white-space:nowrap

947 :Name_Not_Found:2006/06/22(木) 20:58:23 ID:???
overflow

948 :Name_Not_Found:2006/06/22(木) 21:13:26 ID:???
>>944
え、普通に改行は<br>じゃないの?
kwsk
無知な俺にkwsk

949 :Name_Not_Found:2006/06/22(木) 21:17:56 ID:???
>>948
「改行したいから」という見栄えのために、「色を変えたいから」と見栄えのために、
マークアップをすることを物理マークアップと言い、
これはHTMLの指向ととティム・バーナーズ・リーの嗜好に適っていない。
HTMLは論理マークアップをすることのみに特化した特殊なマークアップ言語のため、
そこが見出しならhn、そこが段落ならpというように、文章の構造をのみ表現するのが基本。
そして、だからこそCSSがある。
見栄えを制御できないHTMLの、見栄えを制御するために生み出された規格、それがCSS。
だからCSSを正しく使いたければ、HTMLも正しく使うのが基本中の基本。
だからCSSを勉強するなら、StrictなHTMLも勉強したほうがいい。というのが基本。

もし釣りなんだったらこれ以降レスはしない。
本気なんだったらStrict-HTMLスレの過去スレ読んでおいで。

950 :Name_Not_Found:2006/06/22(木) 21:24:36 ID:???
釣りでした

951 :Name_Not_Found:2006/06/22(木) 21:26:23 ID:???
>>950
次スレヨロ。

952 :Name_Not_Found:2006/06/22(木) 21:33:16 ID:???
じゃあ俺が立てるよ!

953 :Name_Not_Found:2006/06/22(木) 22:20:44 ID:???
明日から2〜3日旅に出ます

954 :Name_Not_Found:2006/06/22(木) 23:07:47 ID:kHOrru0e
質問なので上げさせてください。
以前、テンプレートサイト(現在は閉鎖)で見たのですがやり方がわからず、試行錯誤しています。
どのようなものかというと、背景画像があって、その上に白い小窓のような画像がかぶさって
窓から風景が見えるようなかんじになっていました。
テンプレをダウンロードさせていただいてソースを見たときにはbackground-base(?)という
記述があったような覚えがあります。私が持っている本にはbaseというものは載っていなかったので自信はありませんが…。。
使う前にパソコンがクラッシュしてしまったので、確かめるすべがありません。
どなたかよろしくお願いします。


955 :Name_Not_Found:2006/06/22(木) 23:09:21 ID:???
Next:

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



22:54:00 by 1様

956 :948:2006/06/23(金) 07:09:21 ID:???
>>949
見栄えの為に使っちゃってたよ…
ありがとう!過去スレ読んでくる

957 :Name_Not_Found:2006/06/23(金) 08:48:40 ID:kO2nYzVF
画像の右側にテキストを回り込ませたいのです。

<div class="aaa">
<p><img src="image.jpg" class="img-L" /></p>
<p>段落</p>
<p>段落</p>
</div>

.img-L {
float: left;
}
.aaa {
clear: left;
border-bottom: 1px solid #ccc;
}

テキストの回りこみは期待どおりになってるのですが、
テキストが短い場合、border-bottomが画像にかぶってしまいます。

ブログのコメント欄なので、最後の段落要素だけclass名を振るというわけにも
いきません。

少しアドバイスいただけると嬉しいです。

958 :Name_Not_Found:2006/06/23(金) 08:53:25 ID:???
>>957
>>12

959 :Name_Not_Found:2006/06/23(金) 09:37:39 ID:???
>>954
background-baseというのは存在しない。

>>955
乙。

960 :Name_Not_Found:2006/06/23(金) 11:47:06 ID:???
>>949はbrを一切使わないらしい。

961 :Name_Not_Found:2006/06/23(金) 11:53:02 ID:???
ストリクタは普通は使わないだろ

962 :Name_Not_Found:2006/06/23(金) 11:56:42 ID:???
欧文だとbrの扱いは軽微でいいだろうけど、
和文だと改行は重要だと思うっす。

963 :Name_Not_Found:2006/06/23(金) 11:58:10 ID:???
??962
和文での改行は=形式段落だから、和文でこそ必要ない。
というのがあいつらの結論だから、だからStrictスレの過去スレ読んで恋よ。

964 :Name_Not_Found:2006/06/23(金) 11:59:05 ID:???
一言で言えばスレ違い

965 :Name_Not_Found:2006/06/23(金) 12:01:53 ID:???
次の質問、どぞ。

966 :Name_Not_Found:2006/06/23(金) 15:12:40 ID:XOF6JM2y
画像の脇に複数行の文章を並べたいのですが、その場合の改行の仕方がわかりません。
<br>だと画像の下に飛んでしまうのでダメだということだけわかりました。

どなたかよろしくお願いします


967 :Name_Not_Found:2006/06/23(金) 15:15:15 ID:???
??

968 :Name_Not_Found:2006/06/23(金) 15:20:05 ID:???
>>966
すまんが意味がわからん。
図説かなんかしてくれないか。

969 :Name_Not_Found:2006/06/23(金) 15:25:24 ID:???
_
画| ここに文章
 | だらだらと。
像| 文章を。
_|


これで<br>を使って改行すると画像の下に文章が行っちゃうってことだろ?
お前らちっとはエスパー働かせ。
ちなみに答えは知らんから誰かよろしく。

970 :966:2006/06/23(金) 15:29:06 ID:XOF6JM2y
すみません、説明足りなさすぎでした。

■■■■■■■■@はじめまして。
■      ■A…
■      ■
■      ■
■      ■
■      ■
■■■■■■■■
B

こんな感じで、@みたいに「。」をつけた後で改行してAから続きを書きたいんですけどその方法がわからないってことです。
<br>使うとBから始まっちゃうし。
どうにかなりませんか?

971 :Name_Not_Found:2006/06/23(金) 15:32:22 ID:???
>>970
別にbrだろうがpだろうが普通になるはずだが。
img { float:left }
<img src="xxx.png" width="100" height="100" alt="xxx">
<p>1はじめまして。</p>
<p>2なんだよこれは。</p>

972 :Name_Not_Found:2006/06/23(金) 15:35:54 ID:???
>>970
ついでに超基本的なこと言っておくと
インターネッツでは○付き数字は使わない方がいいよ

973 :Name_Not_Found:2006/06/23(金) 15:38:37 ID:???
clear入れたり特殊な設定をしてなければ、
画像の天地分は大丈夫なはずだけどな。

974 :Name_Not_Found:2006/06/23(金) 15:42:54 ID:???
>>972
「ついでに」っておまえ誰だよw

975 :Name_Not_Found:2006/06/23(金) 15:45:47 ID:???
>>974がアホだという事がわかった。

976 :Name_Not_Found:2006/06/23(金) 15:48:41 ID:???
つまりこの流れは>>971=>>972ではないということか?

977 :Name_Not_Found:2006/06/23(金) 15:49:41 ID:???
どうでもいい。

978 :Name_Not_Found:2006/06/23(金) 15:50:29 ID:???
>>976
だとしても別におかしくないけどな。

979 :Name_Not_Found:2006/06/23(金) 15:51:00 ID:???
>>975
普通に誤解させるような書き方をしたおまえがアホ。

980 :Name_Not_Found:2006/06/23(金) 15:51:50 ID:???
こうして順調に釣りで埋まっていくのであった。

981 :Name_Not_Found:2006/06/23(金) 15:52:56 ID:???
とりあえずもう一回次スレ貼っておくべ。

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

982 :Name_Not_Found:2006/06/23(金) 15:53:58 ID:???
>>971じゃできないっすよ。
誰か知ってるかたいませんか?

983 :Name_Not_Found:2006/06/23(金) 15:56:09 ID:???
とりあえずソース出せ。

984 :Name_Not_Found:2006/06/23(金) 15:56:10 ID:???
はい。めでたしめでたしですね。

985 :Name_Not_Found:2006/06/23(金) 15:58:22 ID:???
釣られたのか…まぁ、こんなとこで聞くのがそもそもの間違いだったというわけですね
ありがとうございました

986 :Name_Not_Found:2006/06/23(金) 15:58:43 ID:???
>>979=>>974

987 :Name_Not_Found:2006/06/23(金) 15:58:43 ID:???
>>982
>>971でできる。おまえの他の設定が間違えてるだけだ。

988 :Name_Not_Found:2006/06/23(金) 15:59:48 ID:???
>>986
そうだけど?それすらわからなかったの?

989 :Name_Not_Found:2006/06/23(金) 16:00:40 ID:???
はいはいうめうめ

990 :Name_Not_Found:2006/06/23(金) 16:01:13 ID:???
>>982
971のでできないとしたら、pでfloatのclearをしてるんだと思う。
確認してご覧。

991 :Name_Not_Found:2006/06/23(金) 16:03:03 ID:???
直でぶちこんでもなんの反応もないっすよ
floatってどこにつかえばいいんですかね

992 :Name_Not_Found:2006/06/23(金) 16:03:40 ID:???
>>991
つ【>>971
imgに使ってあるだろうが

993 :Name_Not_Found:2006/06/23(金) 16:04:13 ID:???
>>991
釣りじゃないんだとしたら、テンプレの基本から全部学んでこい。

994 :Name_Not_Found:2006/06/23(金) 16:04:50 ID:???
{ float:left }
そもそもこれはなんなのかがわかりません…
反応ないし

995 :Name_Not_Found:2006/06/23(金) 16:05:24 ID:???
>>994
つ【テンプレ】

996 :Name_Not_Found:2006/06/23(金) 16:07:11 ID:???
>>994
ttp://hp.vector.co.jp/authors/VA022006/css/visualren.html#floats

997 :Name_Not_Found:2006/06/23(金) 16:08:07 ID:???
>>988
やっぱり激アホだな。
ついでに、ついでに〜のレスはオレじゃない。

998 :Name_Not_Found:2006/06/23(金) 16:08:16 ID:???
うめうめ

999 :Name_Not_Found:2006/06/23(金) 16:09:12 ID:???
>>887
本当にアホだな。
ついでに〜のレスがおまえとは言っていない。

1000 :Name_Not_Found:2006/06/23(金) 16:09:44 ID:???
やっぱり聞くところを間違ってました。
すいませんでした。
ありがとうございました。
ついでに>>971はアホ。

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

245 KB
★スマホ版★ 掲示板に戻る 全部 前100 次100 最新50

read.cgi ver 05.04.00 2017/10/04 Walang Kapalit ★
FOX ★ DSO(Dynamic Shared Object)