X
CSS（スタイルー大柴シート）質問スレ51日目
■ このスレッドは過去ログ倉庫に格納されています
0001Name_Not_Found垢版2006/01/13(金) 00:43:59ID:0j/prymY
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/1134048018/

関聯リンクは>>2-15 あたり
【関連スレ】【仕様書】【CSS検証】>>2
【解説など】>>3-4
【FAQ】>>5-9
0002Name_Not_Found垢版2006/01/13(金) 00:45:47ID:???
【関連スレッド】
CSS/DHTMLバグ辞典スレッド 第４版
　http://pc8.2ch.net/test/read.cgi/hp/1078463560/l50
代替スタイルシートに萌え〜
　http://pc8.2ch.net/test/read.cgi/hp/991400015/l50
独自拡張、草案段階のCSSについて語れ
　http://pc8.2ch.net/test/read.cgi/hp/1019912046/l50
* CSS[適用="2ch"]{ イケてるスタイルを："作れ"}
　http://pc8.2ch.net/test/read.cgi/hp/1038678267/l50
CSSでイケてるデザインサイト 26
http://pc8.2ch.net/test/read.cgi/hp/1120837682/l50

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

【CSS検証】
W3C CSS 検証サービス
　http://jigsaw.w3.org/css-validator/
0003Name_Not_Found垢版2006/01/13(金) 00:48:32ID:???
【解説など】
・ごく簡単なHTMLの説明
　http://www.kanzaki.com/docs/htminfo.html
・ZSPC - Style Sheets Reference
　http://www.zspc.com/stylesheets/
・ZSPC - CSS2対応状況ガイド
　http://www.zspc.com/documents/css2/
・CSS1テストスイート
　http://www.doraneko.org/css1test/
・ばけらの CSS リファレンス
　http://www.ne.jp/asahi/minazuki/bakera/html/css/reference
・K@tsukun's PAGE! > CSS Reference
　http://hp.vector.co.jp/authors/VA022006/css/index.html
・K@tsukun's PAGE! > 付録：CSS対応状況表
　http://hp.vector.co.jp/authors/VA022006/css/corrbrwser.html
・CSS Laboratory対応表・一覧
　http://is.vis.ne.jp/charts/index.xhtml
・ブラウザのHTML4/CSS対応度テスト
　http://homepage1.nifty.com/emk/moz/browsertest.html
・CSSバグリスト＠CSSバグ辞典スレッド
　http://cssbug.at.infoseek.co.jp/index.html
0004Name_Not_Found垢版2006/01/13(金) 00:49:15ID:???
【解説など】
・Web標準化Tips（特に「HTML/CSSのよくある誤解・ミス」）
　http://www.mozilla.gr.jp/standards/webtips/index.html
・ブラウザによる振り分け（JavaScriptを使用しない方法）
　http://east.portland.ne.jp/~sigekazu/css/boxm.htm#ua
・Web Site 作成支援 - What is CSS?
　http://www.nextindex.net/web/CSS/index.html
・Academic HTML::CSS2
　http://www.tg.rim.or.jp/~hexane/ach/
・『スタイルシートWebデザイン』ボランティアHTML化版。
　http://www.asahi-net.or.jp/~jy3k-sm/css1/2003maki/
・スタイルシート用語集
　http://www.mitsue.co.jp/case/design/c_index.html
・IE で min-width を指定する方
　http://www.lucky-bag.com/archives/2005/05/ie_minwidth.html
・CSSでイケてるデザインサイトリンク集
　http://ike.s33.xrea.com/
・（ ´∀｀）＜ CSS でイケてるデザインサイトリンク集2
　http://www.geocities.jp/cas_ike2/
・* CSS { イケてるスタイルを："作れ";} 発表所
　http://web.archive.org/web/20030415121122/http://strict.jp/~sappari/2ch/css.php
0005Name_Not_Found垢版2006/01/13(金) 00:56:30ID:???
【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
0006Name_Not_Found垢版2006/01/13(金) 01:06:27ID:???
【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://css.maxdesign.com.au/index.htm
0007Name_Not_Found垢版2006/01/13(金) 01:35:09ID:???
【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
0008Name_Not_Found垢版2006/01/13(金) 01:36:22ID:???
【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
0009Name_Not_Found垢版2006/01/13(金) 01:38:38ID:???
【FAQ】
Q10: リンクを新しいウィンドウで開かせるにはどうしたら？
A10: ＣＳＳではできません。target属性かJavaScript?でやって下さい。別窓が開くと迷惑に感じる人もありますからなるべくしない、がＷ３Ｃの方針です。

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

Q12: いままでＨＴＭＬでやってた××をＣＳＳでやるにはどうすればいい？
A12: 下記をご覧あれ。テーブル・レイアウトは段組のＦＡＱ（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
0011Name_Not_Found垢版2006/01/13(金) 01:40:08ID:???
【参考】
＊IEの position:absolute; のバグを利用した擬似フレーム
１．標準モードにする
２．body {height:100%; overflow:auto;}
３．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
0012Name_Not_Found垢版2006/01/13(金) 02:12:52ID:???
【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
0013Name_Not_Found垢版2006/01/13(金) 02:16:05ID:???
【先代の格言】

おまいらまだCSSとかやってんの

はっきり言って時代おくれ
0014Name_Not_Found垢版2006/01/13(金) 19:26:17ID:C6gM4fZT
スレタイ痛すぎ
0015Name_Not_Found垢版2006/01/14(土) 01:25:55ID:???
>>14
質問も回答も、激しくクドい感じでお願いしちゃうゼ？
0016Name_Not_Found垢版2006/01/14(土) 23:29:03ID:???
ルー大柴が居るって聞いたんですけど・・・・・
0018Name_Not_Found垢版2006/01/16(月) 05:49:25ID:???
何このルー大柴って何か元ネタあるの？
0020Name_Not_Found垢版2006/01/16(月) 10:37:35ID:???
ルー大柴とCSSでググったが…
ルー大柴はよく英語を略すのか？
0021Name_Not_Found垢版2006/01/16(月) 14:08:06ID:???
IE6.0にて、フッタの【CopyRight 2006 111 All Rights Reserved.】
という文字列最後の３文字【.ed】が変な場所に現れます。
しかも、二重にです。

HTMLソース

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html lang="ja">
<head>
<meta http-equiv="content-type" content="text/html; charset=shift_jis">
<title>001</title>
<link href="test.css" rel="stylesheet" type="text/css">
</head>
<body>

<div id="top">top</div>

<div id="main_wrap">
<div id="menu">menu</div><!--/#menu-->
<div id="main">main contents</div><!--/#main-->
<div id="bottom" align="right">CopyRight 2006 111 All Rights Reserved.</div>
</div>
</body>
</html>
0022Name_Not_Found垢版2006/01/16(月) 14:09:04ID:???
CSS部分（外部ファイル）

div#top {
width:800px;
background-color:#ff0000;
}
div#main_wrap {
clear:both;
width:800px;
background-color:#cccccc;
}
div#menu {
float:left;
border:0px dashed #ffffff;
width:130px;
background-color:#00ff00;
padding:0px 0px 0px 10px;
}
div#main{
float:left;
width:660px;
}
div#bottom {
float:left;
clear:both;
width:800px;
color:#666666;
}
002321垢版2006/01/16(月) 14:10:10ID:???
とりあえず、解決方法は、
１、HTML宣言の後半部分のURLを消す
２、<!--/#menu--><!--/#main-->のコメントを消す
３、CSSでdiv#menuのpaddingをすべて0pxにする。
４、CSSでdiv#bottomのfloat:leftを消す
のどれかで解決できるんですが、決定的な理由がわかりません。
ただのバグというにはあまりにも解決方法が多すぎる気がするんですが・・・。
画期的な解決方法をご存知の方、いらっしゃいますか？
0024Name_Not_Found垢版2006/01/16(月) 15:59:06ID:Qhe1jz4x
>>23
Mac OS9、Netscape7.02というドマイナーな環境ではこのままで正常に表示されるな。ｗ
0025Name_Not_Found垢版2006/01/16(月) 17:51:06ID:???
>>24
win XPでも
Netscape4.8 Netscape6 Netscape7.1 Netscape8.0
Opera8.5 Firefox1.5
では正常です。

おかしいのはIE6.0だけ。
明らかにバグだとはわかるんですが、解決方法が多すぎるのでなんかスッキリしないんです。
0026Name_Not_Found垢版2006/01/16(月) 18:53:23ID:???
ていうか本スレここじゃないよ。
0029Name_Not_Found垢版2006/01/18(水) 12:57:40ID:???
<dt>DT1</dt>
<dd>DD1</dd>
<dd>DD2</dd>
<dt>DT2</dt>
<dd>DD3</dd>
<dd>DD4</dd>
<dd>DD5</dd>

というのを
DT1 DD1 DD2
DT2 DD3 DD4 DD5
と並べて表示したいのですが
dt
float: left
clear: both
dd
float: left
だとWinIEで
DT1 DD1 DD2 DD3 DD4 DD5
DT2
となってしまいます。
どうやったら解決できますか
0033Name_Not_Found垢版2006/02/04(土) 17:44:59ID:???
田中彰の応援歌を考えた。

行くぞ彰ホームラン！センターオーバーホームラン！
弾丸ライナーだ！飛ばせ！運べ！彰！

俺が考えた歌詞ですよ！
弾丸ライナーだ！の後に「ヘイ！」とか「おい！」って掛け声を入れてスタンドでジャンプするの
とかいれると面白いかもしれない。
0034Name_Not_Found垢版2006/02/22(水) 20:48:57ID:mL83/VvT
頑張ってますよ
0036Name_Not_Found垢版2006/03/15(水) 19:48:37ID:???
同じページでリンクの色をクラスごとに分けたいんですけど、どのように記述すればよいでしょうか。
メニュー中の日記は青、BBSは赤、といった感じにしたいのですけど。
どうぞよろしくお願いします。

もしかして不可能でしょうか・・・
0038Name_Not_Found垢版2006/03/22(水) 09:17:03ID:???
クラスセレクタに続けて要素名を書けばよろしい
0041Name_Not_Found垢版2006/11/08(水) 17:20:38ID:xMeRUYZn
まん
0042Name_Not_Found垢版2006/11/12(日) 20:51:42ID:s6+6DegB
こ
0043Name_Not_Found垢版2006/12/14(木) 01:20:03ID:EaJjM8Lc
質問です。
CSSのfloatで以下のようなレイアウトは可能ですか？
「aaa…」は段落無しの連続した文章です。

aaaaaaaaa┌─┐
aaaaaaaaa│画│
aaaaaaaaa└─┘
┌─┐aaaaaaaaa
│画│aaaaaaaaa
└─┘aaaaa
0045Name_Not_Found垢版2007/02/10(土) 13:49:19ID:cwVXvG/f
tdのひとつひとつの横幅のサイズを指定する
方法がありましたら教えてください。
0046Name_Not_Found垢版2007/02/10(土) 14:37:34ID:???
>>45
なんでよりによってこのスレで質問する？
普通にwidthプロパティ。
004745垢版2007/02/10(土) 16:21:37ID:cwVXvG/f
>>46
ありがとうございます。
インライン要素にはwidthは使わない方がいいと書いてありました。

他には、tableにはwidthを指定できるので、
tdには比率が指定できればサイズが指定できると思ったのですが、
そのやり方は見つかりませんでした。
004945垢版2007/02/10(土) 16:55:21ID:cwVXvG/f
>>48
間違えていましたか。
ブロック、インラインの違いは、おおまかに
改行を伴うか伴わないかで覚えていました。

ただ、CSSチェッカーhttp://jigsaw.w3.org/css-validator/
でエラーが出るので、使ってはいけないのは同じだと思いました。
005045垢版2007/02/10(土) 17:18:51ID:cwVXvG/f
すいません。:ではなく、=でつないでいました・・。
CSSチェックをしても、英語の変な文章が出てくるわけですね・・。
0051Name_Not_Found垢版2007/02/11(日) 14:03:15ID:hu/1JMam
tableのcolspan、lowspanの
CSSバージョンがありましたら教えてください。
0052Name_Not_Found垢版2007/02/11(日) 14:09:23ID:???
ない。
つーかこのスレで質問すんな。
005351垢版2007/02/11(日) 16:25:11ID:???
ありがとうございました。
0055Name_Not_Found垢版2007/03/29(木) 06:13:51ID:Vw1XKpXy
<br>を2つ以上入れても、1回分の改行しか出来ません。
そういう症状の場合、letter-spacingが疑われますが、letter-spacingは使っていません。
ひとつひとつ検証してみたところ、　* { margin: 0, padding: 0, }　で使っているmarginが原因のようです。
これは必要な要素なのでカットするわけにもいかないし、困っています…。
いままでも同じように設定しているのですが、何も問題はありませんでした。
何かアドバイスをしてくださる方がいれば、よろしくお願いします。

ちなみにmarginを1pxにしたら、若干行間があきました。
改行でできる隙間（＝マージン？）も0に、という解釈なのでしょうか。
0056Name_Not_Found垢版2007/03/29(木) 08:42:40ID:???
>>55
釣りだと思うがマジレス。
・letter-spacingの意味を調べろ。
・CSSの基礎から勉強し直し。
0057Name_Not_Found垢版2007/03/29(木) 10:27:08ID:???
>>55
<br>は空行を作るためのものではない。
そもそもの使い方が間違ってるからCSS勉強しなおせ。
2回以上改行する場面など無い。
0058Name_Not_Found垢版2007/03/29(木) 12:21:07ID:???
ひとつのタグに二つ以上要素を設定することは可能ですか？

<ul id="content" class="center">

という感じなんですが・・・
また文法的には正しいんでしょうか？
0059Name_Not_Found垢版2007/03/29(木) 12:33:55ID:???
>>58
それの中の「要素」ってulだぞ？
多分idとclassの同時設定は、という意味だと思うが、可能。
ついでにclass複数も値を半角スペースで区切って可能。
0061Name_Not_Found垢版2007/03/29(木) 16:07:04ID:A4Tu737G
absoluteを用いたレイアウトでIE６とFFでレイアウトが違ってしまいます。
<body>
<div id="container">
<h1>sss</h1>
<div id="navigation">
　 <p>aaaaaaa</p>
</div>
<div id="content">
<p>ccccccc</p>
</div>
</div>
</body>
これにcssで
body{text-align:center;}
h1{psition:absolute;}
#container{text-align:left;}
#navigation{float:left;
width:100%;}
#content{float:right;
width:20%;}
とxml宣言をしたため、中央ぞろえにtext-align:center;を使いました。
0062Name_Not_Found垢版2007/03/29(木) 16:07:49ID:A4Tu737G
この表示がＦＦなら
sssaaaa
cc
cc
cc
c
と表示されるのですが、ＩＥでは
aaaaaaa
sss cc
cc
cc
c
と開始位置がずれてしまいます。どうやって改善したらよろしいでしょうか？
0063Name_Not_Found垢版2007/03/29(木) 17:18:45ID:???
>>61-62
釣り大流行らしいが、負けずにマジレス。
レイアウトと呼べる代物じゃないので、一から勉強して下さい。
0064Name_Not_Found垢版2007/03/29(木) 17:28:31ID:???
>>63
webページにおいて実用性は一通りでは語れないはずですが？
そもそもあなたの予想しているものと違う場合だってあります。

