CSS初心者スレッド＝7th＝
952 ：Name_Not_Found：2010/05/02(日) 17:20:30 ID:???
最小単位の切り出しくらいしろよ
953 ：Name_Not_Found：2010/05/02(日) 17:27:08 ID:???
div id="emotion-img"
のaタグの後ろに全角ブランクが入ってるのが影響してそうな気がしないでもないかもしれない
のaタグの後ろに全角ブランクが入ってるのが影響してそうな気がしないでもないかもしれない
954 ：Name_Not_Found：2010/05/02(日) 18:06:58 ID:???
955 ：Name_Not_Found：2010/05/03(月) 01:23:22 ID:???
http://imepita.jp/20100503/043510
図の上のようにしたいのですが、IE8ではきちんとできるものの
IE6では下のようになってしまい、きちんと空白を開けることが出来ません。
原因はIE6のバグでwidthがpaddingを含んで計算されているせいだとは分かるのですが
どのようにCSSを修正すればIE8と同じように表示させられるのかが分かりません。
HTMLをいじらず、CSSの修正のみでIE8と同じようにIE6でも上下に10px、左右に20pxの余白を
表示させられる方法をどなたかお教え頂けますでしょうか。
HTMLは下記のように作成しています。
<div id="calendar">
<table border="0" cellspacing="0" cellpadding="0">
<caption class="calendarhead">2010年05月</caption>
<tr><th class="calendarday">日</th>
<th class="calendarday">月</th>
<th class="calendarday">火</th>
<th class="calendarday">水</th>
<th class="calendarday">木</th>
<th class="calendarday">金</th>
<th class="calendarday">土</th></tr>
<tr><td align="center" class="calendarday"></td>
<td align="center" class="calendarday"></td>
<td align="center" class="calendarday"></td>
<td align="center" class="calendarday"></td>
<td align="center" class="calendarday"></td>
<td align="center" class="calendarday"></td>
<td align="center" class="calendarday">1</td></tr>…（中略）…</table></div>
図の上のようにしたいのですが、IE8ではきちんとできるものの
IE6では下のようになってしまい、きちんと空白を開けることが出来ません。
原因はIE6のバグでwidthがpaddingを含んで計算されているせいだとは分かるのですが
どのようにCSSを修正すればIE8と同じように表示させられるのかが分かりません。
HTMLをいじらず、CSSの修正のみでIE8と同じようにIE6でも上下に10px、左右に20pxの余白を
表示させられる方法をどなたかお教え頂けますでしょうか。
HTMLは下記のように作成しています。
<div id="calendar">
<table border="0" cellspacing="0" cellpadding="0">
<caption class="calendarhead">2010年05月</caption>
<tr><th class="calendarday">日</th>
<th class="calendarday">月</th>
<th class="calendarday">火</th>
<th class="calendarday">水</th>
<th class="calendarday">木</th>
<th class="calendarday">金</th>
<th class="calendarday">土</th></tr>
<tr><td align="center" class="calendarday"></td>
<td align="center" class="calendarday"></td>
<td align="center" class="calendarday"></td>
<td align="center" class="calendarday"></td>
<td align="center" class="calendarday"></td>
<td align="center" class="calendarday"></td>
<td align="center" class="calendarday">1</td></tr>…（中略）…</table></div>
CSSは以下のように作成しています。
#calendar table {
padding: 10px 20px 10px 20px;
width: 190px;
color: #333333;
font-size: 90%;
line-height:1.3;
border-style: none solid solid solid;
border-width: 1px;
border-color: #FFA4A4;}
caption.calendarhead {
margin: 0px;
text-align:center;
padding: 5px 0px 0px 0px;
color: #ffffff;
font-size: 95%;
background-image:url(cal_head.gif);
background-color:#FFA4A40;}
th.calendarday {
color: #333333;
font-weight: bold;
font-size: 90%;}
.calendarday {
padding: 1px 1px 1px 0px;
color: #333333;
font-size: 90%;}
#calendar table {
padding: 10px 20px 10px 20px;
width: 190px;
color: #333333;
font-size: 90%;
line-height:1.3;
border-style: none solid solid solid;
border-width: 1px;
border-color: #FFA4A4;}
caption.calendarhead {
margin: 0px;
text-align:center;
padding: 5px 0px 0px 0px;
color: #ffffff;
font-size: 95%;
background-image:url(cal_head.gif);
background-color:#FFA4A40;}
th.calendarday {
color: #333333;
font-weight: bold;
font-size: 90%;}
.calendarday {
padding: 1px 1px 1px 0px;
color: #333333;
font-size: 90%;}
957 ：Name_Not_Found：2010/05/03(月) 01:50:43 ID:???
つ 標準モード
958 ：Name_Not_Found：2010/05/03(月) 04:15:36 ID:???
FC2ホームページ解析を使いたいのですが公式で「bodyの上に入れる」とあったのでbody直下のh1との間に
入れたのですがこれをdivタグを使って表示だけをaddressより下で表示するにはどうすればよいのでしょうか？
むしろ非表示にできますか？
【html側】
<body>
<div id="contents">
<div id"access">
<!-- [FC2 Analyzer] http://analysis.fc2.com/ -->
<script language="javascript" src="http://analyzer5.fc2.com/ana/processor.php?uid=xxxxxx" type="text/javascript"></script>
<noscript><div align="right"><img src="http://analyzer5.fc2.com/ana/icon.php?uid=xxxxxx&ref=&href=&wid=0&hei=0&col=0" /></div></noscript>
<div style="width:180px;display:inline;"><ol style="text-align:left;list-style-type:none;margin:3px;font-size:10pt;display:inline;"></ol></div>
<!-- [FC2 Analyzer] -->
</div>
<h1><a href="home.html">ほーむぺーじタイトル</a></h1>
入れたのですがこれをdivタグを使って表示だけをaddressより下で表示するにはどうすればよいのでしょうか？
むしろ非表示にできますか？
【html側】
<body>
<div id="contents">
<div id"access">
<!-- [FC2 Analyzer] http://analysis.fc2.com/ -->
<script language="javascript" src="http://analyzer5.fc2.com/ana/processor.php?uid=xxxxxx" type="text/javascript"></script>
<noscript><div align="right"><img src="http://analyzer5.fc2.com/ana/icon.php?uid=xxxxxx&ref=&href=&wid=0&hei=0&col=0" /></div></noscript>
<div style="width:180px;display:inline;"><ol style="text-align:left;list-style-type:none;margin:3px;font-size:10pt;display:inline;"></ol></div>
<!-- [FC2 Analyzer] -->
</div>
<h1><a href="home.html">ほーむぺーじタイトル</a></h1>
959 ：Name_Not_Found：2010/05/03(月) 09:36:52 ID:???
＞addressより下で表示するにはどうすればよいのでしょうか？
addressってのはどこの部分だ？
基本的には、表示したい部分に貼ればおｋ
bodyの直下じゃなくても大丈夫。読み込まれる順番が変わるだけだから問題はない。
非表示にするのはおそらく規約違反だからやめとけ。
addressってのはどこの部分だ？
基本的には、表示したい部分に貼ればおｋ
bodyの直下じゃなくても大丈夫。読み込まれる順番が変わるだけだから問題はない。
非表示にするのはおそらく規約違反だからやめとけ。
960 ：Name_Not_Found：2010/05/03(月) 10:01:01 ID:???
広告って文法ミスだらけだよな～
961 ：Name_Not_Found：2010/05/03(月) 11:03:17 ID:???
962 ：Name_Not_Found：2010/05/03(月) 11:18:57 ID:???
963 ：Name_Not_Found：2010/05/03(月) 11:24:15 ID:???
>>961
>>959はaddressが上記構文の何処に当たるのかを知りたいんだと思うんだが。
基本的にfc2のアクセス解析（アイコンタイプ）は上部に表示されるのが当たり前。
どうしてもってんなら、div内をいじってそのaddressとやらの部分から相対位置でやればいいんじゃないか。
やったこと無いから出来るかどうかはわからんけど。
どうしても何処かの下にアクセス解析用のタグをつけたいのなら≪ソーシャル解析タイプ≫を使えば問題無いけどさ。
タグ入れ部分の話をしているのなら、
自分はjavascript仕込んでるページ以外は最下部にタグ入れして正常に動いてる。
>>959はaddressが上記構文の何処に当たるのかを知りたいんだと思うんだが。
基本的にfc2のアクセス解析（アイコンタイプ）は上部に表示されるのが当たり前。
どうしてもってんなら、div内をいじってそのaddressとやらの部分から相対位置でやればいいんじゃないか。
やったこと無いから出来るかどうかはわからんけど。
どうしても何処かの下にアクセス解析用のタグをつけたいのなら≪ソーシャル解析タイプ≫を使えば問題無いけどさ。
タグ入れ部分の話をしているのなら、
自分はjavascript仕込んでるページ以外は最下部にタグ入れして正常に動いてる。
964 ：Name_Not_Found：2010/05/03(月) 11:27:18 ID:2hsPDH9Z
965 ：Name_Not_Found：2010/05/03(月) 11:58:11 ID:2hsPDH9Z
試しにとdivで指定して絶対の下0ピクセルでできますた、これでいいのかな？
966 ：Name_Not_Found：2010/05/04(火) 01:20:25 ID:???
いいよ （･∀･ ）
967 ：Name_Not_Found：2010/05/05(水) 15:23:31 ID:???
すいません、質問なのですが
下記サイトのようなテキストフォントは
CSSで何を指定しているのでしょうか？たまに見かけるのですが。
普通のゴシックと違いますよね。
ttp://www.hakubi.net/course/
下記サイトのようなテキストフォントは
CSSで何を指定しているのでしょうか？たまに見かけるのですが。
普通のゴシックと違いますよね。
ttp://www.hakubi.net/course/
968 ：Name_Not_Found：2010/05/05(水) 16:00:29 ID:???
>>967
こっちでは普通のメイリオになってますが
ソース見ろよ
font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
こっちでは普通のメイリオになってますが
ソース見ろよ
font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
969 ：Name_Not_Found：2010/05/06(木) 02:56:05 ID:???
ヒラギノ入れてると醜くなるんだよな、その指定だと
970 ：Name_Not_Found：2010/05/06(木) 09:18:43 ID:???
ヒラギノはSafariのレンダリングじゃないとまともに見れない
971 ：Name_Not_Found：2010/05/06(木) 10:00:36 ID:???
Winの話ね…
972 ：Name_Not_Found：2010/05/06(木) 15:41:11 ID:jAynGY46
サイドメニューのボックス(box0)の上(top)に、各ページへのメニュー(box1)を表示して、
下(bottom)に、プライバシーポリシーなど(box2)へのリンクを表示したいと
思っています。
高さが可変の場合、box1とbox2の間に空白を開けて、常にbox2の下辺が
box0の下辺と同じ位置にくるようにいるには、どうすれば良いのでしょうか？
よろしくお願いします。
下(bottom)に、プライバシーポリシーなど(box2)へのリンクを表示したいと
思っています。
高さが可変の場合、box1とbox2の間に空白を開けて、常にbox2の下辺が
box0の下辺と同じ位置にくるようにいるには、どうすれば良いのでしょうか？
よろしくお願いします。
973 ：Name_Not_Found：2010/05/06(木) 18:01:47 ID:???
position:absolute;
974 ：Web就活中の元新聞記者：2010/05/06(木) 20:39:53 ID:hInWW8ft
>>709
●外観
タイトルとサマリーの文字寸ステップアップ比や行間を要再考
●読ませ方
たとえば政党比較なら表形式で全く同条件に
政治的主張があってもデータと主張は区別
恣意性のないデータの列挙で主張に持ち込めたら及第点
●ヘッドライン
「○○の件」ではなく「○○は××」の形が必要
●著作権
自サイトの一部として他サイトへのリンクはWebでも違反
本文もすべて引用元の出典が必要
マス板の領域になるが
保守思想だからといって保守媒体で採用されない
情報を収集整理して活用する能力が問われる
意見・調査結果・引用を区別できず書くのは
ネチズンとしても記者としても致命的
この板的には
H1～H4などといったルールが
文章を書くうえでも良い先生になると思います
●外観
タイトルとサマリーの文字寸ステップアップ比や行間を要再考
●読ませ方
たとえば政党比較なら表形式で全く同条件に
政治的主張があってもデータと主張は区別
恣意性のないデータの列挙で主張に持ち込めたら及第点
●ヘッドライン
「○○の件」ではなく「○○は××」の形が必要
●著作権
自サイトの一部として他サイトへのリンクはWebでも違反
本文もすべて引用元の出典が必要
マス板の領域になるが
保守思想だからといって保守媒体で採用されない
情報を収集整理して活用する能力が問われる
意見・調査結果・引用を区別できず書くのは
ネチズンとしても記者としても致命的
この板的には
H1～H4などといったルールが
文章を書くうえでも良い先生になると思います
975 ：Name_Not_Found：2010/05/06(木) 21:34:09 ID:???
976 ：Name_Not_Found：2010/05/08(土) 18:21:34 ID:???
h1タグと中にinputタグを含んだformタグを横に並べたいのですが、いい方法はありますか？
977 ：Name_Not_Found：2010/05/08(土) 19:39:38 ID:???
まずどう書いてどう駄目なのかを示しましょう
手取り足取り教えてもらおうと思わず自分でやってみること推奨
手取り足取り教えてもらおうと思わず自分でやってみること推奨
978 ：Name_Not_Found：2010/05/08(土) 19:43:11 ID:4Os/K8wS
h1タグの改行を解除するにはdisplay:inlineを使うといいと聞いたので、h1に適用させて
<h1>hogehoge</h1>
<form ....>
....
</form>
とやってみましたが、改行されてしまうようです＞＜
<h1>hogehoge</h1>
<form ....>
....
</form>
とやってみましたが、改行されてしまうようです＞＜
979 ：Name_Not_Found：2010/05/08(土) 20:06:17 ID:???
formもブロック要素なのでh1をinlineにするだけでは駄目です
inlineで横並びにするよりもfloatを使ったほうがこの場合良いと思いますよ
inlineで横並びにするよりもfloatを使ったほうがこの場合良いと思いますよ
980 ：Name_Not_Found：2010/05/08(土) 20:18:23 ID:???
中に、と書いてあるのは気のせいなんだろうか
formは基本的に中にブロック要素を必要とするから
＜form＞＜h1＞ほげ＜input /＞＜/h1＞＜/form＞
formは基本的に中にブロック要素を必要とするから
＜form＞＜h1＞ほげ＜input /＞＜/h1＞＜/form＞
981 ：Name_Not_Found：2010/05/08(土) 20:27:41 ID:???
「h1タグ」と「中にinputタグを含んだformタグ」を
982 ：Name_Not_Found：2010/05/08(土) 20:29:26 ID:UrvLIk6o
まあ、、、日本語が苦手でもcssには関係ないので
983 ：Name_Not_Found：2010/05/08(土) 20:32:50 ID:???
英語は出来るってことかえ
984 ：Name_Not_Found：2010/05/08(土) 21:17:34 ID:???
ごめん酔っぱらいの戯言だった
985 ：Name_Not_Found：2010/05/09(日) 00:42:29 ID:???
リストを外枠の要素に対して左寄せで表示したいと思っています。
<ul>タグを使用しリスト表示を行っているのですがどうもブラウザによって要素内の
文字列を外側のブロックに対して左寄せにする為のCSSの指定が異なっている様なのですが
どのブラウザでもこれらを実現する事の出来る共通のCSSはありますか？
現在は、スタイルシートに次の①②を同時に記述する事により実現していますが、
そもそもこの様な指定に問題があるのでは無いかと不安です。
① padding-left:0px; → FireFox 3.5.9 でＯＫ
② margin-left:0px; → Lunascape 6.0.3 でＯＫ
<table>
<tr>
<td>
<ul>
<li>
あいうえお
</li>
</ul>
</td>
</tr>
</table>
<ul>タグを使用しリスト表示を行っているのですがどうもブラウザによって要素内の
文字列を外側のブロックに対して左寄せにする為のCSSの指定が異なっている様なのですが
どのブラウザでもこれらを実現する事の出来る共通のCSSはありますか？
現在は、スタイルシートに次の①②を同時に記述する事により実現していますが、
そもそもこの様な指定に問題があるのでは無いかと不安です。
① padding-left:0px; → FireFox 3.5.9 でＯＫ
② margin-left:0px; → Lunascape 6.0.3 でＯＫ
<table>
<tr>
<td>
<ul>
<li>
あいうえお
</li>
</ul>
</td>
</tr>
</table>
986 ：Name_Not_Found：2010/05/09(日) 07:29:00 ID:???
987 ：Name_Not_Found：2010/05/09(日) 10:04:55 ID:???
>>986
サンクス
サンクス
988 ：Name_Not_Found：2010/05/09(日) 10:16:00 ID:???
フッターの簡単なサイトマップみたいな部分に
liをfloat:left;で横並びにして表示してるんですが
このリスト全体を中央寄せにできません
フッダーのdivとその中のulをtext-align:center;にしてるんですが
左寄せにしたから打ち消しになってるんでしょうか？
解決法のご教示お願いします
liをfloat:left;で横並びにして表示してるんですが
このリスト全体を中央寄せにできません
フッダーのdivとその中のulをtext-align:center;にしてるんですが
左寄せにしたから打ち消しになってるんでしょうか？
解決法のご教示お願いします
989 ：Name_Not_Found：2010/05/09(日) 11:36:02 ID:???
>>988
IEをアップグレードしたからとか？
IEをアップグレードしたからとか？
990 ：Name_Not_Found：2010/05/09(日) 12:25:26 ID:???
991 ：Name_Not_Found：2010/05/09(日) 14:26:57 ID:???
992 ：Name_Not_Found：2010/05/09(日) 15:41:24 ID:???
993 ：Name_Not_Found：2010/05/09(日) 15:50:13 ID:???
994 ：Name_Not_Found：2010/05/09(日) 15:53:22 ID:???
995 ：Name_Not_Found：2010/05/09(日) 16:15:44 ID:???
>>994
CSSの書き方がわからないのに
DOCTYPE宣言の問題について教えてもらっても何の役にも立たないと思いました。
質問の仕方が悪かったんですかね。
結局ググったらあっさり自己解決しました。
みなさんどうもありがとうございました。
CSSの書き方がわからないのに
DOCTYPE宣言の問題について教えてもらっても何の役にも立たないと思いました。
質問の仕方が悪かったんですかね。
結局ググったらあっさり自己解決しました。
みなさんどうもありがとうございました。
996 ：Name_Not_Found：2010/05/09(日) 16:23:53 ID:???
リンク辿ったところに普通にあったがナー
997 ：Name_Not_Found：2010/05/09(日) 16:27:18 ID:???
それならリンク先を辿ったところのURLを貼ってやればいいだろｗ
998 ：Name_Not_Found：2010/05/09(日) 16:29:16 ID:???
答えてもらってわからなかったからといって教え方が悪いと逆ギレｗ
999 ：Name_Not_Found：2010/05/09(日) 16:34:56 ID:???
最近そういう奴多いな
1000 ：Name_Not_Found：2010/05/09(日) 16:35:36 ID:???
1000ならCSS3対応ブラウザが席巻する
1001 ：１００１：
このスレッドは１０００を超えました。
もう書けないので、新しいスレッドを立ててくださいです。。。
もう書けないので、新しいスレッドを立ててくださいです。。。