• ベストアンサー

FC2ブログでCSS、HTMLについて

いつもお世話になっております。 今回、ブログで思い通りにデザインできなくてご教授いただこうと思い投稿致しました。 エントリー内の画像「英語」と文字列「テスト」の縦位置がどうしてもずれてしまいます。 縦位置を合わせ綺麗に見せたいのですが、どのように書き換えればうまくいきますでしょうか?

質問者が選んだベストアンサー

  • ベストアンサー
回答No.2

多分現在は画像タグが次のようになっていると思います。 <img src="xxxxxx.gif" alt="" border="0" />テスト これに下記の通りスタイルを追記してみてください。 <img src="xxxxxx.gif" style="vertical-align:middle;" alt="" border="0" />テスト これで文字が画像の真横に来るはずです。 vertical-align プロパティについての詳細は下記ページをご覧ください ( ^^ ◇ TAG index / 画像に並ぶ文字の位置(縦方向)を指定する http://www.tagindex.com/stylesheet/img/vertical_align.html

chocolat0
質問者

お礼

ご教授ありがとうございます。 少し手こずりましたが何とか納得できる形にできました。

その他の回答 (1)

  • jein
  • ベストアンサー率49% (2799/5705)
回答No.1

vertical-alignの値をbaselineあるいはbottomにすれば良いのではないでしょうか。 これが垂直方向の位置を決めている部分ですから。 文字にあわせるならtext-bottomでもいいですね。

chocolat0
質問者

お礼

ご教授ありがとうございます。 少し手こずりましたが何とか納得できる形にできました。

関連するQ&A

  • fc2ブログ初心者です

    いつもお世話になっております。fc2でブログを書いています。 自分のブログ内でプラグインのフリーエリアを利用して、何枚かの画像やブログパーツを縦に貼りたいのですが、画像やパーツどおしの縦のスペースの空きが全くなく困っています(画像やパーツ同士がくっつき過ぎて困っています)。  プラグインの改造でHTML編集で画像やパーツを貼り付けることには成功しています。ただ、画像やパーツどおしの縦の間隔を空けたいのです。画像やパーツのタグの間にスペースキーで文字間のスペースを取っただけではダメでした。  例えば、1行スペースを空けたい時のタグとか、何文字空けたい時のタグとかが存在するのでしょうか?  一応、検索してみたのですが、見つけられませんでした。 スペースを空けたい時の方法を教えてください。  

  • FC2 ブログについて

    初心者です。何点か質問があります。 1.携帯から画像添付して投稿すると画像が小さいのですが、 もっと大きく出す為には画像サイズを変えたらいいのでしょうか? それとブログの環境設定の何か変えたらいいのでしょうか? 2.ブログタイトルの文字の色を変えれますか?背景に混ざって見づらくなってます。 よろしくお願い致します。

  • ブログのCSSについて

    はてなブログで大見出しのデザインを変えたくて .entry-content h3 { padding: 4px 10px; color: #111; background-color: #f0f0f0; border-left: 8px solid #2d70a4; } これをコピペしてCSSに貼り付けました。 しかし…文字が黒になって、もう少し小さくなるはずなんですがどこを直したらいいんでしょうか? このサイトをお手本にしてます。 https://dearbrother.hatenablog.com/entry/blog-midashi

    • 締切済み
    • CSS
  • HTML、CSSについて

    アメーバブログをやっています。 CSSの使用の仕方を覚えたくて、 いろいろやり方を調べてるんですけど、 教えてgooで検索すると、 「まずHTMLタグから覚えるとよいでしょう。」 と、回答者さんがよく答えています。 CSS=ブログのデザインなどを細かいところまで自己流に改造する。 だと思うんですけど、 HTML=????? HTML、HTMLタグとはなんなんですか?? そして、読みかたは?? 「エイチティーエムエル」ですか? HTMLとは何をするもので、 どういうものですか?? HTMLの例か、 HTMLの仕方(?) が詳しく載っているサイトを教えてください。 あと、CSSは 変えたいところ 英語でヘッダーと書いてあるところのあとに、 画像のURLを入力するだけでいいんですか?? 詳しく教えて下さい。 お願いします

  • FC2ブログカスタマイズについて

    初心者です。FC2ブログを開設し、ビルダー10にてテンプレートをカスタマイズ(デザインとか文字色とか)したいのですが、「ID・パスワード(合っています)またはエンドポンイトが正しくありません」というエラーが出てサーバーからデザインを読み込めません。これって単純に記事投稿しかできないのでしょうか?HTML・CSSが苦手なので、できればビルダーにてカスタマイズしたいのです。ビルダー10でのFC2のブログ全体のカスタマイズの手順などがあれば教えて下さい。よろしくお願いします。

  • (FC2ブログにて)ブログの下のリンク(ロゴ)が

    (FC2ブログにて)ブログの下のリンク(ロゴ)が あるのですが、記事の真ん中に、 ページ最終辺りで表示される筈の FC2ブログ、などの文字が表示されてしまいます。 このリンク(文字)を記事より下の、一番最終尾のほうに表示させたいです; (元々は最終尾に表示される筈なので元の位置に直したいです。) 多分、必要なCSSを消してしまったのだと思います; TOPページから見た時は、記事が少ないので 一番最終尾に表示されているのですが、 記事次ページ「OLD ENTRY」ボタンで次ページに進むと記事が長くて、真ん中辺りに表示されてしまうのです; TOPで見た時と位置が変わっていない気がするので、 文字が固定されている・・・気がします。 誰かご存知の方が居ましたら助けて頂ければ嬉しいですT T 画像をお付けしたのですが小さすぎて見えないかもしれません;

  • ブログの投稿

    ある人のブログに投稿したいのですが、何回やってもurlが不正になってしまうんですがなんでかわかりますか?             あと、投稿するときにうつ画像内の文字列ってなんてうてばいいんですか?本文の文字数や、行数をうってもだめっだったんです。わかる人がいれば回答をよろしくお願いします。 

  • こんなスタイルのブログ、ご存知ありませんか?

    自サイトにブログを設置しようと思い立ち、あちこち見て回ったのですが、思い通りのものがなくて困っています(´・ω・`) ・メニューのカスタマイズが可能 ・色の指定が可能(あるいはデザインが豊富) ・リンク機能に画像添付ができる(エキサイトブログのライフログのようなもの) ・縦3列表示 これらのものを満たすものを探しています…。 私が見たもののうち、唯一、エキサイトブログが当てはまったのですが、知識が足りず、思うようにカスタマイズできないのです;; 現在のところ、有料版は視野に入れていませんが、いいものがあれば検討したいと思っています。 アドバイスお願いします~;;

  • FC2ブログのメール投稿時の絵文字について

    FC2ブログのメール投稿時の絵文字について FC2ブログのメール投稿機能(モブログ)を使用して、au携帯から、au絵文字を使った記事をあげました。 送った記事をパソコンで確認したら、添付画像のように文字に対して絵文字の余白や段差がひどいです。 確認の為、パソコンからの記事投稿では文字のラインに合った絵文字が投稿出来ました。 携帯から投稿した絵文字はブログのテンプレのCSSが効いてないようなのです。 絵文字部分のCSSは以下の通り。 img.emoji{ vertical-align: middle; border: 0px; margin: 0px 0px 2px 0px; } 携帯のメール投稿で使用した絵文字に、このCSSを効かせる事は出来ないんでしょうか? 何か違う別の記述をしないとダメでしょうか? せっかくメール投稿で気軽に絵文字が使えるのに、こんな変な空間があいては使いづらいです。 どなたかご存知の方おられませんか? ご教授下さい。

  • ブログに載せる画像をcssで工夫したい

    ブログに載せる画像にamapropの画像のような影と文字をつけたいのですが、html、cssの知識が全くなく、どのようにしたらよいのかわかりません。 amazonのアフェリエイトリンク作成ツールに「amaprop」(http://amaprop.net/)というのがあって、商品画像をかっこよく紹介することができるのですが、このツールで用いられているような加工をブログに載せている画像に施したいのです。 参照画像のように、画像の上に薄ら黒い影をつけて、その上に白い文字を載せたいのですが、どうしたらよいでしょうか? cssでクラス名なりID名なりを作って指定をして、ブログの記事に載せる当該画像にそれを反映させればよいのかな?と思っているのですが、自分にはどのようにすべきかわからないので質問させていただきました。 画像は横200px縦50pxのもので、画像全体をうっすら黒くして、そのうえに白文字(フォントのサイズは11で文章もcssで一括指定)をつけたいです。 アドバイスよろしくお願いいたします。