下のタグを使うと、ブログに下記画像上部のように表示されているのですが
理想としては画像の下部分のように綺麗に表示したいです。
自分なりに何度かタグを弄っているのですが何度やっても画像上部のように乱れて表示されてしまい
ムキー!っとなってます。
大変申し訳ないのですが、画像の下部分のように表示できるタグを教えてください。
何卒お願いします。
画像内のピンクの部分は実際には<img src="で指定された画像になります。
使ったタグ
<table border="1">
<td><table id="table-03">
<colgroup>
</colgroup><tr>
<td><a href="jpg"><img src="i.jpg" alt="" width="150" height="220" class="aligncenter size-full wp-image-227" /></a></td>
<td><table id="table-03">
<colgroup>
</colgroup>
<tr>
<tr><td>あああ名</td>
<td>いいい</td>
</tr>
<tr>
<td>ううう</td>
<td>えええ</td>
</tr>
<tr>
<td>おおお</td>
<td>かかかかか~</td>
</tr>
</table></td>
</tr>
</table>
</DIV>
</colgroup><tr>
<td><a href="jpg"><img src="i.jpg" alt="" width="150" height="220" class="aligncenter size-full wp-image-227" /></a></td>
<td><table id="table-03">
<colgroup>
</colgroup>
<tr>
<tr><td>あああ名</td>
<td>いいい</td>
</tr>
<tr>
<td>ううう</td>
<td>えええ</td>
</tr>
<tr>
<td>おおお</td>
<td>かかかかか~</td>
</tr>
</table></td>
</tr>
</table>
</DIV>
No.1ベストアンサー
- 回答日時:
タグを「インデント」してみましょう。
すると「タグがちゃんと閉じられてない」のが判ります。
<table border="1"> /*このタグが閉じてない*/
<td> /*このタグが閉じてない*/
<table id="table-03">
<colgroup>
</colgroup>
<tr>
<td><a href="jpg"><img src="i.jpg" alt="" width="150" height="220" class="aligncenter size-full wp-image-227" /></a></td>
<td>
<table id="table-03">
<colgroup>
</colgroup>
<tr> /*このタグが閉じてない*/
<tr>
<td>あああ名</td>
<td>いいい</td>
</tr>
<tr>
<td>ううう</td>
<td>えええ</td>
</tr>
<tr>
<td>おおお</td>
<td>かかかかか~</td>
</tr>
/*ここに</tr>の閉じタグが必要なのでは?*/
</table>
</td>
</tr>
</table>
/*ここに</td>の閉じタグが必要なのでは?*/
/*ここに</table>の閉じタグが必要なのでは?*/
</DIV>/*開始タグがない*/
ちゃんとインデントして、使ったタグがちゃんと閉じてるか確認しましょう。
タグがちゃんと閉じてなければ、ムキーッ!となるのが当たり前です。
なお、ムキーッ!って思ってるのは貴方じゃなく、タグがちゃんと閉じられてない変なページを表示させられている「ブラウザさん」ですよ。
なんかすごく滅茶苦茶な書き方してたみたいでお恥ずかしいです。
そしてブラウザさんごめんなさい(__)
教えていただいたとおりにもう一回書きなおしてみます。ありがとうございました。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- HTML・CSS テーブルタグのセルの幅の一部だけを指定 1 2023/03/12 12:02
- Visual Basic(VBA) Selenium.ChromeDriverの使い方について 7 2022/09/22 06:43
- JavaScript jQueryで同じクラス名のものを別物として扱いたい 1 2022/06/17 14:14
- HTML・CSS 【CSS】:hasで可能? imgを含むtr要素を選択したい 1 2022/11/17 14:36
- JavaScript EasyUIのSubGrid(jquery)におけるObjectに入れた連想配列について 1 2022/05/02 11:21
- HTML・CSS 自身のHPにYouTube動画を貼り付けるのが出来なくなり困ってます 1 2022/11/11 10:44
- AJAX JavascriptからPHPへのAjax通信でnullが返ってくる 3 2022/08/03 22:00
- PHP htmlで複数の個数入力欄を表示させるには 1 2022/09/20 03:11
- MySQL SQL任意に並び替えをしたい 2 2023/08/28 10:47
- Perl PERL 1 2022/04/26 14:15
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
fc2ブログに表を載せたいのです...
-
Excel2007のデータ追跡機...
-
ライブドアブログのサイドバー...
-
goo blogで下書きを保存して、...
-
FC2のテンプレで質問です。
-
ドリームウィーバーでの文字の...
-
Hotmailでテンプレートできます...
-
FC2ブログについて質問があるん...
-
テンプレート方法
-
HEAD・HTMLの行間改行が上手く...
-
Movable typeにてスタイルシー...
-
アメブロの更新通知メールで迷...
-
赤ちゃん誕生 お知らせポスト...
-
FC2ブログのプラグイン追加で、...
-
EXCEL2007のヘッダー・フ...
-
ブログの文字を大きくしたい
-
goo ブログの下書き保存方法
-
ソースの貼り付け方法
-
gooブログの文字サイズ
-
ocnテンプレートをgooで...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
FC2ブログで”記事本文”に毎回定...
-
fc2ブログでのHTML編集について
-
タグで、左等に余白を作りたいです
-
段落タグ<p>について教えてくだ...
-
ヤフーオークションで商品説明...
-
wordpress,simplicity スマホ時...
-
文字に背景色を入れる時、隙間...
-
gooブログ 画像の下に余白が...
-
楽天アフィリエイトについて 現...
-
FC2ブログにバーナーが貼れない
-
楽天の無料HPで、HLMTを使っ...
-
fc2ブログに表を載せたいのです...
-
表の中の文字配置を右寄せにし...
-
HPからのメール送信エラーの...
-
HTMLのh1タグで自動的になされ...
-
ブログ記事にスペースを入れたい
-
テーブルタグ表示が上手くいか...
-
タグ[table]の自動改行について
-
FC2ブログ スペースと改行...
-
ヤフーオークションに画像を
おすすめ情報