問題の方は解決…ぽいことはできました。ありがとうございました。
0067Name_Not_Found垢版2007/03/29(木) 22:01:13ID:???
このスレ一体何人が張りついてるんだ
0070Name_Not_Found垢版2007/04/04(水) 23:25:28ID:???
なんというルー大柴・・・これは間違いなくルー大柴
　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　 ／￣＼
　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　|　＾o＾　|　
　 　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　＼＿／
0071Name_Not_Found垢版2007/05/11(金) 00:03:01ID:Xz++WjQ7
12日（土）17時ルー大柴アメスタ出演
土曜の夕方5時にクリック↓　　　
　　　http://studio.ameba.jp/
0073Name_Not_Found垢版2007/05/14(月) 00:02:37ID:???
テーブル内の文字を全て左揃えにしたいんですが
わかる人お願いしますm(_ _)m
0077Name_Not_Found垢版2007/05/24(木) 00:42:01ID:???
フレームの色を全て同じにするにはどうすればいいですか？
ｈｔｍｌソフトのプレビューでは、ちゃんと表示されるのですが
某ブログでは、色が変わらないのでｃｓｓでやってみようと
思っています。
0078Name_Not_Found垢版2007/05/24(木) 01:06:32ID:???
事故解決しました　汗汗；；；；；
0079Name_Not_Found垢版2007/06/09(土) 21:12:40ID:d51ozyPH
ここは笑いの絶えないほのぼのスレッドですね
0080qa垢版2007/07/07(土) 20:43:24ID:h5myQA9f
[ ]　←画像（縦方向のグラデーション）

[ テキスト ]
[ テキストテキストテキスト ]

上記のようにテキストの量によって自動で背景画像が可変するような
CSS指定をしたいのですが、これって可能でしょうか？
縦の可変はわかるのですが、横の可変がわかりません…
0081Name_Not_Found垢版2007/07/07(土) 20:46:44ID:9ivsDHRw
マージンやパッジングを指定するときに
margin-top: 0;
と書いてあるところがほとんどなのですが
margin-top: 0px;
と書いても問題ないですか？
0082Name_Not_Found垢版2007/07/07(土) 22:13:51ID:BHKm+gY3
>>81
問題ないです
0083Name_Not_Found垢版2007/07/07(土) 23:19:42ID:OT0y3ZG6
■HTML中身
<body>
<div id="a">あ</div>
<div id="b">い</div>
</body>
■CSS中身
body {width: 400px; position: relative; margin-left: auto; margin-right: auto;}
#a {margin-top: 100px;}
#b {position: absolute; top: 70px; right: 0;}

これだと、「い」が「あ」から70px下の位置に表示されてしまいます
（IEだけは一番上から70pxの位置に表示される）
・「い」を、一番上から70pxの位置に表示したい
・「い」を、400pxで真ん中に寄せたBODYの右端に表示させたい

二つを満たすにはどうしたらいいんでしょうか？
お願いします
0084Name_Not_Found垢版2007/07/08(日) 01:43:54ID:???
自分でどうにかしようって気はないのか…
0085Name_Not_Found垢版2007/07/10(火) 17:31:28ID:???
>>83
関係ないが、俺ボデーにいきなりwidthやらpositionって指定しない。
コンテナid作る。
0088Name_Not_Found垢版2007/07/27(金) 22:27:40ID:eb2UaVpt
あげときましょうか
0089Name_Not_Found垢版2007/07/31(火) 10:19:14ID:???
ちょっとした質問なんだが
<div id="main" class="index">
があったとして
div#main.index {
といった指定は通る？
そもそも文法的に正しいのかも気になる
IDとClassを同時に指定なんて滅多に無いから実用性は無いと思うが･･･
気になってググってみたけど見つけきれなかったんだ
0090Name_Not_Found垢版2007/07/31(火) 12:25:48ID:???
>>89
その記述の必要性がなくない？
<div id="main">にして
各要素にclassを使うってので良いと思うが。
0091Name_Not_Found垢版2007/08/01(水) 02:59:37ID:???
テーブルの<td align=left valign=bottom>
ってのを<div>で出来ませんか？

検索した結果<div align=left>では、できたのですが、
valign=bottomが出来ませんでした。

ちなみにHPとかで使うのではなくテーブルのセル内で左側表示と
右側の表示というので使うつもりです。

誰か詳細がわかりましたらよろしくおねがいします。m(_ _)m
0093Name_Not_Found垢版2007/09/10(月) 17:05:04ID:???
>>91
全然スタイルシートについて質問してないし
vertical-alignについて聞いてるのかと思ったら
左右とか言い出して意味不明だが、こういうことか？

<HTML>
左側表示したいセル: td class="left"
右側表示:したいセル td class="right"

<CSS>
td.left {text-align:left}
td.right {text-align:right}
0095Name_Not_Found垢版2007/10/14(日) 17:15:11ID:FB+vrREU
サイトのコンテンツ領域外背景がグラデーション状になっていて
コンテンツ領域内と外背景の間をグローのようなぼかし効果をしているサイトを見た事がありましたが
bodyタグに背景グラデーション画像を指定するとして、このグロー効果はどうやって付けているのでしょうか
グローの背景画像付ける為だけにコンテンツ領域全体を新たにdivで囲む事も考えましたが、必要の無い無駄div作るのもどうかと思って・・・
この方法以外に良い方法などあったら教えて頂けませんでしょうか
0096Name_Not_Found垢版2007/10/14(日) 17:18:38ID:???
bodyやdivの背景画像はcssのbackground-imageで指定しています
書き足りていませんでした、すみません
0097Name_Not_Found垢版2007/10/14(日) 19:45:43ID:???
>>95,96
ここで聞くなよ。
取り合えず手本となるサイトがあるなら、ソース見れ。
あんたの説明から想像するに、div使う以外考えられないけどな。
0098Name_Not_Found垢版2007/10/14(日) 22:34:25ID:???
>>97
ぐぐって色々調べ物をしていた時辿り着いたサイトなので、どういった検索で行けたのか覚えていないもので・・・
やっぱりdivが必要なら諦めようと思います、レスありがとうございました
0099Name_Not_Found垢版2007/10/14(日) 22:35:41ID:???
IE(Mac) において、TABLEタグのcellspacing属性の代替となるCSSプロパティはありますか？
border-spacing や border-collapse も使えないようですが、
セル間隔をなくすには、cellspacing属性を使うしかないないのでしょうか？
0100Name_Not_Found垢版2007/10/14(日) 22:47:57ID:???
>>99
IE(Mac)に限らずpadding。
IE(Mac)なんて使ってる奴は希少。
0101Name_Not_Found垢版2007/10/15(月) 00:15:02ID:???
ルー大柴流行再来の前に建てられたこのスレは本格予言的スレ
010299垢版2007/10/15(月) 01:07:33ID:???
>100
うーん、paddingプロパティはcellpadding属性の代用にはなりますが
cellspacingとは異なりますよね？
それともMacIEではpaddingでセル間隔を調整できるのでしょうか？
当方ボックスモデルの理解はできているつもりですが
試す環境がないのでMacIEの仕様の詳細がわからないのです・・・。
0103Name_Not_Found垢版2007/10/15(月) 01:17:22ID:???
>>99
border-spacingがその代用。
border-collapseがseparateのときのみ。
0104Name_Not_Found垢版2007/10/15(月) 01:25:04ID:???
Mac用IEなんてどうでもいいよ。。
0106Name_Not_Found垢版2007/10/19(金) 20:37:37ID:b7HNLlS3
携帯から見てリンク下線を見えなくする方法ってありますか？
0108Name_Not_Found垢版2007/10/19(金) 21:22:35ID:b7HNLlS3
>>107
DoCoMoから確認したところ反映されていなかったので困っています
やはり携帯対応タグはないんでしょうか？
0109Name_Not_Found垢版2007/10/19(金) 21:40:25ID:???
携帯関連の質問者ってどうしてこうバカばかりなんだろ
0111Name_Not_Found垢版2007/10/20(土) 09:36:02ID:???
>>110
そうですか…
やはり携帯からみて下線を消したり見えなくする方法はなさそうですね
ありがとうございました
0112Name_Not_Found垢版2007/10/20(土) 13:14:38ID:???
(ﾟдﾟ)ﾀﾞｶﾗCSS対応ｹｰﾀｲﾅﾗ可能ｯﾃ言ｯﾃﾙﾉﾆ自分ﾉｹｰﾀｲｶﾞｽﾍﾞﾃｶﾖ
0113Name_Not_Found垢版2007/10/20(土) 13:32:44ID:???
そもそも下線のないリンクなんてユーザビリティの観点から（以下略）
0114Name_Not_Found垢版2007/11/08(木) 13:03:31ID:???
たまにでいいから読み上げブラウザのことも思い出してあげてください
0115Name_Not_Found垢版2007/11/08(木) 13:20:43ID:???
包括ブロックとfloatが俺をいじめる
0116Name_Not_Found垢版2007/11/14(水) 20:33:19ID:???
大手テンプレートサイトで配布されているCSSに次のような記述がありました。

font: 70%/1.5em sans-serif;

この、"70%/1.5em" というのはどういう意味なんでしょうか？

教えて下さい。
0120Name_Not_Found垢版2007/12/01(土) 05:26:51ID:3bqLvzKw
すいません、初歩的な質問ですがよろしくお願いします。

１つのページにリストを表示して、複数のリストグループがあるとき、
１つは横並びのリスト、もう一つはたて並びのリストにしたいのですが、
float:leftで設定すると、<li>全部横並びになってしまうんですけど
どうすればいいでしょうか？

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

0125Name_Not_Found垢版2007/12/11(火) 16:44:40ID:???
スタイルシートで不等号("<", ">")って使うっけ？
0127125垢版2007/12/12(水) 23:26:59ID:???
あ、自己解決、
qq 'xxx';
でやればいいと気付いた。
0128Name_Not_Found垢版2007/12/12(水) 23:42:38ID:???
・・・なんかすっごく解決してない気がする。
子供セレクタって知ってるか？
0129125垢版2007/12/13(木) 01:24:44ID:???
>>128
いあ、ダブルクォーテーションのエスケープだけが問題だから。
ｿﾚさえクリアできれば、まぁって感じで。
0130Name_Not_Found垢版2007/12/13(木) 13:12:57ID:???
しかしスレ違いという根本的な問題は解決してない罠
0135Name_Not_Found垢版2008/01/23(水) 15:11:00ID:xqvM1sDp
保守
0136Name_Not_Found垢版2008/01/25(金) 17:39:22ID:???
floatを指定する要素にはwidth属性が必須、
ただし画像などもともとwidth属性を持つ要素の場合は無くても可。
…ってことらしいんですが、

<div style="float:left;">
<img src="img.jpg">
</div>
<div style="float:left;">
<img src="img.jpg">
</div>

のように、フロート要素内に画像のみ、という場合でもやはり
（上記例の場合はdivに対して）width指定は必須？
0138Name_Not_Found垢版2008/01/26(土) 01:20:24ID:???
必要ないかと
divの最小幅は画像で引っかかって決まるだろうし。
0140136垢版2008/01/28(月) 02:39:26ID:???
レスありがとう。

結局、CSS2.0では本来は必要だけど、ブラウザが
なんちゃって表示してくれる、って感じですね。

で、CSS2.1ならOK（autoで適宜解釈してくれる）ってことですね。
0141Name_Not_Found垢版2008/01/29(火) 17:10:44ID:???
毎回手書きで文字の前に画像を持ってきていたのですが
<p class="icon">ここに文字</p>と書いて
外部cssで画像を指定することは可能でしょうか？

「css 画像」でググったのですが、解決できなかったのでアドバイスいただけると嬉しいです。
0142Name_Not_Found垢版2008/01/29(火) 18:16:09ID:???
cssというよりはxmlなきがしなくもない
0144Name_Not_Found垢版2008/01/29(火) 19:59:21ID:???
画像というのがどういう画像なのかわからんけど
もしアイコンみたいな小さい画像だとしたら、
背景画像で左上に表示して、あとは画像の大きさに合わせて
paddingとかtext-indentとかで中身をずらせばそれっぽくできる。
0145Name_Not_Found垢版2008/01/29(火) 20:01:39ID:???
あ、class="icon"って書いてるからアイコンぽいのでいいのか。
0146Name_Not_Found垢版2008/01/29(火) 20:10:09ID:???
<p><img src="kuso" />ここに文字</p>

これに尽きるだろ、わざわざ CSS でするもんでもない
てか、手書きって、<p class="icon">も手書きじゃねぇか

方法はいくらだってある、あんたの言う手書きってのはメモ帳でって事かい
ならテキストエディタ使え
画像のファイル名を変えたら修正が大変だってかい
なら置換使え
他にも定型のコピー＆ペーストなり、扱いやすいファイル名に設定するだの、いろいろ出来ることがあるだろうに
この手間さえも省きたいんであれば”手書き”ってやつはやめときな、向いてないわキミには
0147Name_Not_Found垢版2008/01/29(火) 21:44:43ID:???
146はこのスレで相談に乗ることに向いてないと思うのは私だけか。
0148Name_Not_Found垢版2008/01/30(水) 02:24:16ID:???
んー、146の応え方、好きだけどな。頑固親父が居るﾗｰﾒﾝ屋ぽいじゃんｗ
0149Name_Not_Found垢版2008/01/30(水) 18:47:23ID:???
kusoが入ったラーメンなんていやです＞＜
0150Name_Not_Found垢版2008/01/31(木) 19:32:17ID:???
特定の要素のみを指定する場合の書き方が混乱してきました。
例えばclassを使ってtableのth要素だけを指定したい場合どうすれば良いのでしょうか？

