Lev Kuminov
Новичок
- Регистрация
- 15.01.2013
- Сообщения
- 3
Всем доброго времени суток!
Ребята пожалуйста подредактируйте, не могу понять откуда такой BR проблем между таблицей и галереей.
<!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=utf-8" />
<title>Фото X5</title>
<style type="text/css">
body{
margin:0;
padding:50px;
text-align:center;
font-family:Arial, Helvetica, sans-serif;
color:#000601;
background:#000;
}
a img{border:none;}
#gallery1{
width:663px;
height:400px;
overflow:hidden;
position:relative;
z-index:1;
margin:0 auto 100px auto;
}
#tabs1{
list-style:none;
padding:0;
margin:0;
width:130px;
height:400px;
float:left;
}
#tabs1 li{
padding:0;
margin:0;
float:left;
}
#tabs1 li a img{
display:block;
width:120px;
height:90px;
}
#tabs1 li a{
display:block;
border:5px solid #999;
width:120px;
height:90px;
}
#tabs1 li a:hover{border:5px solid #fff;}
#tabs1 li a img.fullPic, #gallery1 div{
position:absolute;
z-index:1;
left:130px;
top:0;
width:500px;
height:400px;
}
#tabs1 li a:hover img.fullPic{z-index:3;}
#gallery1 div{
z-index:2;
background:#242424;
}
</style>
</head>
<body>
<div id="gallery1">
<ul id="tabs1">
<li><a href="#"><img src="ar/x5/1.jpg" alt="" /><img src="ar/x5/1.jpg" class="fullPic" alt="" /></a></li>
<li><a href="#"><img src="ar/x5/2.jpg" alt="" /><img src="ar/x5/2.jpg" class="fullPic" alt="" /></a></li>
<li><a href="#"><img src="ar/x5/3.jpg" alt="" /><img src="ar/x5/3.jpg" class="fullPic" alt="" /></a></li>
<li><a href="#"><img src="ar/x5/4.jpg" alt="" /><img src="ar/x5/4.jpg" class="fullPic" alt="" /></a></li>
</ul>
</div>
</body>
<tr>
<td colspan="2"><h4>Описание автомобиля</h4></td>
</tr>
<tr>
<td>
<table width="100%" border="1" cellpadding="5" cellspacing="0">
<tr>
<td width="70%" class="ln1">Год выпуска</td>
<td class="ln2">2007 </td>
</tr>
<tr>
<td class="ln1">Тип кузова</td>
<td class="ln2">седан </td>
</tr>
<tr>
<td class="ln3">Объем двигателя, см³</td>
<td class="ln4">5000 </td>
</tr>
</table>
</td>
<br>
<td>
<table width="100%" border="1" cellpadding="5" cellspacing="0">
<tr>
<td width="70%" class="ln1">Тип двигателя</td>
<td class="ln2">бензин </td>
</tr>
<tr>
<td class="ln1">Трансмиссия</td>
<td class="ln2">АКПП </td>
</tr>
<tr>
<td class="ln3">Расход топлива город/шоссе, л/100 км</td>
<td class="ln4">15/10 </td>
</tr>
</table>
</td>
</tr>
<tr>
<td colspan="2"><h4>* Цена</h4></td>
</tr>
<tr>
<td colspan="2">
<table width="100%" border="1" cellpadding="5" cellspacing="0">
<tr>
<td height="22" colspan="5"><div align="center" class="blue">Срок Аренды (кол-во суток)</div></td>
</tr>
<tr>
<td width="20%" height="35"><div align="center" class="blue">1</div></td>
<td width="20%"><div align="center" class="blue">2-3</div></td>
<td width="20%"><div align="center" class="blue">4-7</div></td>
<td width="20%"><div align="center" class="blue">8-15</div></td>
<td width="20%"><div align="center" class="blue">16-30</div></td>
</tr>
<tr>
<td align="center">200 у.е.</td>
<td align="center">190 у.е.</td>
<td align="center">185 у.е.</td>
<td align="center">180 у.е.</td>
<td align="center">170 у.е.</td>
</tr>
</table>
</td>
</tr>
</html>
Ребята пожалуйста подредактируйте, не могу понять откуда такой BR проблем между таблицей и галереей.
<!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=utf-8" />
<title>Фото X5</title>
<style type="text/css">
body{
margin:0;
padding:50px;
text-align:center;
font-family:Arial, Helvetica, sans-serif;
color:#000601;
background:#000;
}
a img{border:none;}
#gallery1{
width:663px;
height:400px;
overflow:hidden;
position:relative;
z-index:1;
margin:0 auto 100px auto;
}
#tabs1{
list-style:none;
padding:0;
margin:0;
width:130px;
height:400px;
float:left;
}
#tabs1 li{
padding:0;
margin:0;
float:left;
}
#tabs1 li a img{
display:block;
width:120px;
height:90px;
}
#tabs1 li a{
display:block;
border:5px solid #999;
width:120px;
height:90px;
}
#tabs1 li a:hover{border:5px solid #fff;}
#tabs1 li a img.fullPic, #gallery1 div{
position:absolute;
z-index:1;
left:130px;
top:0;
width:500px;
height:400px;
}
#tabs1 li a:hover img.fullPic{z-index:3;}
#gallery1 div{
z-index:2;
background:#242424;
}
</style>
</head>
<body>
<div id="gallery1">
<ul id="tabs1">
<li><a href="#"><img src="ar/x5/1.jpg" alt="" /><img src="ar/x5/1.jpg" class="fullPic" alt="" /></a></li>
<li><a href="#"><img src="ar/x5/2.jpg" alt="" /><img src="ar/x5/2.jpg" class="fullPic" alt="" /></a></li>
<li><a href="#"><img src="ar/x5/3.jpg" alt="" /><img src="ar/x5/3.jpg" class="fullPic" alt="" /></a></li>
<li><a href="#"><img src="ar/x5/4.jpg" alt="" /><img src="ar/x5/4.jpg" class="fullPic" alt="" /></a></li>
</ul>
</div>
</body>
<tr>
<td colspan="2"><h4>Описание автомобиля</h4></td>
</tr>
<tr>
<td>
<table width="100%" border="1" cellpadding="5" cellspacing="0">
<tr>
<td width="70%" class="ln1">Год выпуска</td>
<td class="ln2">2007 </td>
</tr>
<tr>
<td class="ln1">Тип кузова</td>
<td class="ln2">седан </td>
</tr>
<tr>
<td class="ln3">Объем двигателя, см³</td>
<td class="ln4">5000 </td>
</tr>
</table>
</td>
<br>
<td>
<table width="100%" border="1" cellpadding="5" cellspacing="0">
<tr>
<td width="70%" class="ln1">Тип двигателя</td>
<td class="ln2">бензин </td>
</tr>
<tr>
<td class="ln1">Трансмиссия</td>
<td class="ln2">АКПП </td>
</tr>
<tr>
<td class="ln3">Расход топлива город/шоссе, л/100 км</td>
<td class="ln4">15/10 </td>
</tr>
</table>
</td>
</tr>
<tr>
<td colspan="2"><h4>* Цена</h4></td>
</tr>
<tr>
<td colspan="2">
<table width="100%" border="1" cellpadding="5" cellspacing="0">
<tr>
<td height="22" colspan="5"><div align="center" class="blue">Срок Аренды (кол-во суток)</div></td>
</tr>
<tr>
<td width="20%" height="35"><div align="center" class="blue">1</div></td>
<td width="20%"><div align="center" class="blue">2-3</div></td>
<td width="20%"><div align="center" class="blue">4-7</div></td>
<td width="20%"><div align="center" class="blue">8-15</div></td>
<td width="20%"><div align="center" class="blue">16-30</div></td>
</tr>
<tr>
<td align="center">200 у.е.</td>
<td align="center">190 у.е.</td>
<td align="center">185 у.е.</td>
<td align="center">180 у.е.</td>
<td align="center">170 у.е.</td>
</tr>
</table>
</td>
</tr>
</html>
