今までテーブルを利用してホームページに簡単な線を
つけていました。これをスタイルシートで行うと
微妙にうまくできません・・・お助けください。
すべてIEで検査しております。
html従来の私の線の引き方
<table width="600" border="0" cellspacing="0" cellpadding="0">
<tr>
<td bgcolor="#000000">
<img src="sps.gif" width="600" height="1">
</td>
</tr>
</table>
上記の表現をスタイルシートを利用してやりたいのですが
線が1pxのはずが、大きくなってしまいます。
cssを利用した記述
css部分
.index_table{
width: 600px;
border:0px;
border-width: 0px;
margin: 0px;
padding: 0px;
}
html部分
<table class="index_table">
<tr>
<td bgcolor="#000000">
<img src="ims/sps.gif" width="600" height="1">
</td>
</tr>
</table>
これに似たいい方法は、ないでしょうか?
質問が、うまくまとまってなくてすみません・・・
No.2ベストアンサー
- 回答日時:
<td bgcolor="#000000">
<img src="ims/sps.gif" width="600" height="1">
</td>
上の部分は画像で線を表示しているということですよね?
画像は使わずに、上の「td」に適用するクラスを作成してborder-topプロパティで枠線を上部だけに表示させればいいのでは?
CSS例:
td.クラス名 {
border-top: solid 1px #fff; /* ←枠線色は任意に変更して下さい */
background-color: #000;
}
HTML例:
<td class="クラス名">
</td>
ご回答ありがとうございます。
なるほど、TDのクラス設定をしテーブルクラスの
ほかにTDクラスを作りsolidで線を付けるやり方
ですね^^
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
html でのテキスト結合について
-
tableタグとformタグの組み合わせ
-
Tableタグ内のspan styleが適応...
-
テーブルの一部分のセルだけに...
-
formのinputなどの幅100%指定
-
ブラウザによってテーブルのセ...
-
cssで、テーブルのtdの中の文字...
-
テーブルの枠線に色が付かない
-
HTMLのテーブルでそれぞれの大...
-
<TD div id="new">←こういうの...
-
table タグで3列の表を作ると...
-
td要素内のdiv要素をセンタリン...
-
CSSで任意の位置から縦罫線、横...
-
XHTMLに関する質問 順序が逆に...
-
4カラムのテーブルに絶対幅と相...
-
TDタグ内での均等割付の仕方
-
ホームページでローカルでは表...
-
テーブルタグの中にdivを含めて...
-
テーブルの行を折りたたみたい...
-
TRタグの余白をcssで設定するには
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
tableタグとformタグの組み合わせ
-
html でのテキスト結合について
-
テーブルの一部分のセルだけに...
-
同じクラス名はつけないほうが...
-
XHTMLに関する質問 順序が逆に...
-
Tableタグ内のspan styleが適応...
-
Tableタグで作成した表の縮小
-
divで囲んだ文字が消える
-
formのinputなどの幅100%指定
-
td要素内のdiv要素をセンタリン...
-
cssで、テーブルのtdの中の文字...
-
表とリスト(ulとtable)の違い...
-
Dreamweaver デザインビューの...
-
<img>タグにCSSのclass設定可能?
-
trとtrの間
-
Firefoxを使ってるのですがズー...
-
ブラウザによってテーブルのセ...
-
td width="180" と固定してるの...
-
vbscriptで時計を作りたい
-
テーブル内のテーブルの高さを...
おすすめ情報