![](http://oshiete.xgoo.jp/images/v2/pc/qa/question_title.png?8acaa2e)
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ブログの表の空間」の質問画像](http://oshiete.xgoo.jp/_/bucket/oshietegoo/images/media/9/326602_5497c174b625f/M.jpg)
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ランキング
-
画像を横に並べるには?
-
ブログで画像を横に2つ並べる方法
-
FC2ブログの表の空間
-
写真を横に並べる方法?CSSまた...
-
URLが青くならない
-
リンク先のURLを別の文字にする...
-
Excel で下線が消えてしまうの...
-
Google Keepで数字に勝手に下線...
-
アンダースコア(下線)のあるメ...
-
AppleのNumbersというアプリで...
-
パワーポイント:テキストボッ...
-
seesaaでmy blog listを使うには
-
WORD2010 ハイパーリンクの下線...
-
Word 変換したら、その後...
-
ワードの下線について
-
表の高さ指定してもうまく表示...
-
seesaaブログのコンテンツのエ...
-
Wordでレイアウトを変えないで...
-
ホームページにPDFファイルをリ...
-
ホームページ・ビルダーで、文...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
ブログで画像を横に2つ並べる方法
-
GOOブログで画像を二枚並べてお...
-
画像の横に文章を入れたい
-
縦線
-
写真を横に並べる方法?CSSまた...
-
MovableType/画像のパス指定方法
-
楽天ブログ・日記の下に表示の...
-
2つ並べたランキングバナーの...
-
画像を横に並べると隙間ができ...
-
テーブルの横並び
-
画像に解説を入れて並べたいです
-
画像を二つ並べた時に左に余白...
-
【html】画像を横(縦)の長さ...
-
テーブルタグで画像を並べて画...
-
楽天ブログで画像を横並びにし...
-
ブログで画像の右(左)に文章...
-
アフリエイト画像のすぐ横に文...
-
ブログ記事にリンクを貼る方法...
-
FC2ブログへ罫線非表示の表を挿...
-
ブログに貼り付けた画像の上に余白
おすすめ情報