15 ноября 2012 в 1:50
Добрый день. Сверстал шаблон для ноды, отрисовал ее стилями. Подключил Colorbox для вывода изображений, но они выводятся у меня почему то в столбик. Если ставлю инлайн, то сьезжает верстка блока.
кусок node--my_type_content.tpl.php:
<?php
<!--Изображения-->
<?php if($content['field_image']): ?>
<div class="field img">
<?php print render($content['field_image']); ?>
</div>
<?php endif; ?>
</div>
?>Если пишу вот так:
CSS (кусок style.css):
.field-name-field-image .field-item {
display: inline;
}
display: inline;
}
то изображения встают слитно но все равно в столбик(рис.1), а если вот так:
CSS (кусок style.css):
.field-name-field-image .field-item {
display: inline;
float:left;
}
display: inline;
float:left;
}
то изображения становятся как надо но верстка едет(рис2).
Может я что то начудил в шаблоне страницы, или чего то не наблюдаю в Css...
Комментарии
Естественно оно в линейку выстраивается вы же написали float:left;
А как надо нарисуйте.
И ссылку дайте вы же оперовским Драгонфлаем пользуетесь, понимаете зачем. Вообще Firebug удобнее.
Ну я вообще то встроеным хромовским аналогом файрбага пользуюсь, немного удобнее. Хотя пользуюсь и мозиловским. Но дело не в том. Мне как раз и надо чтобы они выстраивались в линию. Но мне абсолютно не надо чтобы сьезжала верстка. Там на втором рисунке видно что блок сьехал вверх, и картинки остались вне его.
Не забывайте в таких ситуациях очищать поток.
http://seodiz.ru/clear-float
http://www.xiper.net/collect/html-and-css-tricks/css-tricks/clearfix.html
Использую вот этот пример, немного подпилив для своего случая:
.field-items:before,
.field-items:after {
content: "";
display: table;
}
.field-items:after {
clear: both;
}
/* для IE6-7 */
.field-items{
zoom: 1;
}
все классно только теперь другая интересная фича вылезла. почему то блок охватил поля сверху.
решилось все как всегда внимательным изучением кода. и сном в 4 часа.
display: block;
float: left;
margin-left: 10px;
margin-bottom: 10px;
}
очистка потока тут не причем... Всем спасибо за ответы, много почерпнул для себя нового и полезного.
Все круто, только в ИЕ снова все на перекосяк. Изображения как стояли так и стоят в столбик.:(
Очистить кеши. Если IE 6 - забить.
И не надо играть в партизан сайт показывайте, если хотите чтобы вашу верстку можно было посмотреть.
Да я не играю в партизан. У меня сайт еще на локалхосте. Если надо могу через пол часа выложить его на хостинг.
И кстати ИЕ последний...
Вот сайт.
На ИЕ показывает картинки в столбик.
Что Вы говорите... Ладно, хрен там с моим многолетним опытом вёрстки. Но в приведённых мною статьях Ваш случай, если якобы я советую не то.
Этим кодом Вы, по сути, и очистили поток. В общем, раз Вы умнее - успехов.
Да причем тут кто умнее кто не умнее. Я лишь имел ввиду то, что у меня уже в коде есть очистка потока. И то что в ИЕ все равно все так же и не работает:(
У меня показывет в линию. Вы обновление для ИЕ скачали?
Она есть, когда её посоветовали сделать. И после этого Вы пишете, что советуют фигню, но почему-то эту фигню применяете. Очень странный ход.
Плюс ещё нужно учитывать, что помощь по картинке - не очень легко оказывать.
Я не нашёл по ссылке выше этой страницы.
да сам вроде должен обнавляться. Я версию смотрел там 9... какая то.
Но чудеса в решете. У меня тоже на хостинге нормально а на денвере в столбик... Почему интересно...
Я не писал что мне прислали фигню. Если Вы так поняли, прошу простить, обидеть не хотел. Ко всем ответам и участникам форума отношусь с уважением. Еще раз приношу извинения свои.
понимаю. очень хорошо понимаю.
Почему то проблемма на хостинге исчезла..