три полета с заоблени ъгли

amarok

Registered
Трябват ми 3 полета с заоблени ъгли по 3 на всеки ред да са

и във тях да мога да си слагам някви текстчета картинки

ето как да изглежда :)

1931.jpg
 
http://web-tourist.net/login/login/view.php?st=1806
http://web-tourist.net/login/login/view.php?st=2452
http://web-tourist.net/login/login/view.php?st=2094
http://web-tourist.net/login/login/view.php?st=2123
 
Демо
Код:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<style>
.lqlq
{
width: 700px;
margin: 0 auto;
}
.block
{
background: #ccc;
width: 200px;
display: block;
padding: 10px;
margin: 10px 10px 0 0;
float: left;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
</style>
</head>
<body>
<div class="lqlq">
<div class="block">
<img src="http://prikachi.com/files/1508294V.png">
</div>
<div class="block">
<img src="http://prikachi.com/files/1508294V.png">
</div>
<div class="block">
<img src="http://prikachi.com/files/1508294V.png">
</div>
</div>
<div class="lqlq">
<div class="block">
<p>text text text text text text text text text text</p>
</div>
<div class="block">
<p>text text text text text text text text text text</p>
</div>
<div class="block">
<p>text text text text text text text text text text</p>
</div>
</div>
<div class="lqlq">
<div class="block">
<img src="http://prikachi.com/files/1508294V.png">
</div>
<div class="block">
<img src="http://prikachi.com/files/1508294V.png">
</div>
<div class="block">
<img src="http://prikachi.com/files/1508294V.png">
</div>
</div>
</body>
</html>

Заоблянето работи само под Мозила и Сафари мисля. Иначе виж този пример за заобляне под всички браузъри.
пъц
или варианта от тази тема с jquery
 

Back
Горе