<html>
<body>
<table class="test">
<tr><th>あいうえお</th></tr>
<tr><td>かきくけこ</td></tr>
</body>
</hmlt>
0159Name_Not_Found垢版2008/02/11(月) 02:20:11ID:xgyjrVKt
HTML 文書には、 link 要素で import.css を読み込ませるようにしてあり、
その import.css には、

@import'style1.css';
@import'style2.css';

と、二つのスタイルシートファイルが更にインポートされるようにしてあります。

この style1.css と style2.css 両方に、

style1.css ： 文字の太さは通常の太さで、文字色は青にする。
style2.css ： 太文字にし、文字色は赤にする。

というような、異なる a 要素のスタイルが書いてある場合、
どちらの表示が優先されるのでしょうか？
また、 style2.css での記述を必ず優先させるためには、
!important を書くだけで平気でしょうか？

よろしくお願いします。
0160Name_Not_Found垢版2008/02/11(月) 05:26:06ID:???
何で試したり、cssの仕様を読もうとしないの？
0161158垢版2008/02/11(月) 17:04:19ID:???
試してみたのですが、
どちらが優先されているかがイマイチ分かりません…。
後からインポートした方(style2)の方が優先されるのでしょうか…？
0163Name_Not_Found垢版2008/02/11(月) 17:27:34ID:???
上から下へ読んでいくんだろうが、ボケ
PCは昔のことなんか振替んねぇんだよ
0164Name_Not_Found垢版2008/02/12(火) 09:21:37ID:???
お前らなんでcssの話してんだよカスが

大柴の話をちゃんとしろよ
0166Name_Not_Found垢版2008/02/12(火) 15:25:47ID:???
ユーはホワイcssのトークオンリーな訳？
しっかり大柴のトークをトゥギャザーしようぜ
0169Name_Not_Found垢版2008/02/18(月) 10:21:33ID:???
幅指定ありのテーブルにボーダーを付けた時、ボーダーを含めて
幅が設定されるみたいなんだけど、これって仕様通り？
例えば

<table style="width:500px;border:3px solid #000;">

とかってした場合に、ボーダーを含めた幅が500pxになるみたいなんだけど。
（標準モードでも互換モードでも同じ）
仮に仕様通りの解釈だとして、どういう理屈になるのかな？
0171Name_Not_Found垢版2008/02/18(月) 20:01:26ID:???
　　ｼｭｯ
　　　　　　ｼｭｯ
　ｼｭｯ　　 ﾊ,,ﾊ　　ｼｭｯ
　ﾊ,,ﾊ彡（ ﾟωﾟ ),ﾊ
（ ﾟωﾟ )彡ミ（ ﾟωﾟ )　お断りします
＿(__つ/￣￣￣/＿
　　＼/　 　 　 /
0172Name_Not_Found垢版2008/03/04(火) 10:29:28ID:jxKPUKng
<div style="width:300px;height:300px;background-color:red;overflow:hidden;">
<img src="hoge.png" width="100" height="100" style="position:absolute;top:250px;left:250px;">
</div>

画像の赤いエリアからはみ出しているところが隠れるようにしたいと思っています。
IE7だと上の書き方でできましたが、
Opera9だとはみ出している部分が表示されてしまいます。
Operaでも可能な方法を教えてください。
0173172垢版2008/03/04(火) 10:39:52ID:???
すみません解決しました。
divのほうにも絶対座標を指定すればいいんですね。
0174Name_Not_Found垢版2008/03/04(火) 15:28:12ID:58HvQhEk
<ol>
<li>あああ</li>
<li>いいい</li>
</ol>

としたとき、数字と文字（あああ）の隙間が空くのですが、
これを詰める方法はないでしょうか？

0175Name_Not_Found垢版2008/03/04(火) 15:51:59ID:???
マーカー表示をやめて、content プロパティで表示するようにすれば？

IE対応？そんなゴミブラウザｼﾗﾈｰﾖ
0177Name_Not_Found垢版2008/03/04(火) 21:31:22ID:???
オールマイティーオッケーさ　ブラザー
0178Name_Not_Found垢版2008/03/05(水) 20:20:26ID:3TVPhP6o
「#***がclassで、.***がidだ」って書いてある本があるんだが、これは一体なんなのでしょうか？
返品して貰えますかね？
0180Name_Not_Found垢版2008/03/06(木) 11:21:45ID:???
div.newpage{ page-break-before: always;}

で印刷時の改行位置をやってるんだが、
印刷プレビューしてみると、divで指定しているブロックの区切りの間がものすごい開いて、
改行ポイントまで一つのdivブロックを押し下げるって状態になってる。

ようするに、ある区間、真白な部分ができている状態。
これってどうすればいい？
0181Name_Not_Found垢版2008/03/06(木) 14:50:39ID:???
どの UA で発生する現象なのかも書かないで質問とは片腹痛い
0182178垢版2008/03/08(土) 01:52:28ID:???
>>179
『3日で作るPHPアプリケーション』秦崇・遠藤諭　アスキー
という薄っぺらい本です。
PHPについての本ですが、なぜかCSSについても数頁ふれていて、そこでこの間違いが。
単なる誤植ではなく、著者が根本的に勘違いしてるんだと思われまする。
0183Name_Not_Found垢版2008/03/08(土) 21:01:41ID:???
ならCSS自体はおまけなわけで
そこのまちがいくらいじゃ返品はできないでしょ
0186Name_Not_Found垢版2008/04/09(水) 16:25:49ID:???
<html>
<head>
<style type="text/css">
h2{
background-image:url(nav_bk.gif);
float:left;}
</style>
</head>
<body>
<h2>MMENU</h2>
<h2>MMENU</h2>
<h2>MMENU</h2>
<h2>MMENU</h2>
<h2>MMENU</h2>
</body>
って試しに書いたら
http://www2.uploda.org/uporg1359650.png
みたいに左のだけ上にズレルのは何故
0189Name_Not_Found垢版2008/04/10(木) 03:12:17ID:???
padd殺さんでもmargin殺したらできた。
聞いてばっかりですまないがコレってどういう理屈？
0190Name_Not_Found垢版2008/04/10(木) 06:14:58ID:???
仕様書にinline要素はそうしろ的なことが書いてあるから
一応、UAによってmargin,paddingの解釈は違うので最初に全部殺しておくが吉
0192Name_Not_Found垢版2008/04/12(土) 01:51:31ID:ezBgs235
背景画像の範囲を左や真ん中に寄せるにはどうすればいいですか？
bodyでwidthを指定すればできると思いましたが背景画像だけは全体に広がってしまいます。
0193Name_Not_Found垢版2008/04/12(土) 02:28:52ID:???
>>192
a) box作ってそれに背景指定
b) 画像を表示したい幅または高さに加工し、repeat方向をyまたはx指定
0195Name_Not_Found垢版2008/04/12(土) 16:24:01ID:CNG7bHPk
DTDでURL書いとけばieでも火狐でもそんなに機にしなくていいよ
0196Name_Not_Found垢版2008/04/13(日) 05:10:04ID:AdLzqwk3
ほら絶対配置なんかするとフッタから、金玉みたいにはみ出る事もあるじゃないか。
そういうのはCSSを諦めてtableを使ってみたりしてるのかい。
0198Name_Not_Found垢版2008/04/13(日) 07:28:41ID:AdLzqwk3
君は金玉に対する認識が間違っている。
折角、ぶらさげた金玉を皆に紹介しないでどうする。
それすらしたくない程に金玉が恥ずかしい存在なら
引きちぎってしまえ！！
0199Name_Not_Found垢版2008/04/27(日) 15:03:58ID:B3KoEFqh
バックの色を指定しつつ
それとは別に特定の場所から特定の場所までの色を別の色に指定する方法はありますか？
0202Name_Not_Found垢版2008/04/28(月) 11:07:33ID:???
CSSファイルを分けて作ると、管理はしやすいけど読み込みの処理が時間かからない？
前にサーバーが極端に重いときに読み切れなかったりしたんだけど。

ずらずらと長い1つのCSSファイルか、
部分部分に分けた5つぐらいのCSSファイルか
どっちがいいんだろうね
0203Name_Not_Found垢版2008/04/28(月) 11:33:58ID:???
そんなに細かい指定をずらずらCSSで行うのもどうかと
0204Name_Not_Found垢版2008/04/28(月) 17:09:38ID:???
冗長なソースしか書けないんだろ
0205Name_Not_Found垢版2008/04/28(月) 17:53:54ID:???
　 　　　　　　　ﾊ,,ﾊ 　僕、アルバイトォォ！！
　　　　　 　 ('(ﾟ∀ﾟ∩_　僕をどこかのスレに送って！
　　　　　　／ヽ 　 〈／＼　お別れの時にはお土産を持たせてね！
　　　　 ／|￣￣￣|.＼／
　　　 　 　| ﾓﾂ煮　|／
　　　　　　 ￣￣￣
現在の所持品：新聞、∈(･ω･)∋ﾀﾞﾑｰ、ゆうパック、ダム穴、NCSA Mosaic
0207Name_Not_Found垢版2008/04/28(月) 18:38:05ID:???
んじゃ、まさるさんのとこに送り返すか
0210Name_Not_Found垢版2008/04/28(月) 19:35:41ID:???
htmlが大体12k〜24kに収まるようにしてるから、
cssだけで10kbいったりすると、長くなったかもと思う。
一回読み込めばいいから気にならんけど。

cssにした一番のメリットは転送量だったが、少しでも軽くしたい。
0211Name_Not_Found垢版2008/04/28(月) 22:03:54ID:???
今見直したらHTMLが50Kから100KでCSSがざっと20Kほどか
50はさすがに個別ファイル化したほうが見やすいが、
idとnameによって一つのファイルに詰め込めるから詰め込んでいるが、
こりゃちょっとやりすぎだな。テーブルだとさらに増えそうだ。
0212Name_Not_Found垢版2008/04/28(月) 22:59:48ID:???
CSSもページ数が多くなってひとつに詰めるとそれぐらいになるよな
0213Name_Not_Found垢版2008/04/28(月) 23:27:49ID:???
ブログも煩雑だから20KB超えるぜ
どの程度のclassとidを使用するかによって、
最終的な量が決定するわけだ。
シンプルでidもclassも指定しなければ問題はないけど、
段組とかやりまくっていると、結構な量になるね。
0214Name_Not_Found垢版2008/04/28(月) 23:38:35ID:???
テーブルレイアウト→CSS段組→シンプルなCSS

こう移ると見た。
CSS段組も飽きると質素な、ほとんど文法のみのhtmlになるのかな。
0215Name_Not_Found垢版2008/04/28(月) 23:46:29ID:???
ならないだろ。
歴史的な系譜としては、

シンプル→テーブル→CSS

だよ。
発端は紙媒体のデザインをwebで表現したいことなんだから。
0216Name_Not_Found垢版2008/04/29(火) 03:43:00ID:???
定番な3カラムCSSだけど
デザイン的には悪くないんだけど
カッチリやればやるほど融通が利かなくなるな
文字サイズを最大にしたら崩れたり、cssでキッチリサイズ指定するから
0218Name_Not_Found垢版2008/04/29(火) 09:58:38ID:???
というか、文字サイズ変更で崩れないデザインのほうが難しいだろ。
IE7は描画が特殊だからborder指定した瞬間、文字サイズ変更で崩れるのが確定。
0219Name_Not_Found垢版2008/04/29(火) 10:07:12ID:???
1カラムが少なくてさびしいな。
2カラムも好きだが、基本1カラム。
3カラムとかなんですか……なんであんなごちゃごちゃしたものが好きなんだろう。
0221Name_Not_Found垢版2008/04/29(火) 12:45:58ID:???
縦のスタイルのほうが楽だから
3カラム→2カラム→ほとんど1カラムになったよ
0222Name_Not_Found垢版2008/04/29(火) 13:53:38ID:???
読む分にも3カラムって全くメリットないしな。
あれって作成者がアフィ貼り付けるのに便利ってだけじゃね？
0224Name_Not_Found垢版2008/04/29(火) 17:29:48ID:???
ちなみに↑これって下の両サイドはブラウザに合わせて伸縮するんですよね・・・？
どうかお願いします。
0225Name_Not_Found垢版2008/04/29(火) 17:45:10ID:???
余裕だな。中身まで伸縮されたら厄介だったが。
後方互換は無視する。考えると面倒だ。

body {
margin:auto;
width:800px;
}

<body>
ここの中のものが中央ブロック揃えになりますよ
</body>

当たり前だが、後方互換を考えたらbodyではなくdivに指定する必要がある。
互換モードが発動するとbody要素ではセンタリングできないんだ。
0226Name_Not_Found垢版2008/04/29(火) 17:49:37ID:???
さらに段組にする場合は、floatを使って外幅の90%を超えないように指定する。
この場合、メニュー部分は250pxで本文部分は500pxでいいだろう。

後方互換の場合は全体にtext-align:leftを指定して、
bodyにtext-align:centerを指定する。さらに中身は全部外側にdivで外側divにwidth指定とmargin:autoだ
え？　text-alignはボックス位置の指定ではなくテキストの位置指定だって？　MSの製造ミスですよ。
0227Name_Not_Found垢版2008/04/29(火) 17:53:08ID:???
#CONTENT {
width: 500px;
float: right;
}
#MENU {
width: 250px;
float: left;
}

<div id="CONTENT">
<p>内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容</p>
<p>内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容</p>
<p>内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容</p>
</div>
<div id="MENU">
<p>関連情報関連情報関連情報関連情報関連情報関連情報関連情報関連情報関連情報関連情報関連情報関連情報関連情報</p>
<p>関連情報関連情報関連情報関連情報関連情報関連情報関連情報関連情報関連情報関連情報関連情報関連情報関連情報</p>
<p>関連情報関連情報関連情報関連情報関連情報関連情報関連情報関連情報関連情報関連情報関連情報関連情報関連情報</p>
</div>

段組はこういう感じ。お粗末様
0228Name_Not_Found垢版2008/04/29(火) 17:55:30ID:???
>>223
は、「このページの作り方」を聞いてるんじゃなくて
「このページで紹介されているテンプレート」の作り方を
聞いてるんじゃないかと思うんだ。
0229Name_Not_Found垢版2008/04/29(火) 18:00:37ID:???
>>228
そのとおりでございます・・・


>>225さん
ありがとうございます。
いただいた内容も全部理解しきれていないのですが・・・

