画像の下に謎の隙間ができるのを防ぐ方法 [ホームページ作成] All About
上記のHTMLは、ブロックレベル要素の中に、画像を1つ入れているだけです。このような記述は頻繁に使われるでしょう。 このとき、文字サイズ(font-size)がとても小さかったり、行の高さ(line-height)が低かったり、表示に使われているフォントの種類によっては、あまり隙間が気にならない場合もあります。しかし、右図のように画像の下に隙間が見える場合もあります。 画像の下に空く謎の隙間がハッキリ見える記述・装飾例 以下のようにHTMLとCSSを記述すると、謎の隙間がハッキリ見えるでしょう。 <p> <img src="sea.jpg" alt="海"> quick doggy jump </p> 上記のHTMLでは、画像の隣に小文字のアルファベットを掲載しています。さらにCSSで、 p { font-size: 200%; line-height: 1.4; font-family:
![画像の下に謎の隙間ができるのを防ぐ方法 [ホームページ作成] All About](https://cdn-ak-scissors.b.st-hatena.com/image/square/07356548dced5830ac122644793311a373810346/height=288;version=1;width=512/https%3A%2F%2Fimgcp.aacdn.jp%2Fimg-a%2F1200%2F900%2Faa%2Fgm%2Farticle%2F2%2F3%2F8%2F8%2F9%2Ftopimg_original.png)
CSSを1行書くだけ！ 楽な方法で枠の角を丸くしたい！
枠の角を丸くする方法として、スタイルシートに1行書き加えるだけで済む方法をご紹介したいと思います。 丸みの半径を自由に指定できるなど、画像とHTMLを駆使するよりも楽に作れます。 今回ご紹介する方法のメリット・デメリットは次の通りです。 メリット スタイルシートに1行加えるだけで済む 丸みの半径サイズの指定が自由自在 デメリット Mozilla系ブラウザ以外だと普通の四角い枠になる というわけで、以下にご紹介する方法は、Netscape NavigatorやFirefoxなどのMozilla系ブラウザでしか実現できません。 しかし、他のブラウザで閲覧されても、枠の角が丸くならないだけで、別段問題になるようなことはないので、 気軽に使っても構わないでしょう。 「できれば角を丸くしたいけど、別に丸くならなくてもいいや。」 というくらいの感じで角を丸くしたい方々には、便利
「○○を検索してください」型の広告は今後さらに盛んに
アウンコンサルティングは、検索エンジンマーケティングに関するフォーラム「SEMフォーラム」を、東京・水道橋の東京歯科大学記念ホールで開催した。開催日は21日と22日の2日間で、21日の午前中には、ヤフーのマーケティング本部長を務める大蘿淳司氏と、オーバーチュアのセールスアソシエイトディレクターを務める杉原剛氏が講演を行なった。 ● ソーシャルネットワークは「コンテンツを楽しむための場」に～ヤフー大蘿氏 ヤフーの大蘿氏は、Yahoo!オークションが国内では圧倒的なシェアを獲得しており、検索においてもユーザー数、ページビュー数、滞在時間などが国内第1位で、伸び率も他を上回っていると説明。2005年10月にYahoo!検索の表示順をカテゴリ検索優先からロボット検索優先に変更して以来、1人あたりの検索回数が大きく伸びており、結果としてページビューもさらに伸張しているとした。 大蘿氏は、ヤフーの次世
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
