電子書籍の厳選無料作品が豊富!

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>

「FC2ブログの表の空間」の質問画像

A 回答 (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ファイルで定義するのです。

この場所だけ出されても他との優先順位との兼ね合いで、そのままコピペできるソースは情報不足でかけません。ぜひ、ご自身で学んでみてください。今は何のことかわからないでしょうが、勉強すればソースは無理とわかると思います。
    • good
    • 0
この回答へのお礼

はい、ここ数日HTMLとCSSにいついて勉強するため
本屋さんをめぐっおりました。

「1日でできる!はじめて作るホームページ for Windows」に
FC2の無料のホームページを使って
ホームページ作る方法が紹介されていました。

ご回答いただいたように
fc2の無料のホームページは許される範囲が大変広いようですね。

今後はこの本や他の本も合わせてHTMLとcssを勉強いたします。

追加のご回答を有難うございました。

お礼日時:2012/09/23 19:18

それのどこが表なのですか?



前回も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/>の間ではないかと自分で勝手に判断し
今回の質問となりました。

今回の質問の画像部分には
アフィリエイトコードを入れたいと思っていました。

>今回の例は一時しのぎです、本番では使われないほうが後々いい・・
了解いたしました。

有難うございます。

補足日時:2012/09/20 12:27
    • good
    • 0

HTMLソース見てみないとなんともいえません・・・。

    • good
    • 0

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!