背景の写真とか、下のメニューの伸縮を考えると少し違うような？
中身のテンプレの作りを教えていただけるとありがたいです。
もし、私の勘違いだったらすみません・・・

どうかお願いいたします。
0230Name_Not_Found垢版2008/04/29(火) 18:06:42ID:???
orz

もしかしてflashの中身か……
上半分と下半分はまず最初にdivでグーピングして分割する。
別にフレーム使ってもいいけどさ。
上はタブメニュー部分をulリストにして丁寧にfloat
そこから内容は2カラム段組。さっき表示したパターンのdivを採用だ。
縦に表示が崩れると困る場合はここでoverflowを使う。
で外枠のdivに角丸背景画像を表示して上は完成

下は三カラム段組。一個ずつ丁寧にfloatしていく。
floatブロックの角丸は背景画像使うと楽だからそれ使え。
さらに外枠divにwidth指定。marginの指定も忘れるなよ。

で、あまった背景部分はおそらく別の背景画像を表示する。
下3カラムはおそらく固定だろう。上は伸縮しそうだけど。
0231Name_Not_Found垢版2008/04/29(火) 18:09:47ID:???
グルーピングすら不要だと思うがとにかく余裕
がんがれ
0232Name_Not_Found垢版2008/04/29(火) 18:13:31ID:???
body背景画像は左右に角丸と写真を描いたものno-repeatでtop・center位置に指定。
背景色は#fffかな？

もしくは下三カラムは角丸+縦横の線を描いたものを背景画像で指定かな？
すると中身は固定だが、背景部分のお陰で大きく見ると伸縮しているように見える。
この容量だと1024よりも大きい解像度で見ることはまずないだろうから、気にしないでいいだろう。
気になるのなら真ん中だけ可変幅にするとか出来なくないんだけど、そうすると角丸のために余分なdivが二つ必要になる。
0233Name_Not_Found垢版2008/04/29(火) 18:17:05ID:???
floatしたものにmarginは出来ないかorz
とりあえず四つのブロックに幅指定する。
上と下は別物として扱う。下はfloatする。
これだけね。すまんね。長々と。
0234Name_Not_Found垢版2008/04/29(火) 21:18:30ID:???
>>223
俺と好みが近いな。
他のテンプレートも紹介してくれ！
0235Name_Not_Found垢版2008/05/01(木) 22:14:14ID:ECONvAZd
float指定で困っています。
side1、main、side2を間隔なく配置し、それをブラウザの中央に表示したいと考えています。

この３つの要素をfloat:leftで左寄せにし、contentsというdiv要素の中に記述しました。
marginは0px、paddingも0pxと指定し、各要素のwidthはside1が9px、mainが740px、side2が9pxに
設定しました。合計で758pxなのでcontentsのwidthを758pxにしましたが、side2がside1の真下に配置されてしまい困っています。

IE6で確認しただけなのですがなぜかわかる方いましたらご教授お願いします。
0236Name_Not_Found垢版2008/05/01(木) 22:34:56ID:???
合計値は外幅の90%にするんだよ
じゃないと崩れる
0237Name_Not_Found垢版2008/05/01(木) 22:40:35ID:???
>>235
IEは横幅合計値とコンテナボックス横幅が同じだと下に落ちる有名なバグがある。
0238Name_Not_Found垢版2008/05/01(木) 22:40:43ID:???
ちなみに、その場合、mainのみでいいんじゃないか？
外側のdiv（この場合、contents）にpaddingかmarginを指定するのが定石だよ
で、さらに外側のbodyをセンタリングするといい感じ。
もしくはmainのみでpaddingかmarginを表示して幅指定しない
0239Name_Not_Found垢版2008/05/01(木) 22:50:15ID:ECONvAZd
>>236
>>237
すばやい指摘ありがとうございます。
width761pxにしたらしっかりなりました。

>>238

<body>
<div class="contents">
<div class="side"><img src="aaa.jpg" width="9"></div><!-- end side-->
<div class="main">
<div class="t_logo"><img src="logo.jpg" width="220"></div><!-- end t_logo-->
<div class="t_photo"><img src="photo.jpg" width="520"></div><!-- end t_photo-->
</div><!-- end main-->
<div class="side"><img src="bbb.jpg" width="9"></div><!-- end side-->
</div><!-- end contents-->
</body>

こんな感じになっています。logoとphotoにもfloat:leftつけてきっちり配置しているので
（デザイン上1pxも空けたくないので・・・）こんな面倒なことになってしまって。
0240Name_Not_Found垢版2008/05/01(木) 22:54:30ID:???
>>239
背景画像として組み込んだほうが、管理しやすいってことだよ
特にimgのみのdivってのはさほど意味がない
ごちゃごちゃとソースをいじるよりは一発なんだ
0241Name_Not_Found垢版2008/05/01(木) 22:56:54ID:???
書き忘れたが、divではなく、h*……つまり見出しの場合はimgの方が楽
0242Name_Not_Found垢版2008/05/01(木) 23:03:06ID:ECONvAZd
>>240
ご指摘ありがとうございます。

書き忘れましたが、背景に組み込みめばよかったのですが、デザイン上背景にすでに別の画像を組み込んでいたので
仕方なくこのような形をとりました。ブラウザによっては何個か背景画像を組み込めるらしいのですが通常は1つだけらしいので・・・

何か別の簡単なやり方などがあればご教授お願いします。

0243Name_Not_Found垢版2008/05/01(木) 23:35:45ID:???
つーかこのスレで質問すんなよ・・・
0245Name_Not_Found垢版2008/05/02(金) 00:25:45ID:???
>>242
一つの要素に表示できる背景画像は一つ
旧IEを考えればhtmlはムリなので、
body以下の要素になる
つまり、bodyやdivなどがこの場合最有力候補
固定は旧IEのバグで一個しか固定できないが、普通に考えたら一個固定できれば十分
後は自分で考えろ。そうじゃないと成長しないぞ
0246Name_Not_Found垢版2008/05/02(金) 00:29:16ID:???
って、書いて、分からないだろうから答えを書く。
contentsが内包するdiv三つの画像を合体させて、contentsに背景表示する
もし、side main logo photoに背景表示されている場合はもう諦めるしかないけどね
それに、ソースを見る限り内包しているのはimg要素であってテキストではない
この場合テキストを追い出すテクニックもあるが、確かにこりゃfloatしかないわ

おせっかいすまんね
0247Name_Not_Found垢版2008/05/02(金) 10:29:52ID:???
>>IEは横幅合計値とコンテナボックス横幅が同じだと下に落ちる有名なバグがある。

これってpx指定でも崩れる？
どっか解説してるページとかあったら教えて。
0249Name_Not_Found垢版2008/05/02(金) 12:25:08ID:???
おまえらネタスレで何やってんだ
0250Name_Not_Found垢版2008/05/02(金) 17:39:26ID:???
本音で語れないこの世の中じゃあ・・・
0251Name_Not_Found垢版2008/05/02(金) 18:56:33ID:???
>>246
どうもです。
参考になりました。自分なりにいろいろ試してみます。
0252Name_Not_Found垢版2008/05/16(金) 14:57:31ID:yRdVj5ds
hr要素にborder-styleを適用する手法は有りですか?
dottedを指定しても、FirefoxとSafariでだけベタの直線になってしまいます。

スタイルシート適用時は点線の罫線で、非対応のときは通常の罫線を表示したいのですが、
うまくいきません。
0254Name_Not_Found垢版2008/05/16(金) 21:53:02ID:8V5hksUz
質問
画像付きボタンを　img src=　で書いたのですが、FireFoxだけちょっと横長で
小さくなりません、小さくするにはどうしたらいいのでしょうか？
0256Name_Not_Found垢版2008/05/17(土) 01:20:30ID:???
>>253
やはりしかたないのですね。罫線の意味としては変わらないので、そのままでいくことにします。
0258Name_Not_Found垢版2008/05/17(土) 02:31:45ID:???
だからここは質問スレじゃねえっての！
0259Name_Not_Found垢版2008/05/17(土) 03:22:33ID:???
>>258
じゃあ何なの? 検索してヒットする質問スレは上級者用だけだし、「スタイル」で探して辿り着いたのだが。
0260Name_Not_Found垢版2008/05/17(土) 04:21:34ID:???
スタイルで検索ってダイエット板か
0261Name_Not_Found垢版2008/05/17(土) 04:56:09ID:???
>>259
マジレスすると
ネ　タ　ス　レ　。
「CSS初心者」で検索汁
0262Name_Not_Found垢版2008/05/17(土) 16:18:55ID:???
CSSの質問かもわからないのにいい加減な誘導すんな
0263Name_Not_Found垢版2008/05/17(土) 22:11:20ID:???
>>262
間違ってここにきたとしてもCSSの質問じゃないことはあり得ない件
お前のほうが質問者よりスレタイ間違えてね？
0265Name_Not_Found垢版2008/05/18(日) 00:34:46ID:???
>>263
カスケーディングスタイルシートではなく単にスタイルシートについて質問する人が
多いのではないかと。
0267Name_Not_Found垢版2008/05/18(日) 12:26:51ID:???
>>265
JSSやXSLの質問なんてあったか？ｗｗｗ
そんなことよりも、どっちのスレもCSS用スレだから無関係。
0268Name_Not_Found垢版2008/05/18(日) 13:43:41ID:???
>>260
「スタイルシート」で検索したあと、「シート」を削って再検索。
0269Name_Not_Found垢版2008/05/18(日) 22:16:17ID:???
そりゃダイエットし過ぎってもんで
0270Name_Not_Found垢版2008/05/19(月) 15:38:04ID:2teYNWNa
『仕切り奉行』が五月蠅すぎ。
0271Name_Not_Found垢版2008/05/19(月) 21:50:55ID:???
五月蠅いって漢字がうるせーよｗｗｗ
0274Name_Not_Found垢版2008/05/26(月) 10:19:34ID:???
特定のクラスのタグ内にあるテキストの先頭に
番号を順番に振っていきたいのですが，
こういうことってスタイルシートだけでできるのでしょうか？

<div class="title">たいとる</div>
<div class="naiyou">内容</div>
<div class="title">たいとる</div>
<div class="naiyou">内容</div>
<div class="title">たいとる</div>
<div class="naiyou">内容</div>

のような繰り返しがあるときに，title タグの中の
文字列の先頭に番号を振っていきたいのですが・・・・
今は連番を返してくる関数を書いて，

<div class="title">
　<script type="javascript">
　　renban();
　</script>
　たいとる
</div>

のようにしているのですが，面倒で・・

0277Name_Not_Found垢版2008/07/04(金) 18:15:59ID:zSjWM7/K
cgiで吐き出すテーブル（サーチエンジンの結果）を改行ではなく、
順に横に並べていって、横まで行きついたら改行するっていうのを
cssでやろうと思うのですがどのようにすればいいでしょうか？
0279Name_Not_Found垢版2008/07/04(金) 20:02:47ID:zSjWM7/K
>>278
ありがとうございます。
フロートでできたのですが、一つ一つのテーブルの縦の長さが違うため、ブラウザの端まで来て回り込む際にガタガタになってしまいます。

ブラウザの横サイズを決めちゃう以外で何かいい方法はあるでしょうか？
0281Name_Not_Found垢版2008/07/05(土) 20:54:59ID:PZ6XbNJj
質問です。
下記のような同じ構成のボックス（四角は画像など）を
回り込ませてレイアウトした際にIE6でまれにボックスの
文章の最後から5文字くらいが外にはみ出してしまうことが
あるのですが対処方法はないでしょうか？

■こうなるはずが・・・
┏━━┓　　　　　　　　┏━━┓　　　　　
┃　　　┃あいうえお　 ┃　　　┃さしすせそ
┃　　　┃かきくけこ　 ┃　　　┃たちつてと
┗━━┛　　　　　　　　┗━━┛　　　　　

┏━━┓　　　　　　　　┏━━┓　　　　　
┃　　　┃なにぬねの  ┃　　　┃まみむめも
┃　　　┃はひふへほ  ┃　　　┃やゆよ
┗━━┛　　　　　　　　┗━━┛　　　　　

■IE6でたまにこうなる
┏━━┓　　　　　　　　┏━━┓　　　　　
┃　　　┃あいうえお　 ┃　　　┃さしすせそ
┃　　　┃かきくけこ　　┃　　　┃たちつてと
┗━━┛　　　　　　　　┗━━┛　　　　　

┏━━┓　　　　　　　　ひふへほ←────左のボックス内の後ろ5文字くらいが
┃　　　┃なにぬねの　┏━━┓　　　　　　　　この辺に分身として現れる
┃　　　┃はひふへほ ┃　　　┃まみむめも
┗━━┛　　↑　　　　 ┃　　　┃やゆよ
　　　　　　　　│　　　　┗━━┛　　　　　
　　　　　　　　│
ここにきちん文章があるのに
0282Name_Not_Found垢版2008/07/05(土) 22:11:49ID:???
>>281
IE6のfloat関連バグは山程あり、情報も山程あるんだからググレカス
0283Name_Not_Found垢版2008/07/06(日) 04:53:23ID:???
IE6以外で正しく表示できるならIE6対策を取らず放っておいても構わないとさえ思う。
0285Name_Not_Found垢版2008/07/10(木) 21:55:01ID:5d81RjCM
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="ja" xml:lang="ja">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=SHIFT-JIS" />
<meta http-equiv="Content-Style-Type" content="text/css" />
<meta http-equiv="Content-Script-Type" content="text/javascript" />
<title></title>
<style>
div#foo { width: 100px; height: 100px; border: 5px solid #000; }
div#foo p { display: none; }
</style>
</head>
<body>
<div id="foo"><p>FOO<p><div><img src="./foo.gif" width="100" height="100" />
</body>
</html>

例が変で申し訳ないですが、
上記HTMLを出力すると、foo.gif のボトムに数ピクセルの隙間が必ずできてしまいます。
対応方法はあるのでしょうか？
0286285垢版2008/07/10(木) 22:01:14ID:5d81RjCM
すいません。追記です。
この現象はIE6のみで発生します。
0287Name_Not_Found垢版2008/07/10(木) 22:27:09ID:???
>>286
こんな風にしてみたらどうかな？

div#foo p {
display: none;
margin: 0px;
}
0289Name_Not_Found垢版2008/07/11(金) 01:02:22ID:???
そうか・・・では知らん!!(｀･ω･´)ｷﾘｯ!!
0291Name_Not_Found垢版2008/07/19(土) 00:31:11ID:nQ5rYAPt
PHPとCSSを使っていますがCSSでも変数って使えないの?
色とか文字サイズを1つ1つ指定していくのは大変・・・
もっと効率よく使いたいので変数が使えればいいな〜
0294Name_Not_Found垢版2008/08/06(水) 01:00:15ID:???

あああああああああああああああ
あああああああああああああああ
　　いいいいいいいいいいいいい（改行）<!-- 先頭2文字分あき -->
　　いいいいいいいいいいいいい（改行）
　　　　ううううううううううう（改行）<!-- 先頭4文字分あき -->
　　　　ううううううううううう（改行）

こういうのが作りたいんですが、p ではなくspanでできないでしょうか。

p.3 {
margin-left: 3em
}
0296Name_Not_Found垢版2008/08/07(木) 19:44:51ID:fv5MkkX5
画像をセンタリングするのに２時間かかってもできないのです・・・
初心者な質問すぎて申し訳ないです！
（テンプレも読んだのですが上手く行かず）

<div style="text-align: center;"><img ほにゃ/></div>

ならうまくいくのですが、CSSを別ファイルにして

test.css:

.centering{text-align: center;}

test.html:

<div class="centering"><img ほにゃ/></div>

とすると左寄せになってしまいます。centering クラスの中に
margin: 0px auto;
display: block;
やら何やらいろいろ足してみてもだめです・・・何が間違っているのでしょうか？
0297Name_Not_Found垢版2008/08/07(木) 20:06:02ID:???
>>296
・text:alignはインライン要素に有効
・imgはインライン要素
・divはブロックレベル要素
・IEは糞
0298Name_Not_Found垢版2008/08/07(木) 21:08:13ID:fv5MkkX5
>>297
お返事ありあとうございます！
上３つはわかったのですが、
一番したの「IEは糞」というのは・・・？
バグが多いと聞いたことがありますが、そういうことでしょうか。

もう３時間以上この問題で右往左往して疲れてしまったので、
作業は明日にします・・・ああ、どうして画像を中央に持ってくるだけで
こんなに面倒くさいのか・・・<center>タグとか<div align>とか
使いたいなあ、正直・・・
0299Name_Not_Found垢版2008/08/07(木) 22:18:42ID:???
わかるタグを使えばいいのです。
背伸びしても仕方ないのです。
0300Name_Not_Found垢版2008/08/07(木) 22:53:10ID:fv5MkkX5
>>299
非推奨のタグって使っても大丈夫なんですかね？
ある日からポンと使えなくなりそうで怖いです・・・
（現実問題大丈夫なんでしょうけどねー）
0303Name_Not_Found垢版2008/08/10(日) 02:10:30ID:???
外部cssから全てのdivにフィルタ

filter:Alpha(opacity=70)

をかけているんだけど、
divの中の画像にはかからないようにするにはどうすれば良いですか？
0305Name_Not_Found垢版2008/08/10(日) 02:32:20ID:???
>>303
そんなのはIE独自プロパティでCSSじゃねえよスレチ。
0307Name_Not_Found垢版2008/08/11(月) 20:27:54ID:CNc3/M+W
a:link { color: --- }やa:visited { color: --- }など、リンク色を変えるのは、
外部スタイルシートから呼び出すことはできないんですか？
目的のhtml文書のbodyに組み込むしかないんでしょうか。
0308Name_Not_Found垢版2008/08/11(月) 20:57:47ID:???
>>307
外部スタイルシートから呼び出せるよ。
うまくいかないとしたら、どっか記述間違ってるんじゃないかな。
0309Name_Not_Found垢版2008/08/11(月) 21:22:19ID:???
>>308
回答ありがとうございます。安心しました。
どっか間違ってないか見直してきます（｀・ω・´）
0310Name_Not_Found垢版2008/08/14(木) 13:00:42ID:r25rewuU
質問です。

box1(div)のheightに固定値を指定すると「余白」の色が
box1で指定した背景色（仮に青とする）になるのですが、
autoにすると、青になったり白(box2とbox32の背景色）に
なったりします。
高さ以外に違いがないと思われるページで、違う色になります。
高さが関係するのかと思って調べたのですが、
高さの関係が、ｘ>ｙ>ｚになるｘとｚが青で、ｙが白になるので
関係ないような気がしています。
table1とbox31の高さは常に同じで、table1の高さの方がbox31の
高さより大きく、box32の高さが可変です。

どういう原因が考えられるのでしょうか。

　ｂｏｘ１
　　ｔａｂｌｅ１　ｂｏｘ２
　　　　　　　　　　　ｂｏｘ３１
　　　余白　　　　　　ｂｏｘ３２


よろしくお願いします。
0311Name_Not_Found垢版2008/08/14(木) 13:05:21ID:r25rewuU
↑補足します。
ｔａｂｌｅ１とｂｏｘ２はｂｏｘ１の要素です。
ｂｏｘ３１とｂｏｘ３２はｂｏｘ２の要素です。
0312Name_Not_Found垢版2008/08/14(木) 13:19:51ID:???
・floatやpositionした要素に高さは無効
・boxの挙動がおかしいと思ったら、borderを付けて確認するのが基本
・ソース出せ馬鹿
0315Name_Not_Found垢版2008/08/15(金) 15:18:57ID:???
テーブル全体をリンクに使用したいしたいのですが
現在は
onclick="window.open('view/research_capital_view.html')"
を使用しています。
これをスタイルシートで実現する方法はないのでしょうか

JAVAScriptで行うとHover設定がまったく反映されないのと
構造が綺麗にならない点が不満です。
0316Name_Not_Found垢版2008/08/15(金) 16:47:37ID:???
>>315
JSだとかCSSだとか以前の問題だ
tableをaの中に入れるのは間違い
0317Name_Not_Found垢版2008/08/15(金) 18:06:57ID:???
>>316
それは、分かっているから、JAVAScriptでやっているわけでして
とはいえIE、Opera、FireFoxで挙動は全然違いますが、

aの中にTableを無理やりぶち込んだほうが、
まだ求めている物に近い動作はするですよね。
特にFireFoxはそのものズバリの動作をしてくれてしまいます。
0318Name_Not_Found垢版2008/08/15(金) 19:18:44ID:???
スレ違いということも分からないのに分かってるとかｗ
0319Name_Not_Found垢版2008/08/15(金) 21:58:42ID:???
そもそもこのスレが質問スレではない件
0320Name_Not_Found垢版2008/08/17(日) 21:12:57ID:+JE4P2wV
>>318
CSSで細工して、そのように動かすことが出来ないか？
という質問なのですが

ここはCSSの質問スレではないのですか？
0321Name_Not_Found垢版2008/08/17(日) 23:16:51ID:???
>>320
htmlにはa要素にtarget属性がありますが、HTML4.01で非推奨、
xhtml1.1では廃止されました。
cssで動的な指定はできません。
0322Name_Not_Found垢版2008/08/18(月) 11:29:53ID:AufoEyIv
>>321
Hover以外に動的な細工をする方法はないんですね
trやtdには出来てもTable自体にHoverが有効でない以上
手法はなしという事なんですね

ありがとうございました
0324Name_Not_Found垢版2008/08/19(火) 13:14:57ID:WaoB7Y1R
<div class="box1">
　<table class="box2">
　　<tr class="box3">
　　　　・・・・

って構造だとbox1にfont-size指定してもbox3内には利かない？
0325Name_Not_Found垢版2008/08/19(火) 15:27:46ID:???
フツーdivにtableなんて入れないけど、利かないブラウザあんの？
0331Name_Not_Found垢版2008/08/22(金) 04:26:23ID:???
>>316
tableをaの中に入れてはいけないのか…。
table全体をa nameで囲んだりよくするのだけど。
0332Name_Not_Found垢版2008/08/22(金) 04:57:40ID:???
この場合a hrefと言いたいんじゃないかと
a nameならcaptionやhxに付けた方がスマートではないかと
0333Name_Not_Found垢版2008/09/02(火) 11:19:17ID:lN/qnR2r
印刷するときに、css を使って印刷するページごとに
ヘッダやフッタを付けたいのですが可能ですか？
0335Name_Not_Found垢版2008/09/03(水) 01:39:29ID:???
>>333
<link rel="stylesheet" type="text/css" href="print.css" media="print">
printcssは印刷のときだけ適用される。
0336Name_Not_Found垢版2008/09/24(水) 06:16:35ID:???
>>332
a hrefだろうがa nameだろうが
インライン要素でブロック要素を囲むな
0337Name_Not_Found垢版2008/09/24(水) 07:34:11ID:???
他にもつっこみどころ満載

HTMLから勉強してこい
0339Name_Not_Found垢版2008/09/24(水) 20:11:22ID:???
質問失礼します。
web初心者スレでも質問させていただいたのですが
あちらなんだか荒れてるみたいでスルーされてしまったので
こちらでも質問させていただく失礼をお許しください。

<STYLE TYPE="text/css">
<!--
TABLE {font-weight:bold;}
-->
</STYLE>

でページ全体の文字を太くしたのですが、一部分だけ細字に戻すことはできますか？
よろしくおねがいします。
0341Name_Not_Found垢版2008/09/24(水) 22:12:29ID:???
>>340
できました！ありがとうございます！
スタイルシートの効果を部分キャンセルする方法ばかり考えていました…。
0342Name_Not_Found垢版2008/10/08(水) 17:39:05ID:???
floatしたボックスをネガティブマージンで重ねた場合の重なり順序は、
後続が絶対上にしかならないのでしょうか？

<!-- 例HTML -->
<div id="satou">
　<div id="sio"></div>
　<div id="solt"></div>
</div>

/* 例CSS
++++++++++++++++ */
#satou{
　width:45px;
}

#sio{
　float: left;
　width: 100%;
　height:30px;
　margin-bottom: -15px;
　background-color: #FFF;
}

#solt{
　float: left;
　width: 100%;
　height:30px;
　background-color: #000;
}

というコードの時の、重なり方についてです。
#FFFが15px+#000が30px、#FFFが30px+#000が15pxとコントロールできないのでしょうか？
0344Name_Not_Found垢版2008/12/26(金) 15:32:30ID:???
W3CのCSSチェックかけると
「padding-leftとかpadding-rightの値にautoとかねーよw」とか言われる…。
これって廃止になったの？使わない方がいいんだろうか？
0345Name_Not_Found垢版2008/12/26(金) 23:14:43ID:h+SjkvEv
説明しにくいのですが、画面いっぱいに表示するメニューに
div style="overflow:auto"を使って、サイドバーのようなものを作りたいのですが、
下のようにしたとき、
IEなら画面を小さくして、div.sidebarの中身がはみ出るときちんとスクロールバーが出るのですが、
firefoxで表示させると、divの中身が全部表示できるだけ大きくなってしまいます(スクロールしない)
うまくfirefoxで表示できる方法はありませんか?

<html><body>
<table style="width:100%;height:100%;">
<tr>
<td colspan="2" style="height:1;background-color:#f00">　</td>
</tr><tr>
<td style="width:20%;background-color:#ff0">
<div id="sidebar" style="overflow:auto;height:100%;">
<br><br><br><br><br><br><br><br><br><br><br><br><br><br>
</div>
</td>
<td rowspan="2" style="background-color:#f0f">　</td>
</tr><tr>
<td style="height:1;background-color:#0ff">a</td>
</tr></table>
</body></html>
0346Name_Not_Found垢版2009/01/03(土) 02:14:06ID:???
css初心者です
作った（といっても改変可サンプル変更）のおかしな部分を実際見てもらって
間違いの質問をしても大丈夫でしょうか？
もし、もっとふさわしいスレがあったら誘導して頂けるとありがたいです…

質問は、IEでは出るのにサファリ、火狐ではでないスクロールバーについてです
0347Name_Not_Found垢版2009/01/19(月) 02:19:38ID:???
リスト化したメニューにそれぞれ画像を張り付けているんですが、
hoverで別の画像を表示したいのですがうまくいきません。
ご教示ください。
html
<div id="header">
<ul>
<li><a href="#"><img src="image/home.gif" alt="ホーム" name="home" width="160" height="50" id="home" /></a></li>
<li><a href="#"><img src="image/profile.gif" alt="会社概要" width="160" height="50" id="profile" /></a></li>
<li><a href="#"><img src="image/service.gif" alt="提供サービス" width="160" height="50" id="service" /></a></li>
<li><a href="#"><img src="image/faq.gif" alt="FAQ" name="faq" width="160" height="50" id="faq" /></a></li>
<li><a href="#"><img src="image/contact.gif" alt="お問い合わせ" width="160" height="50" id="contact" /></a></li>
</ul>

#header ul li a#home:hover という感じでそれぞれ指定するだけではダメなのでしょうか？
0349347垢版2009/01/19(月) 15:57:08ID:???
これ以外にいくつか試したんですがうまくいきません。
id="home"を#homeで指定してもダメでした。
#header ul li #home:hover、#header ul li #home a:hoverも同じく・・・orz
0350Name_Not_Found垢版2009/01/22(木) 09:56:37ID:???
みんな、固定レイアウトの時ってフォントサイズどうしてる？

可変？それとも固定？
0351Name_Not_Found垢版2009/01/24(土) 16:01:46ID:???
絶対値指定はしない。ここでいう絶対値指定っていうのはピクセルとかじゃなくてミリメートルとかインチとかのこと。
0354Name_Not_Found垢版2009/01/28(水) 21:08:15ID:???
>>347
根本がおかしいだろ。なんで画像にID振ってるんだ。
javascriptの画像切り替えと混同してないか？
普通は
<ul id="Menu">
<li id="Test"><a href="#"><span>TEST</span></a></li>
</ul>
てな感じでタグ書いてcssは
#Menu ul li a { display:block; width:200px; height:30px; }
#Menu ul li span { display:none; }
li#Test a:link,li#Test a:visited { background:url("test1.gif") no-repeat 0 0; }
li#Test a:hover,li#Test a:active { background:url("test2.gif") no-repeat 0 0; }


CSSの画像切り替えは普通背景でやる。
347みたいにデフォ画像を画像タグでやるんなら
マウスオン時にデフォ画像をvisibilityで隠すなりして背景にマウスオン画像を敷く、でいけるかも。
どっちにしろ画像じゃなくliかaにid振るべき。
0355Name_Not_Found垢版2009/02/10(火) 05:57:39ID:???
ちょっと質問
<meta http-equiv="Content-Style-Type" content="text/css">
これが記入されていれば

<link rel="stylesheet" href="hogehoge.css">
<style>〜</style>
これでかまわない。

