月別アーカイブ: 2011年3月

写真に枠をつける

写真に枠をつけた方が見栄えが良くなると思って、いろいろ調べて作った。
結果採用したものをメモ。

css

.photo {
    background: White;
    padding: 6px;
    border-width: 3px;
    border-style: solid;
    border-color: Silver Gray Gray Silver;
    float: left;
    margin-left: 10px;
}

html

<div class="photo"><img src="hogehoge" /></div>

で表示がこんな感じ。

hrタグを使ってdivへの回り込みをなくす方法

HTMLとCSSを編集していて、divの中にtableを入れたときに、次のhタグがtableの上に回り込んでしまった。
それを防ぐのに苦労したのでメモ。
この図のようにしたかった。

<div id=”a”>の中にはtableがある。
ところがこの図のように、<div id=”a”>に重なって次のhタグが重なってしまう。

そこでclearというクラスを作りclearには回り込みを解除するように、clearに属するhrは何も表示しないようにcssを記述した。

.clear { clear:both; }  
.clear hr { display:none; }

またhtmlにはhrを記述した。

<h2></h2>
<div id="a">
    <table>
    </table>
</div>
<div id="b">
</div>
<div class="clear"><hr /></div>  ←この行を追加
<h2></h2>

こんなイメージ。

これでレイアウトが崩れてたのが直った。

Mac OSのhostsファイルの場所

最近MacBookProを購入した。
hostsファイルの場所がWindowsとは違ったのでメモ。
場所は

/private/etc/hosts

にあった。

$ sudo vi /private/etc/hosts

などで編集できた。