お世話になります。
<table width="740" cellspacing="0">
<tr valign="middle">
<td width="367"></td>
<td></td>
</tr>
<tr valign="middle" bgcolor="FFFFCE">
<td> <a href="A073.htm" target="_parent" class="style132">・ あああ</a></td>
<td> <a href="A017.htm" target="_parent" class="style132">・ いいい</a></td>
</tr>
<tr valign="middle" bgcolor="FFCCFF">
<td> <a href="A069.htm" target="_parent" class="style132">・ ううう</a></td>
<td> <a href="A043.htm" target="_parent" class="style132">・ えええ</a></td>
</tr>
<td></td>
</tr>
<tr valign="middle">
<td></td>
<td></td>
</tr>
</table>
こちらをテーブルタグを使わない形に変更したいと思っています。
どなたかお知恵をお貸しください、よろしくお願いいたします。
No.3
- 回答日時:
こんにちはNo1のものです。
middleは使えませんがテキストを中央に揃えたいという事であっていますか?
で、あれば
.leftbox{
width: 367px;
float: left;
text-align: center;
background: #ffffcf;
}
と追加すれば文字はcenterに背景は指定の色になるかと。
文字じゃない場合は別の方法になりますが。
No.1
- 回答日時:
CSSのfloat を使えばよいかと思います。
簡単に
------ CSS部分
.leftbox{
width: 367px;
float: left;
}
.rightbox{
float: right;
}
.cler{
clear:both;
}
hr{
display: none;
}
---- 以下本文
<div class="leftbox"><a href="A073.htm" target="_parent" class="style132">・ あああ</a></div>
<div class="rightbox"><a href="A017.htm" target="_parent" class="style132">・ いいい</a></div>
<div><hr /></div>
<div class="leftbox"><a href="A069.htm" target="_parent" class="style132">・ ううう</a></div>
<div class="rightbox"><a href="A043.htm" target="_parent" class="style132">・ えええ</a></div>
こんな感じでしょうか
CSSの内容を対応したDivです。
float: left;で次のものが左に回りこむようになります。
float: right;で右へ
最後はclear:both;で次のものが回り込まないように
回り込みを解除する。
こんな感じでどうでしょうか。
この回答への補足
さっそくのご回答ありがとうございます。
はい、だいたい思っているものに近づきましたが、
<tr valign="middle" bgcolor="FFFFCE">
をどうしたらよいのか、いまいちわかっていません。
もしお時間が許すようであれば、再度ご回答いただければ助かります。
どうぞよろしくお願いいたします。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- HTML・CSS テーブルタグのセルの幅の一部だけを指定 1 2023/03/12 12:02
- JavaScript jQueryで同じクラス名のものを別物として扱いたい 1 2022/06/17 14:14
- Visual Basic(VBA) Selenium.ChromeDriverの使い方について 7 2022/09/22 06:43
- JavaScript EasyUIのSubGrid(jquery)におけるObjectに入れた連想配列について 1 2022/05/02 11:21
- HTML・CSS 【CSS】:hasで可能? imgを含むtr要素を選択したい 1 2022/11/17 14:36
- AJAX JavascriptからPHPへのAjax通信でnullが返ってくる 3 2022/08/03 22:00
- HTML・CSS 自身のHPにYouTube動画を貼り付けるのが出来なくなり困ってます 1 2022/11/11 10:44
- Perl PERL 1 2022/04/26 14:15
- PHP htmlで複数の個数入力欄を表示させるには 1 2022/09/20 03:11
- MySQL SQL任意に並び替えをしたい 2 2023/08/28 10:47
関連するカテゴリからQ&Aを探す
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
HTMLでテーブルを縦に並べたい!
-
tableで横スクロールバーが・・
-
スタイルシートで<table>の内側...
-
エクセルでサイズに合ったもの...
-
ホームページビルダー 空白の...
-
htmlでテーブル内にテキストボ...
-
CSSのtransform: translate(-50...
-
エクセルVBAで列幅設定
-
道路幅を調べたいのですが
-
ホームページビルダーでセルの...
-
HTMLフォームのSELECTの幅を一...
-
aタグに直接style=""で:hoverを...
-
<h1>タグの後の行間を詰めたい。
-
PDFへてのテキストボックスにて...
-
CSSでh1とその下の文字との行間...
-
<tbody>は何のためにあるんでし...
-
markdownでテーブルの罫線は、...
-
以下のHTMLをスタイルシートで...
-
Expression Web 3 文字カラーの...
-
Excel で等間隔で縦線を引きた...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
table内で画像と文字をセンター...
-
HTMLでテーブルを縦に並べたい!
-
Excelで可視部分だけをWeb形式...
-
表の中に表
-
テーブルで3セル作った行の下に...
-
<td> 内のテーブルを上寄せにす...
-
プリントアウト時、ページ内容...
-
テーブルとテーブルの間に、隙...
-
CSS line-height が効かない
-
表の中でのフォーム
-
dreamweaverで、テーブルのボー...
-
テーブルにスクロールバーを付...
-
テーブルの中のグラデーション...
-
Jimdoで表組のなかの画像をポッ...
-
スタイルシートで<table>の内側...
-
<緊急>テーブルを使わないで...
-
ページ上部にスペースが空いて...
-
スタイルシートがMACで有効にな...
-
ドリームウェーバー(ウィーバ...
-
Dreamweaverでソースが横一列に...
おすすめ情報