clear: both - применить без разрыва строки.

[bakz]

есть шаблон для парсера, который применяется к выкачанным статьям. выглядит так:

{Photo} <strong>Цена: {Price} </strong><br/>{Description}


  <strong>Фотоальбом</strong></p>


  <div>
  {OtherPhoto}
  </div>
  <!--Шаблон для верхнего фото-->
  [Photo] <a href="{bigPhoto}" target="_blank">
  <img style="float: left; alignleft; border: 1px solid #e4e4e4; margin: 5px 20px 10px 0pt; padding: 3px; display: inline;" title="{Name}"
  src="{smallPhoto}" alt="{Name}" /></a>
  <!--Шаблон для нижних фото-->
  [OthetPhoto] <a href="{bigPhoto}" target="_blank">
  <img style="alignleft; border: 1px solid #e4e4e4; margin: 5px 20px 10px 0pt; padding: 3px; display: inline;" title="{Name}"
  src="{smallPhoto}" alt="{Name}" /></a> 
  [PasteDiv=400]
  <div style="clear: both"></div>
  <!--more-->

Вот это значение

<div style="clear: both"></div>
  <!--more-->

необходимо для того, чтобы на главной в выдаче анонсов появилась надпись "далее". Если знаков меньше чем высота изображения, ломается вёрстка, потому как у фото указано значение float: left; и нижние строки не видят этот объект. чтобы избежать этого, добавляю <div style="clear: both"></div>.

Это решает проблему в выдаче. Но когда переходишь внутрь статьи, в том месте где вставлен <div style="clear: both"></div> появляется разрыв с переносом на следующую строку.

вот тут можно посмотреть разрыв в объявлении

Вопрос:

Как вставить clear: both чтобы не было разрыва строки?

сразу говорю, я не понимаю в вёрстке, изучаю только. прошу помидорами не кидать Поможите кто чем может!

Edited October 7, 2009 by bakz

[Justnewone]

Было бы круто сразу же научиться поиском пользоваться, ну что за обучение, когда этот простой прием не применяется!

[bakz]

видимо не могу пользоваться поиском.... искал, видимо нашёл, но не понял что нашёл.

подскажите по поиску....

буду очень благодарен

[Justnewone]

видимо не могу пользоваться поиском.... искал, видимо нашёл, но не понял что нашёл.

подскажите по поиску....

буду очень благодарен

Например так

[bakz]

Например так

Спасибо большое.

Одно дело найти в гугле, другое верно интерпретировать результаты. Я не смог ... поэтому обратился за помощью. Буду очень признателен если посоветуете что-то.

[Justnewone]

Спасибо большое.

Одно дело найти в гугле, другое верно интерпретировать результаты. Я не смог ... поэтому обратился за помощью. Буду очень признателен если посоветуете что-то.

Советую: находите в гугле, а чтобы научиться интерпритировать - пробуйте.

Представляете как скучно на бородатые вопросы отвечать? Вам ведь наверняка тоже. Ну, в какой-то области, где Вы считаете себя понимающим.

[bakz]

Советую: находите в гугле, а чтобы научиться интерпритировать - пробуйте.

Представляете как скучно на бородатые вопросы отвечать? Вам ведь наверняка тоже. Ну, в какой-то области, где Вы считаете себя понимающим.

приятно что вы уделяете мне внимание. для меня как дизайнера, было очень сложно написать даже то, что я опубликовал. Я искал темы и ответы именно по моему вопросу в гугле. честно старался понять как... но не могу прошу помощи. Ибо всё остальное я постиг именно через поиск и учебники. Но тут затыка. Если это лёгкий и простой вопрос, тем более бородатый, уважте пожалуйста, разъясните, очень обяжете!

потом могу ответить на любые вопросы, даже бородатые, про дизайн.

[Justnewone]

приятно что вы уделяете мне внимание. для меня как дизайнера, было очень сложно написать даже то, что я опубликовал. Я искал темы и ответы именно по моему вопросу в гугле. честно старался понять как... но не могу прошу помощи. Ибо всё остальное я постиг именно через поиск и учебники. Но тут затыка. Если это лёгкий и простой вопрос, тем более бородатый, уважте пожалуйста, разъясните, очень обяжете!

потом могу ответить на любые вопросы, даже бородатые, про дизайн.

Блоку, который надо отклеарить (то есть, который собержит в себе флоат элементы и не принимает высоту самого большого из них), надо сказать в CSS overflow:hidden (отдельно для IE6 - zoom:1). Например. Если указана высота или ширина, то надо будет воспользоваться записью ."селектор блока":after{content:" ";display:block; clear:both; height:0;overfflow:hidden;}

Все это подробнее можно узнать, например, из моей ссылки в гугле, вторая сверху.

Edited October 7, 2009 by Justnewone