<link rel="stylesheet" type="text/css" href="hogehoge.css" />
<style type="text/css">〜</style>
やはりこう書かないとだめだ。

さて、どっちが正しい？
0356Name_Not_Found垢版2009/02/10(火) 08:57:40ID:???
コンテントタイプの意味を考えればわかるだろ
0357Name_Not_Found垢版2009/02/10(火) 16:46:54ID:???
imgをくくってるdivの背景画像を、imgの上に重ねることは不可能ですかね？

<div class="box">
<a href="test.html"><img src="test.gif" ></a>
</div>

div.box {
background-image:url(test2.gif);
z-index:2;
}
img {
z-index:1;
}
0358Name_Not_Found垢版2009/02/16(月) 18:48:10ID:???
>>348
divの中にある以上無理だろ。
z-indexは同階層のものに対して使う。親子関係に口は挟めない。
なんでそもそもそんな馬鹿げた事やろうとしてんだ。
divの中の画像を消してdivの背景出したいならvisibility:hiddenで消しゃいいだろ。
0359Name_Not_Found垢版2009/02/18(水) 21:29:08ID:???
高さが可変のブロックAの中に、ブロックB、ブロックCが入っています。
こんな感じです。
<div id="A">
　 　<div id="B">hoge</div>
　 　<div id="C">moge</div>
</div>

ブロックBの高さを100px、
ブロックCを残りの長さ(ブロックAの高さから100pxを引いた値)にしたい場合、
CSSではどのように指定したら良いでしょうか？
0360359垢版2009/02/18(水) 22:35:37ID:???
（モダンブラウザのみですが）自己解決しました。スレ汚し失礼しました。

div#A{
　 　height:80%;
}

div#B{
　 　height:100px;
}

div#C{
　 　position: absolute;
　 　top: 100px;
　 　 bottom: 20%;
}
0361Name_Not_Found垢版2009/03/03(火) 16:15:15ID:???
<li>や<dd>のリストをfloat:leftで横並びにするとき、
最後の属性だけfloat:noneを指定すれば、親ブロックにその分の領域が発生する
（全部floatだとheightがゼロになって背景などが描画されないので）
……と期待するのだけど、Firefoxなどで表示すると、まるでclear:leftが指定されたかのように、
そのブロックが右に流し込まれずに下に落ちてしまいます。

<ul><li>hoge</li><li>hoge</li><li>hoge</li><li class="end">hoge</li></ul>
li{width:100px; float:left;}
li.end{float:none;}

