様々な実験をしてみましたが上手くいきません。何が原因なのでしょうか?
ちなみにレンタルブログのFC2を利用しています。記事のページにこのタグを貼り付けてアップしてみました。
HTMLをチェックするサイトで確認しましたが非常に悪い評価でした。
どうすれば正常に表示されるのでしょうか?
また、私は2列のメニューを作成したいのですが他にテーブル以外の方法はありますでしょうか?
<table bgcolor="#000000" width="80%" cellpadding="2" cellspacing="1" style="font-size:14px;" summary="top menu" >
<tr>
<td bgcolor="#000000" >
<b style="color: #ffffff;font-size:15px;">■</b>
<b style="color:#ffffff;font-size:16px;">あおうえお</b></td>
<td bgcolor="#000000" >
<b style="color: #ffffff;font-size:15px;">■</b>
<b style="color:#ffffff;font-size:16px;">かきくけこ</b></td>
</tr>
<tr>
<td bgcolor="#000000" >
<b style="color:#ffffff;font-size:5px;">●</b>
<a href="http://××" style="color:#ffffaa;" >さしすせそ</a></td>
<td bgcolor="#000000" >
<b style="color:#ffffff;font-size:5px;">●</b>
<a href="http://××" style="color:#ffffaa;">たちつてと</a></td>
</tr>
<tr>
<td bgcolor="#000000" >
<b style="color:#ffffff;font-size:5px;">●</b>
<a href="http://××" style="color:#ffffaa;">なにぬねの</a></td>
<td bgcolor="#000000" >
<b style="color:#ffffff;font-size:5px;">●</b>
<a href="http://××" style="color:#ffffaa;">はひふへほ</a></td>
</tr>
<tr>
<td bgcolor="#000000" >
<b style="color:#ffffff;font-size:5px;">●</b>
<a href="http://××" style="color:#ffffaa;">まみむめも</a></td>
<td bgcolor="#000000" >
<b style="color:#ffffff;font-size:5px;">●</b>
<a href="http://××" style="color:#ffffaa;">やゆよ</a></td>
</tr>
<tr>
<td bgcolor="#000000" >
<b style="color:#ffffff;font-size:5px;">●</b>
<a href="http://××" style="color:#ffffaa;">わいうえお</a></td>
<td bgcolor="#000000" >
<b style="color:#ffffff;font-size:5px;">●</b>
<a href="http://××" style="color:#ffffaa;">テスト</a></td>
</tr>
<tr>
<td bgcolor="#000000" >
<b style="color:#ffffff;font-size:14px;">■</b>
<b style="color:#ffffff;font-size:15px;">テスト2</b></td>
<td bgcolor="#000000" >
<b style="color:#ffffff;font-size:5px;">●</b>
<a href="http://××" style="color:#ffffaa;">テスト3</a></td>
</tr>
お手数ですがご教授をお願いします。
No.2ベストアンサー
- 回答日時:
どこで区切りたいかわからないっす
下記</tr><tr>の位置を色々変えてね(不要な部分も削除しました)
<table bgcolor="#000000" width="80%" cellpadding="2" cellspacing="1" style="font-size:14px;" summary="top menu" >
<tr>
<td>
<b style="color: #ffffff;font-size:15px;">■</b>
<b style="color:#ffffff;font-size:16px;">あおうえお</b></td>
<td>
<b style="color: #ffffff;font-size:15px;">■</b>
<b style="color:#ffffff;font-size:16px;">かきくけこ</b></td>
<td>
<b style="color:#ffffff;font-size:5px;">●</b>
<a href="http://××" style="color:#ffffaa;" >さしすせそ</a></td>
<td>
<b style="color:#ffffff;font-size:5px;">●</b>
<a href="http://××" style="color:#ffffaa;">たちつてと</a></td>
<td>
<b style="color:#ffffff;font-size:5px;">●</b>
<a href="http://××" style="color:#ffffaa;">なにぬねの</a></td>
<td>
<b style="color:#ffffff;font-size:5px;">●</b>
<a href="http://××" style="color:#ffffaa;">はひふへほ</a></td>
<td>
<b style="color:#ffffff;font-size:5px;">●</b>
<a href="http://××" style="color:#ffffaa;">まみむめも</a></td>
<td>
<b style="color:#ffffff;font-size:5px;">●</b>
<a href="http://××" style="color:#ffffaa;">やゆよ</a></td>
<td>
<b style="color:#ffffff;font-size:5px;">●</b>
<a href="http://××" style="color:#ffffaa;">わいうえお</a></td>
<td>
<b style="color:#ffffff;font-size:5px;">●</b>
<a href="http://××" style="color:#ffffaa;">テスト</a></td>
</tr><tr>
<td>
<b style="color:#ffffff;font-size:14px;">■</b>
<b style="color:#ffffff;font-size:15px;">テスト2</b></td>
<td>
<b style="color:#ffffff;font-size:5px;">●</b>
<a href="http://××" style="color:#ffffaa;">テスト3</a></td>
</tr>
</table>
No.1
- 回答日時:
fcは使っていないので、あくまでも推測にありますが、おそらく、
記事の部分に記述したとのことですので、ブログの自動改行機能
(またはそれに順ずる機能)が有効になっているのではないでしょうか。
出力されたブログのソースは、<table><br><tr><br>のように、改行
タグが挿入されていませんか?
すべての改行とタグの間にある空白を削除し、
<table bgcolor="#000000" width="80%" cellpadding="2" cellspacing="1" style="font-size:14px;" summary="top menu" ><tr><td bgcolor="#000000" ><b style="color: #ffffff;font-size:15px;">■</b><b style="color:#ffffff;font-size:16px;">あおうえお</b></td><td bgcolor="#000000" ><b style="color: #ffffff;font-size:15px;">■</b><b style="color:#ffffff;font-size:16px;">かきくけこ</b></td></tr><tr><td bgcolor="#000000" ><b style="color:#ffffff;font-size:5px;">●</b><a href="http://××" style="color:#ffffaa;" >さしすせそ</a></td><td bgcolor="#000000" ><b style="color:#ffffff;font-size:5px;">●</b><a href="http://××" style="color:#ffffaa;">(以下略)
のようにしてみてください。
また、テーブル以外の2カラムですが、DIVタグとcssのfloatを使えば
可能です。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
関連するカテゴリからQ&Aを探す
おすすめ情報
- ・漫画をレンタルでお得に読める!
- ・人生のプチ美学を教えてください!!
- ・10秒目をつむったら…
- ・あなたの習慣について教えてください!!
- ・牛、豚、鶏、どれか一つ食べられなくなるとしたら?
- ・【大喜利】【投稿~9/18】 おとぎ話『桃太郎』の知られざるエピソード
- ・街中で見かけて「グッときた人」の思い出
- ・「一気に最後まで読んだ」本、教えて下さい!
- ・幼稚園時代「何組」でしたか?
- ・激凹みから立ち直る方法
- ・1つだけ過去を変えられるとしたら?
- ・【あるあるbot連動企画】あるあるbotに投稿したけど採用されなかったあるある募集
- ・【あるあるbot連動企画】フォロワー20万人のアカウントであなたのあるあるを披露してみませんか?
- ・映画のエンドロール観る派?観ない派?
- ・海外旅行から帰ってきたら、まず何を食べる?
- ・誕生日にもらった意外なもの
- ・天使と悪魔選手権
- ・ちょっと先の未来クイズ第2問
- ・【大喜利】【投稿~9/7】 ロボットの住む世界で流行ってる罰ゲームとは?
- ・推しミネラルウォーターはありますか?
- ・都道府県穴埋めゲーム
- ・この人頭いいなと思ったエピソード
- ・準・究極の選択
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
livedoor blogってどうやって検...
-
livedoorブログのコメント欄を...
-
パソコンで作成のブログを携帯...
-
ライブドアブログの拍手設定を...
-
ライブドアブログの更新通知を...
-
iPhoneで撮った写真をjpg形式で...
-
ブログに関しまして。自分の書...
-
独自ドメインを使用したほうが...
-
YouTubeのコメントについてです
-
ライブドアブログがタグ付けで...
-
ライブドアブログを独自ドメイ...
-
ペットと話せる人
-
昨日、gooのブログを「別ウイン...
-
LINEに下記メッセージが届きま...
-
絵日記ブログ稼げますでしょうか?
-
検索ヒットについて!
-
ライブドアブログ でこのように...
-
blogger で次の様なエラーが発...
-
ブログの文章のどこが検索にか...
-
Bloggerを使用している人のブロ...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
ライブドアブログにおいて記事...
-
中央寄せの解除
-
エキサイトブログで挿入画像を...
-
ライブドアブログのサイドバー...
-
アメブロ。日記から本文がはみ...
-
アメブロでブログタイトル上部...
-
tumblrをやっている方、jsやcss...
-
スタイルシートの使い方について
-
HEAD・HTMLの行間改行が上手く...
-
bloggerブログで画像の枠を消す...
-
FC2ブログで引用に背景色をつける
-
MT4のタイトルを一枚画像(バナ...
-
wordpress カスタムフィールド...
-
ブログ記事内に文章を左右2列に...
-
右サイドバーが下に落ちてしまう
-
お世話になっております。fc2で...
-
FC2 HTML編集について
-
FC2ブログ タイトルの文字を...
-
fc2ブログで記事とサイドバーに...
-
2beeブログで行間と文字の間隔...
おすすめ情報