FC2ブログに表を挿入し
文章と画像を入れましたが
文章の初めに少し空間ができます。
(1)この文章はじめの空間を無くすにはどうすればよいでしょうか?
(2)右セルの画像も上詰めにしたいです。
ちなみに添付画像はワードで作成し
画像ソフトて修整してあります。
(3)添付画像には罫線を表示してありますが
罫線非表示にしたいのです。
この(1)(2)(3)の条件満たす
FC2ブログ用の表HTMLを教えてください。
使用したHTMLは
<table style="border-style:none">
<tr><td style="border-style:none">文章(春はあけぼの・・・</td>
<TD style="vartical-align:top;text-align:right;border-style:none">チュウリップの画像</TD>
</tr></table>

No.3ベストアンサー
- 回答日時:
>ちなみに
>ブログのスタイルシートも許される範囲ならば
>いろいろ変更できるのでしょうか?
fc2は許される範囲が大変広いです。テンプレートのhtmlもcssもほぼ自由に触れます。
一応公式ページを紹介します。
【PC版】テンプレートのカスタマイズ
http://help.fc2.com/blog/manual/Home/pccustomize …
>今回の質問の画像部分には
>アフィリエイトコードを入れたいと思っていました。
うーん、よくわかりません。でも、もしかしたら表かもしれませんね。その場合でも、css定義をテンプレ内でしておけば
<table class="affiliate">
<tr><td>文章(春はあけぼの・・・</td>
<TD>チュウリップの画像</TD>
</tr></table>
とシンプルに出来ると思います。それでいて、お望みのように表示するようにcssファイルで定義するのです。
この場所だけ出されても他との優先順位との兼ね合いで、そのままコピペできるソースは情報不足でかけません。ぜひ、ご自身で学んでみてください。今は何のことかわからないでしょうが、勉強すればソースは無理とわかると思います。
はい、ここ数日HTMLとCSSにいついて勉強するため
本屋さんをめぐっおりました。
「1日でできる!はじめて作るホームページ for Windows」に
FC2の無料のホームページを使って
ホームページ作る方法が紹介されていました。
ご回答いただいたように
fc2の無料のホームページは許される範囲が大変広いようですね。
今後はこの本や他の本も合わせてHTMLとcssを勉強いたします。
追加のご回答を有難うございました。
No.2
- 回答日時:
それのどこが表なのですか?
前回もhtml+cssの基礎をお勧めしましたが、今回もnananana77さんの予期せぬ空きはcssによって生じていると思われます。
そして、表でないのに、レイアウト台紙としてtableを使うことは推奨されません。明確に否定されます。そのチュウリップの画像はデザイン画像・なくてもいいようなものなのか、論文のグラフなどのように必要不可欠な物なのかで、変わってきます。……面倒になってきました。
<div>
<img src="test.jpg" alt="チューリップの写真" style="float:right;width:100px;height:100px;margin:0;padding:0;"/>
<p style="margin:0;padding:0;padding-right:110px;">チューリップのはながさいたよさいたよ。チューリップのはながならんだならんだしろあかきいろ、いろいろ。どのいろのはなもきれいきれい。</p>
</div>
この場合divはimgとpをまとめるという要素。pは段落という要素です。このように文章の構造(html)に対して、スタイルシートで配置など視覚的を指定していきます。横に並べるから、表で、表では罫が邪魔なので消すなどという発想はお止めになったほうがいいかと思います。表でなくても、表より自由にデザインがつけられるのがcssです。html+cssを学ばれることをお勧めします。
なお、今回の例は一時しのぎです、本番では使われないほうが後々いいと思われます。という意地悪なソースであることご承知ください。
この回答への補足
DrFell様
私の少ないHTMLの知識で
ブログのHTMLに少し手を加えると画面が変わってくるので
しだいにブログを変えたくなってきて
こんな愚問となりました。
スタイルシートの勉強も必要だとのDrFell様のご指摘もよくわかりました。
ちなみに
ブログのスタイルシートも許される範囲ならば
いろいろ変更できるのでしょうか?
ブログ記事部分は
<body><body/>の間ではないかと自分で勝手に判断し
今回の質問となりました。
今回の質問の画像部分には
アフィリエイトコードを入れたいと思っていました。
>今回の例は一時しのぎです、本番では使われないほうが後々いい・・
了解いたしました。
有難うございます。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- Visual Basic(VBA) Selenium.ChromeDriverの使い方について 7 2022/09/22 06:43
- JavaScript jQueryで同じクラス名のものを別物として扱いたい 1 2022/06/17 14:14
- HTML・CSS テーブルタグのセルの幅の一部だけを指定 1 2023/03/12 12:02
- HTML・CSS アコーディオンメニューが思うように動作しません。 1 2023/08/20 16:48
- HTML・CSS CSSが効かずどのように指定すれば良いか分からないのでアドバイスお願い致します 2 2023/06/07 12:25
- JavaScript jQueryでのドラッグアンドドロップについて 1 2022/07/30 09:10
- JavaScript htmlとcssで分数を表示後、分数の右側に文書を書きたい 1 2022/04/28 10:09
- HTML・CSS <!DOCTYPE html> <html> <head> <meta charset="utf-8 2 2023/01/05 01:04
- PHP アップロード画像数でCSSを分けることに成功したのですが、画像の横に文字を並べることが出来ません。 3 2023/07/28 17:16
- HTML・CSS HTML & CSS 縦ボックス内の文字の左右センタリング 3 2023/03/25 04:23
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
FC2は信用度は大丈夫ですか?
-
FC2ブログのトップページの記事...
-
ブログ、順位が低くても、順位...
-
Fc.2動画って有料ですか、無料...
-
質問です 個人サイトのゲーム情...
-
fc2ブログで文字の大きさが変わる
-
ブログ記事はブログ記事の作者...
-
ブログでランキング、順位が上...
-
テキスト版からURLも表示できる...
-
いつもお世話になっております...
-
fc2運営を装ったなり済ましメー...
-
一般人の目立たないブログでも...
-
アベマブログでこちらの設定が...
-
FC2の掲示板を利用しています。
-
洗濯タグの画像
-
FC2ブログで文字を小さくしたい...
-
FC2ブログでプロフィールが2つ...
-
「教えてgoo」と、中古車販売の...
-
比較のしようがありませんが、...
-
mbti教えてください
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
ヤフーのブログで静止画をスク...
-
ブログ記事にリンクを貼る方法...
-
ブログに貼り付けた画像の上に余白
-
楽天ブログで画像を横並びにし...
-
ブログの写真に青い縁取り そ...
-
写真を横に並べる方法?CSSまた...
-
画像の横に文章を入れたい
-
gooブログで画像の横に文を入れ...
-
テーブルの横並び
-
ブログで画像を横に2つ並べる方法
-
FC2ブログへ罫線非表示の表を挿...
-
seesaablogでITmediaのような画...
-
2つ並べたランキングバナーの...
-
FC2ブログの表の空間
-
HTMLファイルの画像について
-
ブログにリンク画像を並べて付...
-
WordPress Contact Form 7 にて
-
ブログに画像アップ
-
アメブロcss 好きなところ...
-
画像を横に並べるには?
おすすめ情報
