Подскажите по верстке

L
На сайте с 17.05.2013
Offline
88
331

Есть такой код:

<ul style="list-style:none; margin:0; padding:0;">

<li>

<div style="padding:0 0 5px 0;"><a href="#">Украина не должна выбирать между ТС и ЕС</a></div>

<Div style="width:360px;">

<div style="float:left; width:110px; text-align:center" class="gal">

<a href="#"><img src="images3/2.jpg" alt="" border="0" width="110"></a>

</div>

<div style="margin-left:120px; width:240px">

<div style="font-size:11px;">Эксперт биржи ставок Betfair Джеймс Истхэм ждет результативный матч в рамках 16-го тура чемпионата Франции между «Ниццей» и «Монако».</div>

</div>

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

</Div>

</li>

<li>

<div style="padding:0 0 5px 0;"><a href="#">Украина не должна выбирать между ТС и ЕС</a></div>

<div style="float:left; width:110px; text-align:center" class="gal">

<a href="#"><img src="images3/2.jpg" alt="" border="0" width="110"></a>

</div>

<div style="margin-left:120px; width:240px">

<div style="font-size:11px;">Эксперт биржи ставок Betfair Джеймс Истхэм ждет результативный матч в рамках 16-го тура чемпионата Франции между «Ниццей» и «Монако».</div>

</div>

</li>

</ul>

Подскажите почему уезжает вниз вторая запись?

jpg 123.jpg
Jor
На сайте с 23.06.2012
Offline
42
Jor
#1

Разъезжается не из-за этого кода, ищите проблему в CSS файлах, воспользуйтесь firebug'ом.

L
На сайте с 17.05.2013
Offline
88
#2

А что это может быть? Где искать в смысле, в каких классах?

---------- Добавлено 03.12.2013 в 23:29 ----------

Переписал без списков - та же фигня, от первого ко второму куча места:


<Div style="width:360px;">
<div style="float:left; width:110px; text-align:center" class="gal">
<a href="#"><img src="images3/2.jpg" alt="" border="0" width="110"></a>
</div>
<div style="margin-left:120px; width:240px">
<div style="font-size:11px;">Эксперт биржи ставок Betfair Джеймс Истхэм ждет результативный матч в рамках 16-го тура чемпионата Франции между «Ниццей» и «Монако».</div>
</div>
<div style="clear:left;"></div>
</Div>
<div style="padding:0 0 5px 0;"><a href="#" style=""><b>Украина не должна выбирать между ТС и ЕС</b></a></div>
<Div style="width:360px;">
<div style="float:left; width:110px; text-align:center" class="gal">
<a href="#"><img src="images3/2.jpg" alt="" border="0" width="110"></a>
</div>
<div style="margin-left:120px; width:240px">
<div style="font-size:11px;">Эксперт биржи ставок Betfair Джеймс Истхэм ждет результативный матч в рамках 16-го тура чемпионата Франции между «Ниццей» и «Монако».</div>
</div>
<div style="clear:left;"></div>
</Div>
L
На сайте с 17.05.2013
Offline
88
#3

Убрал <div style="clear:left;"></div>

разрыв пропал, но теперь налазит одно на другое.

Как задать вменяемый интервал между дивами?

jpg 123.jpg
M
На сайте с 04.10.2013
Offline
14
#4
luckydan:
Убрал <div style="clear:left;"></div>
разрыв пропал, но теперь налазит одно на другое.
Как задать вменяемый интервал между дивами?

Во-первых: overflow: hidden;

далее, например для каждого блока margin-top:30px;

Jor
На сайте с 23.06.2012
Offline
42
Jor
#5

Так попробуйте:


<div style="width:360px;">
<h3 style="font-size:14px;"><a href="#">Украина не должна выбирать между ТС и ЕС</a></h3>
<p>
<a href="#" style="float:left;"><img src="http://placehold.it/110x70.jpg" width="110" alt=" "></a>
<span style="display:block;margin-left:120px;font-size:11px;">Эксперт биржи ставок Betfair Джеймс Истхэм ждет результативный матч в рамках 16-го тура чемпионата Франции между «Ниццей» и «Монако». Эксперт биржи ставок Betfair Джеймс Истхэм ждет результативный матч в рамках 16-го тура чемпионата Франции между «Ниццей» и «Монако».</span>
</p>
</div>
<div style="clear:left;"></div>

Результат:

M
На сайте с 04.10.2013
Offline
14
#6
Jor:
Так попробуйте:


<div style="width:360px;">
<h3 style="font-size:14px;"><a href="#">Украина не должна выбирать между ТС и ЕС</a></h3>
<p>
<a href="#" style="float:left;"><img src="http://placehold.it/110x70.jpg" width="110" alt=" "></a>
<span style="display:block;margin-left:120px;font-size:11px;">Эксперт биржи ставок Betfair Джеймс Истхэм ждет результативный матч в рамках 16-го тура чемпионата Франции между «Ниццей» и «Монако». Эксперт биржи ставок Betfair Джеймс Истхэм ждет результативный матч в рамках 16-го тура чемпионата Франции между «Ниццей» и «Монако».</span>
</p>
</div>
<div style="clear:left;"></div>


Результат:

Так ТС просил без <div style="clear:left;"></div>

bahuzz
На сайте с 04.05.2008
Offline
99
#7

Вы лучше выкладывайте где-то и давайте ссылку. Потому что нет никакого желания ковырять этот код. И в то же время как вам сказали фаербагом это находится за 10сек

Профессиональная верстка. Натяг на Wordpress. (/ru/forum/426575) - Портфолио (https://www.weblancer.net/users/bahuzz/portfolio/) icq - 4З4-l86-985 skype - bahuzz-skype

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий