Код вашей страницы

<html>
<head>
<style type="text/css">
.thumbnail
{
float:left;
width:110px;
height:90px;
margin:5px;
}
</style>
</head>

<body>
<h3>Галерея изображения</h3>
<p>Попробуйте изменить размер окна браузера, чтобы посмотреть, как будут вести себя картинки, когда им не хватит ширины.</p>
<img src="../../style/image/chrome_big.gif" width="50" height="50" class="thumbnail">
<img src="../../style/image/firefox_big.jpg" width="50" height="50" class="thumbnail">
<img src="../../style/image/ie_big.jpg" width="50" height="50" class="thumbnail">
<img src="../../style/image/mozilla_big.jpg" width="48" height="50" class="thumbnail">
<img src="../../style/image/netscape_big.gif" width="50" height="50" class="thumbnail">
<img src="../../style/image/opera_big.jpg" width="50" height="50" class="thumbnail">
</body>
</html>

 

Результат в окне браузера

Галерея изображения

Попробуйте изменить размер окна браузера, чтобы посмотреть, как будут вести себя картинки, когда им не хватит ширины.

К примерам CSS >> В раздел CSS >> На главную >>


HTML-верстка: инструменты и приемы профессиональной front-end разработки