CSS: Урок 20. Обтекание элементов web-страницы в CSS

Вторник, 28 Декабря 2010 г. 20:38 + в цитатник

CSS атрибуты и значения, определяющие обтекание

CSS атрибут float определяет обтекание одних элементов другими.

Пример CSS обтекания с параметром float:left:

  <title>CSS обтекание</title>

            <style type="text/css">

            div.flowers img {float:left; margin:26px; border:1px solid #000000}

            div.flowers a:hover img {margin:26px; border:1px solid #ffffff}

            </style>

            </head>

            <body>

            <div class="flowers">

            <a  href="#"><img src="../images/bee.jpg" alt="" width="160" height="160" 

            border="0"  /></a>

            <a  href="#"><img src="../images/flower4.jpg" alt="" width="160" height="160" border="0"  /></a>

            <a  href="#"><img src="../images/flower5.jpg" alt="" width="160" height="160" border="0"  /></a>

            <a  href="#"><img src="../images/flower.jpg" alt="" width="160" height="160" 

            border="0"  /></a>

            <a  href="#"><img src="../images/flower3.jpg" alt="" width="160" height="160" border="0"   /></a>

            <a  href="#"><img src="../images/bee2.jpg" alt="" width="160" height="160" 

            border="0"  /></a>

            </div>

            <div style="clear:left"> &nbsp; </div>

            </body>