#container{
background:#e6e6e6;
width:1000px;
min-height:9670px;
margin: 0 auto;
}
Верстка HTML: Отступы от изображения
http://www.mix-mart.ru/services.html
Код:
<div id="lightBox">
<li><a class="pict-nature2" rel="prettyPhoto[mixed]" href="images/putevoditel1.png"title="Путеводитель"><img src="images/putevoditel.png" width=700 height=497/></a></li>
</div>
Код css:
#content2{
width:742px;
height:220px;
float:right;
display:inline;
font:12px Verdana, Arial, Sans-Serif, Helvetica;
font-weight:normal;
font-size:12px;
line-height:21px;
text-indent:21px;
padding:0 24px 0 20px;
margin:12px 0px 0px 0px;
}
#lightBox {
list-style-type:none;
text-align:left;
text-indent:0;
}
#lightBox li {
float:left;
margin:8px 0px 45px 0px;
}
#lightBox img {
border:0;
}
<li><a class="pict-nature2" rel="prettyPhoto[mixed]" href="images/putevoditel1.png"title="Путеводитель"><img src="images/putevoditel.png" width=700 height=497/></a></li>
</div>
Код css:
#content2{
width:742px;
height:220px;
float:right;
display:inline;
font:12px Verdana, Arial, Sans-Serif, Helvetica;
font-weight:normal;
font-size:12px;
line-height:21px;
text-indent:21px;
padding:0 24px 0 20px;
margin:12px 0px 0px 0px;
}
#lightBox {
list-style-type:none;
text-align:left;
text-indent:0;
}
#lightBox li {
float:left;
margin:8px 0px 45px 0px;
}
#lightBox img {
border:0;
}
Не знаю, что у тебя там за паразитные отступы слева от изображений, но снизу страницы у тебя охренеть какой отступище! Думаю, стоит прежде всего об его отсутствии позаботиться.
Код:
Пользуйтесь хромом и его функцией "проверить элемент" из контекстного меню, там можно на лету менять стили объектов и добиваться "так как мне нужно". В других браузерах аналогичный функционал имеется.
Цитата: Kuzya
Пользуйтесь хромом и его функцией "проверить элемент" из контекстного меню, там можно на лету менять стили объектов и добиваться "так как мне нужно". В других браузерах аналогичный функционал имеется.
Самый глупый совет.
Менять стили можно практически во всех брайзерах. Причем тут хром?