下のタグを使うと、ブログに下記画像上部のように表示されているのですが
理想としては画像の下部分のように綺麗に表示したいです。
自分なりに何度かタグを弄っているのですが何度やっても画像上部のように乱れて表示されてしまい
ムキー!っとなってます。
大変申し訳ないのですが、画像の下部分のように表示できるタグを教えてください。
何卒お願いします。
画像内のピンクの部分は実際には<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ランキング
-
楽天の無料HPで、HLMTを使っ...
-
fc2ブログに表を載せたいのです...
-
はてなブログ 設定
-
ライブドアブログ親子カテゴリ...
-
gooブログの文字サイズ
-
goo blogで下書きを保存して、...
-
Excelのクールな調査報告書テン...
-
goo ブログの下書き保存方法
-
FC2ブログのタイトル文字の色変...
-
gooブログ の 下書きの保存 方法
-
iPhoneで作れる高級感のあるオ...
-
FC2ブログでコメント投稿者の名...
-
アメブロの更新通知メールで迷...
-
ワードプレス、cocoonでタイト...
-
FC2ブログ アクセス解析
-
FC2ブログでの固定ページについて
-
テンプレートのカスタマイズに...
-
スクロールバーの色を変えるには?
-
ノーコードツールでテンプレー...
-
Seesaaブログ 横幅設定変更に...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
fc2ブログに表を載せたいのです...
-
wordpress,simplicity スマホ時...
-
ブログ記事にスペースを入れたい
-
tableの中のtableの表示と外側...
-
楽天アフィリエイトについて 現...
-
FC2ブログで”記事本文”に毎回定...
-
Seesaaブログで記事内に表を載...
-
タグ[table]の自動改行について
-
文字に背景色を入れる時、隙間...
-
アメブロhtmlのタグの使用
-
表の中の文字配置を右寄せにし...
-
iPhoneで作れる高級感のあるオ...
-
三つ折りのリーフレットを作りたい
-
はてなブログ 設定
-
Becky!ver.2で、返信・転送用テ...
-
FC2ブログでプロフィールが2つ...
-
Powerpointの表のスタイルで好...
-
ワードプレスに詳しい方に質問...
-
FC2ブログ アクセス解析が反映...
-
中央寄せの解除
おすすめ情報