これは、ただしい描画なのでしょうか？　また、どういう解釈になるのでしょうか。
0362Name_Not_Found垢版2009/03/03(火) 18:07:24ID:???
>>361
ブロック要素はfloatしない限り基本的に横に並ぶことはない。
なのでfloat:noneを指定されれば下に落ちるのは当然のこと。
0363Name_Not_Found垢版2009/03/03(火) 19:26:15ID:???
「リストが終わったら周り込み解除」ではなく「最後のリストだけ周り込み解除」になる。
だからそれで問題ない。
<div class="hogehoge">
<ul>
<li>hoge</li><li>hoge</li><li>hoge</li><li class="end">hoge</li>
</ul><span class="end"> </span>
</div>
.hogehoge { background:#fcc; }
li {width:100px; float:left; background:#ffc; }
span.end { display:block; height:1px; width:1px; overflow:hidden; clear:left; margin-top:-2px; }
0364Name_Not_Found垢版2009/03/05(木) 10:47:38ID:???
この記述は正しいの？

body{border:5px solid; border-color:#000000 #0000ff;}

div{border:solid #000000; border-width:5px 3px;}
0365Name_Not_Found垢版2009/03/05(木) 13:47:43ID:???
>>364
特に間違いは見当たらないが
何が問題なんだろうか
0366Name_Not_Found垢版2009/03/05(木) 16:00:44ID:???
borderの一括設定とborder-widthを同時にやってるって点だろ。
正しいかどうかはワカラン。別に問題は無さそうだけどな。
個人的には一括設定のトコでborderのtyoeの前にwidthが来てるトコとかが気になるがw
0367Name_Not_Found垢版2009/03/05(木) 17:27:04ID:???
>>366
>borderの一括設定とborder-widthを同時にやってる
線の太さや色をtop、bottomなどで変えたいときはむしろ今回のように別に指定しなければならない

>一括設定のトコでborderのtyoeの前にwidthが来てるトコとかが気になる
値さえ合っていれば、順番はどちらでも大丈夫
0368367垢版2009/03/06(金) 08:54:42ID:???
>>366
あーごめんなさい、しなければならないはちょっと言い過ぎ
ベースをborderで指定して個別に上書きというやり方も可
0369Name_Not_Found垢版2009/06/02(火) 06:25:13ID:7YwK8DI7
<table border="1" style="border-collapse:collapse;">
　<tr>
　　<td style="width:10px;">aaa</td>
　　<td style="width:10px;">bbb</td>
　　<td style="width:10px;">ccc</td>
　　　・・・・
ってやると5個目のセルくらいからセルの左端の座標が1pxくらいズレ出すんだけど
borderのせい？
セルの左端の座標を全部正確に10の倍数にするにはどうしたらいい？
0371Name_Not_Found垢版2009/06/03(水) 07:50:05ID:???
ここは質問スレじゃないのに質問してるせい
0372Name_Not_Found垢版2009/06/07(日) 01:49:07ID:???
pタグで改行しない方法ってありますか？\
0373Name_Not_Found垢版2009/06/07(日) 03:42:34ID:???
display:inlineか
display:inline-block


あまりオススメはしないが、
状況によっては使い道もあるかもな
0374Name_Not_Found垢版2009/06/07(日) 09:41:21ID:???
だからここ質問スレじゃないっつーの
0375Name_Not_Found垢版2009/06/07(日) 22:31:58ID:???
>>374!!!!!!!!!!!!!!!!!!３７４！！！！！三七四！！！！！！！！！！！！！！
なんでお前がしきってるんだよおおおお！！！
ちゃんとスレタイに質問スレって書いてあるじゃんかよおおおおお！！！
0377Name_Not_Found垢版2009/06/20(土) 11:44:10ID:PTFkUzz8
id・classの使いまわしをするとMarkup Validation Serviceでしかられます。
仕方なく、id・classの名称を変えて二度書、三度書きをしています。
Markup Validation Serviceでエラーを出すことなく、効率よく書く方法が
あるのでしょうか。
0378377垢版2009/06/20(土) 12:51:19ID:???
idとclassが混ざってました。レス汚しですみません。
0379Name_Not_Found垢版2009/06/20(土) 22:40:36ID:???
それ以前にここはネタスレであって質問スレじゃない
0380Name_Not_Found垢版2009/07/05(日) 06:50:53ID:???
>>379!!!!!!!!!!!!!!!!!!３７９！！！！！三七九！！！！！！！！！！！！！！
なんでお前がしきってるんだよおおおお！！！
ちゃんとスレタイに質問スレって書いてあるじゃんかよおおおおお！！！
0382Name_Not_Found垢版2009/07/08(水) 03:52:06ID:???
110のランキング表作っているのですけど

10のいちが各ブラウザ安定しません

各<li>タグににパディングをいてれ調節しているのですが・・
テーブルのしかできませんか？
0383Name_Not_Found垢版2009/07/09(木) 02:14:38ID:???
スレ違い以前に日本語でおｋ
ここネタスレだから
0384Name_Not_Found垢版2009/07/11(土) 02:18:16ID:???
>>383!!!!!!!!!!!!!!!!!!３８３！！！！！三八三！！！！！！！！！！！！！！
なんでお前がしきってるんだよおおおお！！！
ちゃんとスレタイに質問スレって書いてあるじゃんかよおおおおお！！！
0386Name_Not_Found垢版2009/07/11(土) 05:07:29ID:QTq+57Lo
他人のｃｓｓ見て勉強中なんだけど、全体幅に780pxが多いのは何か理由があるのかね？
ちょっと気になったもんで
0388Name_Not_Found垢版2009/07/11(土) 07:42:46ID:???
>>386
> 他人のｃｓｓ見て勉強中なんだけど、全体幅に780pxが多いのは何か理由があるのかね？
> ちょっと気になったもんで

IE6の標準設定でギリギリA4縦に収まる幅が770〜780px
0391Name_Not_Found垢版2009/07/13(月) 13:32:54ID:???
1024幅のモニタでお気に入り出したままで
サイドバーの幅はデフォなら
横スクロール出ず全部入るのが790pxくらいまで
0392NAME IS NULL垢版2009/07/14(火) 15:08:06ID:???
希望している動作はCSS無しで書くと、↓こんな感じの動作を希望しています。

<table border="1" cellspacing="0" cellpadding="20"><tr><td>あ</td>
<td><table border="1" cellspacing="0" cellpadding="0"><tr><td>あ</td></tr></table></td>
</tr></table>
<table border="1" cellspacing="0" cellpadding="0"><tr><td>あ</td>
<td><table border="1" cellspacing="0" cellpadding="20"><tr><td>い</td></tr></table></td>
</tr></table>

それで↓のようにしたのですが

■CSS
.hoge { border: 1px solid black; border-spacing:0; border-collapse:collapse; }
.hoge td { border: 1px solid black; padding:20px; }
.hage { border: 1px solid black; border-spacing:0; border-collapse:collapse; }
.hage td { border: 1px solid black; padding:0px; }
■HTML
<table class="hoge"><tr><td>あ</td>
<td><table class="hage"><tr><td>あ</td></tr></table></td>
</tr></table>
<table class="hage"><tr><td>あ</td>
<td><table class="hoge"><tr><td>あ</td></tr></table></td>
</tr></table>

テーブルの中のテーブルのpaddingが上位のpaddingが優先されてしまうみたいなんですけど
どうすれば良いのでしょうか？
0394Name_Not_Found垢版2009/07/15(水) 20:24:35ID:???
>>393!!!!!!!!!!!!!!!!!!３９３！！！！！三九三！！！！！！！！！！！！！！
なんでお前がしきってるんだよおおおお！！！
ちゃんとスレタイに質問スレって書いてあるじゃんかよおおおおお！！！
0396392垢版2009/07/16(木) 08:39:49ID:???
質問スレじゃなかったんですね。
他のスレに移動します。

スレ汚して、申し訳ありませんでした。
0397Name_Not_Found垢版2009/09/15(火) 15:55:20ID:GZqjI6jH
a { 〜 }
a:hover { 〜 }
のように書いて、マウスが乗ったときに色かえたりできますけど、これを
<a style="〜">のように<head></head>に書かないでやることはできますか？
0401Name_Not_Found垢版2009/09/15(火) 22:57:38ID:Eb4QiI20
http://www.dotup.org/uploda/www.dotup.org145707.lzh.html
↑のファイルの中の「index.html」の右側のサイドメニューの横幅をかえたいんですが、
「style.css」の

/*サイド（一番右側）コンテンツ
------------------------------------------------------------------*/
#side {
float: right;
width: 176px;
margin-left: 8px;
padding: 10px;

この部分のwidth: 176px;の176pxの値を大きくすると大きくはならず、
形が崩れてしまいます。
どうすればサイズ変更できるでしょうか？
0402Name_Not_Found垢版2009/09/15(火) 22:59:18ID:???
ttp://www.nttdocomo.co.jp/
の上にあるボタンみたいに、開いたページに対応した所だけを変化させるにはどうすればいいのでしょうか？
0403Name_Not_Found垢版2009/09/16(水) 00:24:12ID:oqGyqT1l
こんにちは。FireBugをカンでいじってCSS組んでいます。
http://fukia.6.ql.bz/

上記のサイトを作っているんですが、IEで見てみると、下のbottomの部分がなくなってしまいます。
どうしたらよいのでしょうか？
0404Name_Not_Found垢版2009/09/16(水) 08:17:07ID:???
ここは質問スレじゃねーっての
スレも読めない奴は仕様書でも読んでろ
0405Name_Not_Found垢版2009/09/16(水) 14:58:43ID:3rcpibgk
>>404
どこが質問スレなんですか？
0407Name_Not_Found垢版2009/09/16(水) 17:24:07ID:???
了解しました>>403は無視してください
失礼しました
0408Name_Not_Found垢版2009/09/26(土) 16:44:58ID:???
CSSを使用してリスト内の文字の上下間隔を狭めるにはどうすれば良いでしょうか？
(上下の文字と文字の間隔を5pxや10pxと指定したいと思っています。)

<ul>
　　<li>あ</li>
　　<li>い</li>
　　<li>う</li>
</ul>
0410Name_Not_Found垢版2009/09/27(日) 02:11:53ID:???
自己解決したときはちゃんと書くように

・li内部の行間を調整するのは
li {line-height:xx } →単位無し整数指定が推奨


・li同士の間隔を調整するのは
li {margin-bottom:xx}
li {padding-bottom:xx}　→px指定が安定だがemでもよい
0411Name_Not_Found垢版2009/09/27(日) 13:46:12ID:???
>>410
推奨も何もない
用途によって変えなきゃならないに決まってるだろ
0413Name_Not_Found垢版2009/09/27(日) 22:16:23ID:???
割と一般的に知られてる話だと思ってたが。＞line-heightには単位なし


行間(行の高さ)を調節するなら単位はナシで - ［ホームページ作成］All About
http://allabout.co.jp/internet/hpcreate/closeup/CU20070222A/index.htm

line-heightに関しては、用途によって変えなきゃならないケースが
ほとんどないからな。pxでガチガチにデザイン決めたい場所でも
font-sizeの方でpx指定してそれに無単位でline-heightしておけばいいわけで。
0416Name_Not_Found垢版2009/09/28(月) 02:02:47ID:???
>>412
そこの管理人が推奨してるとWeb全体に推奨なんてことはないｗ
理屈は知ってるが、知ってればこそ用途によって変えるべき
0417Name_Not_Found垢版2009/09/28(月) 05:29:55ID:???
というかその人も「行ボックスの高さが意図していないものになってしまう可能性がある」
から推奨と言ってるだけで、常に推奨とは言ってないじゃん。
逆に言えば意図があれば別のものを使うという話をしてるだけだろ、
なのにその推奨を布教されてもその管理人に迷惑なだけと思うが。
0418Name_Not_Found垢版2009/09/28(月) 12:22:20ID:???
本人だったら問題ないんじゃね？ｗ
0421Name_Not_Found垢版2009/09/28(月) 17:45:15ID:???
そこの管理人はそこまで馬鹿じゃないだろｗ
0423Name_Not_Found垢版2009/10/19(月) 13:40:12ID:???
tableでカレンダーを作りたいのですが、縦(日曜・土曜)の文字に色を適用する方法で悩んでます。

http://www.d-spica.com/designcatalog/table/table211.html
上のページだと縦列の背景色に<col class="xxx">、<th scope="col">などとして一括設定していますが
背景色の変わりにcolor:red;などとしても文字色が変わりません。
（td全体なら文字色変更できましたが。）

上の方法だと文字色指定は無理なのでしょうか？
また別の方法があるのでしょうか？

最悪、該当セル全てにclass指定するつもりですができればやりたくない・・・
0425Name_Not_Found垢版2009/11/05(木) 09:30:25ID:???
>>423
自動で振り分けさせる。
ttp://gihyo.jp/design/serial/01/jquery-site-production/0001

それが嫌なら全部にclass書いてやるしかない。
ちなみにcolはfontまわりのスタイルはいじれない。
0426光垢版2009/11/05(木) 21:21:25ID:???
<select>の<option>に個別に設定したスタイルシート(色変え等は)はブラウザ依存なのでしょうか？
SH903iのiﾓｰﾄﾞﾌﾙﾌﾞﾗｳｻﾞでは正常に動作したものの
SH-06Aのiﾓｰﾄﾞﾌﾙﾌﾞﾗｳｻﾞでは効きません

ブラウザ依存なら対象方法としてはJavaScript/onChangeで<select>ごとスタイルシートを変えるくらいしかないでしょうか？
0427Name_Not_Found垢版2009/11/17(火) 13:57:40ID:ifxZIQ60
IE8, Windows7です。
下線がボックス幅を超えて描かれます。どうしてなのでしょうか？

幅240pxのサイドメニューボックスの中に下記のmenu_leftボックスを設け、
menu_leftボックスの中に、menu_titleを入れています。
下記の定義でmenu_titleの下線(border-bottom)が、menu_title幅(200px)をはみ出して（右側に20px）描かれます。
menu-tileの幅もmenu_leftのマージン幅も200pxなのに、なぜはみ出すのでしょうか？

.menu_left {
margin: 0px 20px 0px 20px;
padding: 0px 0px 20px;
}

.menu_title {
text-align:left;
color:#fff;
font-size:12px;
font-weight:bold;
background-image:url(http://hogehoge.com/sTitle.gif);
background-position:top left;
background-repeat:no-repeat;
border-bottom: 1px solid #961585; /*この下線が右にはみ出す*/
margin:25px 0 0 0;
padding: 6px 12px 2px 30px;
height: 25px;
width:200px;
}
0428Name_Not_Found垢版2009/11/18(水) 16:58:31ID:???
-webkit-border-radius: 4px;

-webkit-ってなんだろー
0429Name_Not_Found垢版2009/11/19(木) 13:05:22ID:???
独自拡張のプロパティに付けるベンダ接頭辞
0430Name_Not_Found垢版2009/11/20(金) 16:39:48ID:mUHXNI5N
質問です。

リンク文字にマウスを重ねた時に、背景色（ボックス形）を表示するようにしたいのですが、
背景ボックスの高さが変更できません。指定方法を教えて頂けませんでしょうか。
今のソースとスタイルシートは以下の通りです。よろしくお願いします。
（「HOGEmail」と「HOGEｕｒｌ」のところの背景色の高さです）

≪ソース≫
<ol class="ct_container">
<li><p class="ct_header"><a href="mailto:hoge1">HOGEmail</a> | <a href="http://hoge2.com">HOGEurl</a> | 
<p class="ct_title"><a id="comment3" name="comment3"></a>タイトル</p>
<div class="ct_body">内容</div>
<div class="cnt_date">YYMMDD</div></li>
<li>/*次のタイトル、内容等*/</li>
</ol>

≪スタイルシート≫
.ct_header a , .ct_header a:visited {
color:#666;
text-decoration:none;
line-height:28px; /*(1)ここを変えても変わらない*/
padding:0.2em 0.5em;
border:1px dotted #fff; }
.ct_header a:hover {
color:#444;
/* (2)ここにline-heightを追加して変えても変わらない*/
border: 1px solid #ccc;
background:#f5f5f5; }

/* (3)下記を追加して変えても変わらない
li {　line-height:28px;　}*/
0431Name_Not_Found垢版2009/11/21(土) 18:21:50ID:???
質問です。

横一列のメニューリンクテキストを右詰めで、<ul><li>タグを使って再現したい。
ブラウザではきちんと表示されるが、DreamWeaverのデザイン表示が妙なことになる。
（5つのメニューが、途中3つで改行され2段表示。
　うち1つはテキスト自体も4文字が全て改行され縦4文字に並んでしまう。）

テキストボタンでなく画像ボタンならば<li>にwidthを指定することで
回避できるのですが、テキストなのでwidth指定はしたくない。

また、納品後はクライアントが更新作業を行っていく体制を取るので
DreamWeaverのデザイン表示を混乱の少ない状態に整える必要がある。
0432Name_Not_Found垢版2009/11/21(土) 18:23:24ID:???
>>431の続き
これは仕方のないことなのでしょうか？

現在は<li>タグにfloat: leftを指定して横一列に表示しています。
これをやめて<li>タグにdisplay: inline;を指定すると
DreamWeaver上では改行無しで表示されるのですが、
ブラウザ上でトップマージン指定や背景画像の位置指定が効かなくなります。

何か解決策が分かりましたら教えてください。
0433Name_Not_Found垢版2009/11/21(土) 18:51:49ID:???
DWの表示が完全だという前提になってますね
こういう人多いのかなあ今
0434Name_Not_Found垢版2009/11/22(日) 21:08:43ID:???
まったくだ。ローカルの1制作ソフト上での見た目なんてどうでもいい。
どうせ各ブラウザで確認するんだし、WYSIWYGの見た目なんて違って当然。
0435Name_Not_Found垢版2009/11/22(日) 21:42:26ID:???
というかDWもWebKit採用してくれればいいのになー

俺はhtmlもCSSもエディタでハンドコーダー派なんだけど
DWしかわからない子たちが「○○さんのデザイン崩れます」て言ってくる
IE・FF・Safari・Opera，全部検証してるっつの！
0436Name_Not_Found垢版2009/11/22(日) 21:44:22ID:???
CS4からはプレビューはWebKit対応になってるらしいよ。
0438Name_Not_Found垢版2009/11/23(月) 12:21:28ID:???
>>436
だね
あんまり意味ないんだけどね

IE9はまた独自仕様になりそうでこわいなあｗ
IEは6789でチェックとか、もうやめて＞＜
0439Name_Not_Found垢版2009/11/26(木) 21:02:04ID:FzH8K/lF
質問スレなんだから、まじめに回答しろ！
0440Name_Not_Found垢版2009/12/01(火) 12:27:45ID:Mkuhgcka
HTMLの中で以下のようなレイアウトを作ろうとしています。

This is a [pen].
　　　　　 ↑black

[pen]を基準にして「↑black」の位置を決めるにはどうすればいいですか？
positionというのを使うのかな、、と試しましたがよくわかりませんでした。
よろしくお願いします。
0441Name_Not_Found垢版2009/12/06(日) 02:18:57ID:???
>>440
.pen { position: relative; display: inline-block; }
.black { position: absolute; top: 1em; left: 0; }

<p>This is a <span class="pen">[pen].
<span class="black">↑black</span></span></p>
0442441垢版2009/12/06(日) 02:37:42ID:???
って5日も前のレスだったか…もう解決してるかな
0443Name_Not_Found垢版2009/12/08(火) 11:25:26ID:spDDXc55
>>441
ありがとうございます。
とても助かりました。^^
0445Name_Not_Found垢版2009/12/26(土) 01:26:25ID:???
jsだとオライリーのサイ本がバイブルっぽいですが、CSSでそういった書籍ってありますか？
もちろん一冊で完結する訳はないんですが、皆さんどんな本で勉強されたのかなと。
0446Name_Not_Found垢版2010/01/11(月) 02:32:45ID:QmXP9yD9
CSSで、この画像のような構造のサイトを作りたいと考えています。
ttp://imagepot.net/view/126314455414.jpg

今このようなCSSを組んでいるのですが、実際には以下の画像のような表示になってしまいます。
http://imagepot.net/view/126314476261.jpg

div#content {
position: relative;
width: 900px;
margin-left : auto;
margin-right : auto;
top: 40px;
text-align: left;
bottom: 40px
min-height: 90%;
height: auto !important;
height: 90%;
}

div.nakami {
background:#fff1c3;
border:solid 10px #c96c29;
overflow:scroll; padding:30px;
position: absolute;
bottom: 71px;
left: 0px;
top: 72px;
right: 0px;
z-index: 11;
}

<続きます>
0447446垢版2010/01/11(月) 02:34:08ID:QmXP9yD9
<続きです>

div.copyright {
display: block;
position: absolute;
bottom: 0px;
left: 0px;
right: 0px;
background-image: url(images/copyright_2010.png);
background-repeat: no-repeat;
background-position: right bottom;
}

検索しているのですが、どうしてもわかりません。
どなたか、何が悪いか、御指南ください。お願いします。
それから、position="relative"にしておくと、margin-bottomは適用されないのでしょうか？
0449446垢版2010/01/11(月) 05:20:52ID:???
>>448
レスありがとうございます！
今急いで追加してみたんですが、変化なしでした。
どこか他におかしい所はないでしょうか？
0450446垢版2010/01/11(月) 05:32:46ID:???
HTMLの方はこうなっています。

<div id="content">
<div id="menucontainer">
メニュー
</div>
<div class="nakami">
テストテスト
</div>
<div class="copyright">
</div>
</div>
0452446垢版2010/01/12(火) 00:30:03ID:???
できました！
ありがとうございました。
0453Name_Not_Found垢版2010/01/12(火) 12:50:53ID:???
ここはネタスレであって質問スレは別にあるだろボケ
0454Name_Not_Found垢版2010/01/16(土) 12:03:39ID:???
定期的に書いておかないと駄目か
ここは質問スレじゃないぞ
0455Name_Not_Found垢版2010/03/19(金) 15:28:56ID:uF0/sJns
Adobe Spryのアコーディオンで、
クリックするとSarariで青い枠線が出ます。
Abobeのサイトのサンプルでも出るもの、出ないものがあります。
この違いは何なのでしょうか？
また消すためには、どう指定すれば良いのでしょうか。
お教えください。
ttp://labs.adobe.com/technologies/spry/samples/accordion/AccordionSample.html


0456Name_Not_Found垢版2010/03/30(火) 12:19:19ID:???
a:link { color: white; }
a:visited { color: white; }
a:hover { color: red; }

いくら指定してもブルーのまま。
試しに<head>内をいろい消しても変わらず・・・
ドキュメント宣言とか文字コードとかも関係アルのかな？？
0457Name_Not_Found垢版2010/03/30(火) 12:20:21ID:???
検証もしてないし根拠もないがoutlineとかは？
0458Name_Not_Found垢版2010/03/30(火) 13:12:11ID:???
>>457
outlineはどこも設定してません・・

全てを消して
a:link { color: red; }
未訪問リンク
a:visited { color: red; }
訪問済みリンク
a:hover { color: blue; }
マウスカーソルを乗せたリンク
書いてみたけどマウス載せても色が変わらない・・
0459Name_Not_Found垢版2010/03/30(火) 14:15:46ID:???
a:hover { color: red; }

<body link="white" vlink="white" alink="white" >

<a href=" ">リンク</a>

結局これで解決・・・なんでできないんだろう。。
0460Name_Not_Found垢版2010/03/30(火) 14:54:55ID:???
>>457は>>455へのレスなんだけど、
クリックしたとき出る枠線ってのはoutline:noneで消せたはず、と思って。

>>456は>>455ではないよな？
CSSだけだされても誰もわからんと思うよ。
0462Name_Not_Found垢版2010/07/27(火) 23:19:22ID:???
スタイルシート使いたいと思ったけどさっぱりわからんわ、難しいなあ。
HP作成ソフト使っても思うようにいかへん。
0465Name_Not_Found垢版2011/04/30(土) 23:16:52.66ID:???
.entrytext {
font-size: 100%;
margin: 0;
padding: 50;
width: 100%;
}

.entrytext img {
margin: 0px;
padding: 0px;
border: 2px black solid;
}

写真は900pxで貼り付けてあるんですが、その下に流し込んでるテキストのみ
例えば幅600pxとかっていう指定はできないでしょうか？
0467Name_Not_Found垢版2012/01/09(月) 10:57:34.27ID:???
divタグのdivの由来ってdivision の省略したものでしょうか？
0468Name_Not_Found垢版2012/06/04(月) 09:20:27.65ID:???
>>467
<div>
それであってる。どっかの本にもdivisionとかいてあった
</div>
0471Name_Not_Found垢版2012/08/10(金) 23:23:21.71ID:WDR6FW17
MouseOverはhoverでできるけど、MouseLeaveって指定できないの？
具体的にはposition: relative; でずらしたテキストをマウスが離れるときにゆっくり元の位置に戻したい。
0472Name_Not_Found垢版2012/08/27(月) 22:59:43.37ID:???
下のようにして、ロゴの下に、ナビを５つ並べたいのですが、
widthでサイズ指定してるのに関わらず、logoの画像が少し右に飛び出してしまい、
また、naviの画像が４つまでしか横並びにならず、最後の一つが二列目にまわってしまいます・・・
どこがいけないのか教えていただけないでしょうか。お願いします。
html
<div id="header">
<div class="logo">
<a href="index.html"><img src="img/logo.jpg" width="800" height="67"></a>
<!-- end .logo --></div>
<div class="navi">
<ul>
<li><a href="#"><img src="#" alt="#" width="160" height="32" /></a></li>
<li><a href="#"><img src="#" alt="#" width="160" height="32" /></a></li>
<li><a href="#"><img src="#" alt="#" width="160" height="32" /></a></li>
<li><a href="#"><img src="#" alt="#" width="160" height="32" /></a></li>
<li><a href="#"><img src="#" alt="#" width="160" height="32" /></a></li>
</ul>
<!--navi end--></div>
<!-- end .header --></div>
0473Name_Not_Found垢版2012/08/27(月) 23:00:41.72ID:???

css
#page #wrapper #header {
width: 800px;
float: left;
height: 100%;
}
#page #wrapper #header .navi {
width: 800px;
float: left;
height: 100%;
}
#page #wrapper #header .navi ul li {
float: left;
width: 160px;
height: 100%;
}
0474472垢版2012/08/27(月) 23:53:43.69ID:???
すみません解決しました。
0475Name_Not_Found垢版2012/09/15(土) 21:14:43.49ID:???
創価死ね
創価死ね
創価死ね
創価死ね
創価死ね　
創価死ね
創価死ね
創価死ね
創価死ね
創価死ね
創価死ね
創価死ね
創価死ね
創価死ね
創価死ね
創価死ね
創価死ね
創価死ね
創価死ね
創価死ね
0476Name_Not_Found垢版2012/09/18(火) 16:14:16.38ID:???
keyframes を途中で停めた状態から transition に移行することは可能でしょうか？
具体的には

#content {
animation: move 10s linear 5;
transition: transform 5s linear;
}


@keyframes move {
from { transform: translateX(0); }
to { transform: translateX(100px); }
}

#content.move {
transform: translateX(300px);
}

#content は keyframes move で 100px へ移動中
javascript で任意のタイミングで animation プロパティを削除、move クラスセレクタを #content に設定

希望する動きはそれまでの keyframes で移動した位置から transition の目標値まで移動してくれることなんですが、
animation プロパティを削除すると #contents は to または from の位置に飛んでしまいます。
任意のタイミングで keyframes の移動位置を取得する方法はありませんでしょうか？
0477Name_Not_Found垢版2012/10/17(水) 21:57:00.46ID:YdN4x0Qd
印刷時に重要な部分以外の諸々のパーツを全て非表示にするために、header内にmedia="print"として
印刷用のＣＳＳ（print.css）を用意しました。しかし、これを使って印刷すると、IEでもchromeでも全く同じように謎の余白ができてしまいます。

試しに通常のスタイルシート（usual.css）の代わりにprint.cssを印刷時以外にも適用するようにしてみたところ
この謎の余白は出てきませんでした。印刷して出てきません。

全く同じスタイルシートが適用されているはずなのに、media="print"を介して適用された時だけ謎の余白ができます。
ずいぶんはまってしまっているので、この原因がわかる方がいればご教授お願いします。m(_ _)m
0478Name_Not_Found垢版2012/10/23(火) 15:08:17.43ID:813/Owme
macのsafariで見た画面を見れるようなサイトってありますか？
input[type=search]要素のレンダリングがmac/safariでは独特ということで
CSSのレイアウトも無視されるとききました。
mac/safari独自のレンダリングを回避して自前のCSSを適用する方法は公開されていますが
その方法で対処の上、ちゃんと思う画面になっているか確認したいところです。
iPhoneのsafariでは効いてるようだったんですが、不安なので。
0479Name_Not_Found垢版2013/01/25(金) 01:35:46.10ID:???
<div id="renban1">〜〜〜</div>
<div id="renban2">〜〜〜</div>
<div id="renban3">〜〜〜</div>
…

みたいなHTMLソースにて、CSSでこの連番IDのフォントサイズを小さくしたいんですが

div#renban%d {
　font-size: 12px;
}

