見たまま編集画面ではできているのにブログに反映されないのは、制作者さんなどから制限されているのでしょうか?はてなブログでテーマストアのテンプレートを利用しています。


画像と文字を下ぞろえにしたいので、<table>を使って valign="bottom" と入れていますが、ブログで見ると中央ぞろえで左右に並んでいます。
<table>を使わずに、ただ、画像と文字を横に並べても、画像と文字が中央ぞろいで並びます。

CSSも挑戦したのですが、ネット中検索しても基礎知識もぜんぜんないのでよく分かりません…。無理なら無理でいいのですけど、できたら、ご指導おねがいします。

こんな感じですが、問題あるでしょうか?
<tbody>
<tr style="border-style: none;" valign="bottom">
<td style="border-style: none;"><img src="http://cdn-ak.f.st-hatena.com/images/fotolife/k/karlalou002/20160807/20160807213058.jpg" alt="f:id:karlalou002:20160807213058j:image" /></td>
<td style="border-style: none;" valign="bottom">
<p>(1803)</p>
</td>

回答の条件
  • 1人5回まで
  • 13歳以上
  • 登録:2016/08/15 10:41:41
  • 終了:2016/08/15 12:26:02

ベストアンサー

id:a-kuma3 No.1

a-kuma3回答回数4367ベストアンサー獲得回数18032016/08/15 11:53:13

投稿した後に下ぞろえが効いていないのは、使っているテーマで baseline にそろえる指定がされているからです。
見たまま編集画面では、テーマの設定が効いていないので下ぞろえになっています。

下ぞろえにできるなら、table じゃなくても良いですよね。
img と、それに続ける文字を span で囲って、両方に style="vertical-align: bottom;" を指定してください。

<img style="vertical-align: bottom;" src="..." />  src とかは、元のままで
<span style="vertical-align: bottom;">(1803)</span>

id:karlalou002

できました!
というのは優れものなんですね!
ありがとうございます。^^

2016/08/15 12:25:35

コメントはまだありません

この質問への反応(ブックマークコメント)

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

絞り込み :
はてなココの「ともだち」を表示します。
回答リクエストを送信したユーザーはいません