ホームページ制作

ホームページ制作の方法。WordPressを使用したホームページ制作など。

HTMLについて スタイルシートについて ホームページ制作

画像の隙間ができてしまう件


ホームページを制作するときに、画像を使って角丸や影をつけたりして四角いボックスをデザインする場合が結構ある。
基本ボックスの一番上に上用の画像、背景画像に縦方向リピート画像、一番下に下用画像といった作り方をしている。
その場合、画像に隙間ができてうまくボックスとして表示できない場合がある。
すきまのせいで、画像がとぎれてしまう状態である。
その場合、cssで隙間のある画像に対してvertical-alignにbottomを指定する事で解決する事が結構ある。下記では、sukimaというdiv内の画像にたいして指定したものである。

.sukima img {
	vertical-align:bottom;
	}


-HTMLについて, スタイルシートについて, ホームページ制作
-, , , , , , ,