↑これは通用しませんが、イメージとしてこんなことがしたいです。
div全体のフォントサイズを変えると、変えたくないとこまで変わっちゃいます。
こんな風に連番のついたIDの、連番を無視して全てに適用させるやり方ってないですか？

もしくは、これら連番のついたIDを一括で"renban"にしちゃうことって可能ですか？
このidは自動生成されてて数が多いので1つ1つ変えるのは面倒です。
id="renban"ってなってくれるなら一応解決はするので。。
0481Name_Not_Found垢版2013/02/08(金) 17:09:24.98ID:???
左に設置したメニューバーを画面のスクロールに合わせてついてくるように設定をしようと思い、
position:fixedを試してみたのですが、メニューバーの上にヘッダーがあるため、
ヘッダーの高さの分だけ空白のまま、画面についていく感じになってしまいます。
メニューバーのてっぺんが画面一番上に来た以降、それに合わせてスクロールされるという風にしたいのですが、
どうすればよいのでしょうか？
よろしくお願いします。
0482Name_Not_Found垢版2013/03/22(金) 21:57:33.47ID:???
iOS上でcss3のアニメーション処理をする際、
width/height値をGPUアクセラレータで動かす方法って無いですか？
scaleだと座標情報保持しちゃって複数要素の同時変化に事足りないので、
何か手段があれば嬉しいのですけど
0483Name_Not_Found垢版2013/03/24(日) 04:20:50.96ID:???
ライブドアブログを始めてんですが、CSSのどの部分を弄れば行間を変えれますか？
0484Name_Not_Found垢版2013/04/04(木) 06:26:00.13ID:???
web制作初心者です。質問させてください。

wordpressでサイト作っていてまだCSSをちゃんと習得できてないので、
値とか少し変えた後すぐにブラウザで読み込んでいちいち確認しています。

大量に書いた後に確認してデザインが想定していたものでなかった場合、
どこが間違いか確認するのが凄い時間がかかってしまうからです。

このやりかたは非効率ですかね？　間違ってますか？
0485Name_Not_Found垢版2013/08/23(金) NY:AN:NY.ANID:???
中央にtableタブで表を(幅は可変)。その右にYahoo!の週間天気予報widget( http://n-de.jp/bp_wn.html )を配置。

こんなレイアウトをブラウザの横幅を変えても維持されるようにスタイルシートで作成したいと思っています。
どういう方法を使うのが一般的でしょうか？

tableタブの幅が可変だとややこしいようであれば固定幅にすることも可能です。
0487Name_Not_Found垢版2013/09/07(土) 10:46:27.01ID:???
<div class="btn-group">
<a class="btn btn-primary dropdown-toggle" data-toggle="dropdown" href="#">Action<span class="caret"></span>
</a><ul class="dropdown-menu">
<li><a href="#">アクション</a></li>
<li><a href="#">別アクション</a></li>
</ul></div>

html + bootstrapの勉強してるんだけど、何でボタンクリックしてもリスト出てこないんですか？
chromeのF12機能を使って、コピペしたんですが...
すいませんがスレチだったら、誘導しください
0488栗金時垢版2015/04/03(金) 19:22:06.56ID:Zbucnp9B
はじめまして！
HTML、CSSを始めたばかりの者ですが、CSSでどうしても解決法が解らず
相談できる友人も居ないのでこちらに来たのですが、ここで質問をすれば良いのでしょうか？
0489栗金時垢版2015/04/03(金) 19:24:38.32ID:Zbucnp9B
いきなりミスった！
最後の更新が2013年じゃねーかｗ
0490Name_Not_Found垢版2016/01/21(木) 06:27:27.86ID:???
marginは0にしてpaddingでスペース調整するのが主流？
0491Name_Not_Found垢版2016/03/19(土) 13:45:07.37ID:???
<section><ul><li><span>あ</span><input><span>い</span></li>
　　　　<li><span>う</span><input><span>え</span></li></ul></section>

↑この構造で、

li:befer{
content:"before";
}
li:after{
content:"after";
}
li span{
display:block;
float:left;
}
li input{
display:block;
float:left;
}
ってやると

あ input い before after
う input え before after

と表示されます。beforeが先頭に来るのが正しいと思うのですが。
0492Name_Not_Found垢版2016/04/06(水) 15:53:39.53ID:TifERKqy
マージンやボーダーのサイズをセットするとき
pxやemがエブリー必要だけど
単位をオミッションしたときはpxとテイクようなデファインを
どこかでセッティングするテクニックはイグジストしますか？
0493Name_Not_Found垢版2016/04/07(木) 11:21:28.66ID:WbB/AW14
float ってどういう意味ですか？
なぜ「浮かせる」という表現を使っているのですか？
0494Name_Not_Found垢版2016/04/09(土) 04:31:08.18ID:???
下になるべきコンテンツを
上に浮かせるからだろ

数年前までは、floatさえマスターすればどんなサイトでも自由に作れた。
0495Name_Not_Found垢版2016/06/24(金) 04:40:47.23ID:yTR6dTfN
E:nth-child
E:nth-last-child
E:nth-of-type
E:first-child
E:last-child
E:first-of-type
E:last-of-type
E:only-child
E:only-of-type

これらの疑似クラスの説明をみても違いがいまいちわかりません
誰かサザエさんで例えてもらえませんか？
0496Name_Not_Found垢版2016/06/24(金) 20:47:29.29ID:???
nth-child は、3なら、
1,4,7,10
2,5,8,11
3,6,9,12

つまり、数字で割った余り。
4なら、4で割った余り
0497Name_Not_Found垢版2016/07/17(日) 15:01:37.62ID:???
input type=radio なとき、labelで囲ったテキスト部分も
disabledなときに灰色にしたいんだけど
このテキスト文字列ってどうやってセレクトしたらいいんですかね
0498Name_Not_Found垢版2016/07/30(土) 11:52:23.94ID:???
CSS3で、多次元のオブジェクトや配列のセレクタ指定はどうやるのでしょうか？例えば

$('.hoge').attr({'aaa':100, 'bbb':{ b0:0, b1:1, b2:2}, 'ccc':[3, 4, 5] });

で、[aaa="100"]は指定できますが、b1や'4'の部分のみをセレクタ指定したいのです。
[ccc="3,4,5"]では、値が2,4,5"や"3,5,5"など動的に変わるので外れてしまいます。

'ccc': ['c3', 'c4', 'c5']とし、[ccc*="c4"]としてもいいのですが
もう少しシンプルにできる方法はないでしょうか。
0500Name_Not_Found垢版2016/08/18(木) 12:54:56.60ID:???
クラスの定義を動的に変更することは出来ますか？
0502Name_Not_Found垢版2016/08/18(木) 14:07:14.38ID:???
>>501
YesかNoかを聞いているんだよ
わかんねーなら書くなボケ
0503Name_Not_Found垢版2016/08/18(木) 14:58:15.18ID:???
>>500
個々の class 属性の値であれば js で動的に変更できるが
全般的な class 属性の定義（ふるまい）は変更できないであろう
0504502垢版2016/08/18(木) 15:01:35.01ID:???
>>503
ありがとうございます
出来ないのですね・・・ 別のアプローチを検討してみます
0506Name_Not_Found垢版2016/08/20(土) 23:49:54.72ID:???
スレ違いかどうかはわからんだろ
実際できなさそうな質問してできる回答があったこともあった
0508Name_Not_Found垢版2016/08/22(月) 14:51:45.15ID:???
薄っぺらな人生を歩んで来た奴ならではの浅はかな思い込みだな
0509Name_Not_Found垢版2016/09/17(土) 07:55:42.43ID:FCCwsDLv
ここのスレタイって10年前は面白かったの？
0510Name_Not_Found垢版2016/12/12(月) 17:36:28.07ID:???
CSSで、同じスタイルを上書きするとき
どれがどういう順に強いのか ミーにティーチして

たとえば
td { background-color: white }
.hoge { background-color: red }
td.piyo { background-color: yellow }

とあって、td に hoge と piyo のクラスを両方割り当てたとき
なぜ hoge が負けるのか、 仕様なのか、環境依存なのか
アンダスタンできない
0511Name_Not_Found垢版2016/12/12(月) 19:44:43.18ID:???
>>510
セレクタ 「詳細度」
でググるといいと思う

環境依存ではない
0512Name_Not_Found垢版2016/12/13(火) 16:40:13.29ID:???
>>511
ありがとう
firefoxとIEとで色の付き方に差異があったので
環境依存かと思ってた
ちょっとググってみる
0513Name_Not_Found垢版2017/01/19(木) 15:11:27.71ID:oqTRZJiS
CSSが書き込めない　この書き方でいいの？

　HTML側

<html>
<head>
<link rel="stylesheet"type="text/css"href="example.css">

</head>
<body>


<h1>どうも</h1>
</body>
</html>


　　CSS側

　@charset "Shift_JIS";

h1 { color: red; }
　
　　h1のどうもが赤くなりません。
0514Name_Not_Found垢版2017/01/19(木) 18:05:13.25ID:???
"stylesheet" と type="text/css” と href="example.css" の間にスペースがない

@charset は本物の @規則ではないので使わない方が良い
何も考えず HTML も CSS ファイルも文字コードは utf-8 に統一するのがベスト
0515513垢版2017/01/19(木) 22:52:16.19ID:oqTRZJiS
スペース開けても何回やっても書けない
0516Name_Not_Found垢版2017/01/20(金) 03:02:26.39ID:???
「html サンプル」で検索！

知らないけど、こういうサイトを使えば？

HTMLサンプル集 - HTMLチュートリアル
http://www.html-cool.com/samples/

文字コードは、utf-8 だけを使う。
ファイルの保存も、utf-8でする

文字列の部分以外では、全角・日本語を使ってはいけない
0517513垢版2017/01/20(金) 20:22:20.16ID:D1yRtxsz
>>516
書けました！！
丁寧に教えてくれてありがとう！！
0518Name_Not_Found垢版2017/01/21(土) 14:54:02.97ID:9LskEQvx
下のサイトをコピペしたのですが、この部分: url(XXXX.jpg) no-repeat; の書き方が
わかりません。　それで名前を付けて画像を保存とするとchome(1)として表示されますが
これでいいのでしょうか？
その箇所だけ、直してもらえますか？
このURLのhttp://yachin29.hatenablog.com/entry/2015/05/07/004722の

http://www.kalexiko.com/背景動画としたいU動画です。
0519Name_Not_Found垢版2017/01/21(土) 20:52:40.79ID:???
「css url 相対パス」で検索すれば？
0521Name_Not_Found垢版2018/02/01(木) 00:14:41.22ID:???
LESS の質問をここでしてもよいでしょうか。

VisualStudio 2015 C# MVC でソフトを書いています。
この中で画面上の部品のクラス定義を整理したくて LESS を NuGet で dotless を追加して使用できるようにしました。
それはうまく出来たのでよいのですが。

調べると LESS にはクラス定義に引数を使用できるとあります。
たとえば以下のように使用できると捉えました。

.hoge(@width: 1px) {
border: @width;
}

ただ上のようにすると画面を開いたときに画面上部に CSS へのコンパイルを失敗したらしい意味の不明な文字列を表示します。
VS あるいは dotless では書き方に違いがあるのでしょうか。それとも自分が何かを間違えているのでしょうか。
0522Name_Not_Found垢版2018/05/01(火) 18:48:00.88ID:l1wYHpV1
誰でもできる在宅ワーク儲かる方法
少しでも多くの方の役に立ちたいです
グーグルで検索するといいかも『金持ちになりたい 鎌野介メソッド』

VD83B
■ このスレッドは過去ログ倉庫に格納されています
ニューススポーツなんでも実況