24 июля 2010 в 21:29
Добавляю блоки в футер. они располагаются по центру страницы по вертикали друг под другом. нужно расположить 3 блока в одну линию (строку) и последний в следующую строку ниже по центру. как?
page.tpl.php
<?php<div id="footer">
<?php if ($footer): ?>
<?php print $footer ?>
<?php endif; ?>
<?php print $footer_message ?>
<?php print $closure ?>
style.css
/*footer*/
#footer{ margin:auto; width:1140px; padding:22px 9px; text-align:center; background:url(images/footer.gif) repeat-x top #020202; color:#CCCCCC; font-size:11px; line-height:14px;}
.credit a, .credit{color:#8c8c85; font-size:10px;}
Комментарии
float: left;
ну это первое, что я сделал. просто блоки прижались к левой стенке, но остались вертикально в ряд
вставку делел между
padding:22px 9px; text-align:center;ещё, как я понимаю, количество блоков в ряд будет зависить от размера блока. если блок текстовый - от количества знаков. мне нужно, чтобы блок 4 всегда был внизу с текстом по центру блока, а над ним в линию - остальные блоки (пусть их будет 3-4-5). не в индексе же темы прописывать. кмс, таки )) посоветуйте плиз, лучше куском кода
display: inline; ?
тоже пробовал. сначала прочитал подобную тему здесь. как быть с несколькими блоками? мне нужно иметь хотя-бы один уникальный блок, не подчиняющийся общим правилам. как на рисунке
Вы с искусственным интеллектом дело имеете или все-таки с компьютером? Видите ли, программирование тем и замечательно, что оно, сцуко, подчиняется правилам. Например, вот такое правило: если Вам нужно вывести серию блоков, темизировав их одним способом, и еще блок, темизировав по-другому - используйте для них разные области вывода! (читай div`ы) Как вариант, что-то вроде footer1 и footer2. Тем более, что Ваши блоки (серию блоков и отдельный блок) уже выводятся разными переменными ($footer и $footer_message соответсвенно)
И, да, кстати, будьте добры, воздержитесь от просьб типа: "Дайте готовый код!" Это я так, на всякий случай.
Jquery спешит на помощь. Пища к размышлению
По русски http://www.easylife.by/blog/css/umnye-kolonki-pri-pomoshhi-css-i-jquery/
По английски http://www.sohtanaka.com/web-design/smart-columns-w-css-jquery/