Форум PHP программистов > Разместить контент в пределах блока

[ Поиск ] - [ Пользователи ] - [ Календарь ]

Полная Версия: Разместить контент в пределах блока

l@pteff

13.05.2012 - 20:40

Здравствуйте, в блок footer в цикле выводятся 100 ссылок с номерами страниц


<div id="footer" style="width:1007px">
for ($i=1; $i<=100; $i++) {
echo '<a><span>'.$i.'</span></a>
}
</div>

Однако ссылки выстраиваются по прямой, а нужно поместить их в footer, выводя в несколько рядов.
Пробовал через overflow но максимум чего удалось добиться это горизонтальный скролл.
Подскажите пожалуйста как можно правильно вывести ссылки?

Спустя 10 минут, 38 секунд (13.05.2012 - 19:51) Kuliev написал(а):

l@pteff
Попробуй так:



<div id="footer" style="width:1007px">
<?php

 $j = 0;
 for ($i = 1; $i <= 100; $i++)
 {
    if(++$j % 20 == 0)
       echo "<a><span>". $i ."</span></a><br/>\n";

    else
       echo "<a><span>". $i ."</span></a>\n";
 }
?>
</div>

Спустя 27 минут, 19 секунд (13.05.2012 - 20:18) l@pteff написал(а):

Kuliev, спасибо способ работает.
А можно ли как-то сделать ширину span'ов фиксированной? Например блок с надписью "1" заметно уже блока с надписью "100" и наоборот. Просто задавать ширину <span style="width:35px"> не срабатывает

Спустя 12 минут, 13 секунд (13.05.2012 - 20:30) Kuliev написал(а):

l@pteff
Я не специалист в блочной верстке! Может кто другой поможет.

Спустя 31 минута, 19 секунд (13.05.2012 - 21:01) Игорь_Vasinsky написал(а):

вообще - это мажорно делать списками ul - li

со стилем - display:inline-block? см пример на моём сайте в подписи

Спустя 1 день, 11 часов, 7 минут, 47 секунд (15.05.2012 - 08:09) l@pteff написал(а):

Игорь_Vasinsky, спасибо, списками отлично выводится


<li style="list-style-type:none;">
<?php
for ($i=1; $i<=100; $i++) {
echo '<ul style="display:inline-block"><a>'.$i.'</a></ul>'."\n";
}
?>
</li>

Спустя 3 часа, 35 минут, 12 секунд (15.05.2012 - 11:44) Kuliev написал(а):

l@pteff
Поменяй <li> с </ul> местами <li> должен быть внутри <ul>

Спустя 11 минут, 43 секунды (15.05.2012 - 11:56) Игорь_Vasinsky написал(а):

действительно... UL контейнер для li

Спустя 12 дней, 8 часов, 17 минут, 26 секунд (27.05.2012 - 20:13) BydloCoder написал(а):

Простите, что влезаю в эту тему - проблема похожая, да и создавать новую тему неохота.
Итак, блок налезает на границу родительского блока (слева внизу).
user posted image

Вёрстка: http://paste.ubuntu.com/1009978/
Стиль: http://paste.ubuntu.com/1009979/

Спустя 10 минут, 55 секунд (27.05.2012 - 20:24) BydloCoder написал(а):

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

Спустя 27 минут, 1 секунда (27.05.2012 - 20:51) bodja написал(а):

margin-bottom:20px для последнего блока.

Спустя 25 минут, 16 секунд (27.05.2012 - 21:17) sebastjan написал(а):

BydloCoder
Изначально не верное построение шаблона.

Спустя 51 минута, 48 секунд (27.05.2012 - 22:08) BydloCoder написал(а):

sebastjan, можно поподробнее? Хотя бы устно, но и код не помешает.

Спустя 27 минут, 56 секунд (27.05.2012 - 22:36) Zzepish написал(а):

BydloCoder
задай в CSS параметр выделяемому блоку :

border-radius:0 0 0 5;

И помудри с тем числом, где 5!

Спустя 1 час, 26 минут, 18 секунд (28.05.2012 - 00:03) sebastjan написал(а):

BydloCoder
Поподробней это не мне а тебе надо.
Какой шаблон ты хочешь?
Фиксированный в две колонки, шапка и подвал?
Вообще лучше всего орентироваться по модальной сетки с дизайна, тогда можно разработать шаблон.

Спустя 1 час, 14 минут, 36 секунд (28.05.2012 - 01:17) BydloCoder написал(а):

sebastjan, я переделываю сделанный год назад дизайн с таблиц и HTML4 на HTML5 и блоки, поэтому, если код валидный, а дизайн утверждён, не вижу поводов называть макет неправильным.

Zzepish, я уже написал, что так сделал.

Спустя 19 часов, 33 минуты, 30 секунд (28.05.2012 - 20:51) sebastjan написал(а):

BydloCoder
Валидный код ещё ни о чём не говорит.
В вашем случаи пока что ни чего не увидел из ХТМЛ5 кроме закруглений уголков, но такое трудно подразумевать как хтмл5

Показал бы скрин дизайна, тогда можно обсуждать макет по модульной сетке.
Повод называть "неправильным" есть.
Фиксированные размеры по высоте, трудно даже представить модульную сетку, как и что ты будешь распологать.
Стоит добавить блок видео и всё развалится.
В общем, давай кидай дизайн, по нему будет возможно составить модульную сетку со всеми вытекающими последствиями.

Спустя 4 часа, 11 минут, 24 секунды (29.05.2012 - 01:02) BydloCoder написал(а):

sebastjan, фиксированный размер пока для тестирования. Естественно, сайт будет тестироваться при различных разрешениях экрана.
Из html5 пока только скруглённые края, но что вы хотите от заготовки?

Цитата

Валидный код ещё ни о чём не говорит.

Я бы не сказал.

Быстрый ответ:

Здесь расположена полная версия этой страницы.