Перейти из форума на сайт.

НовостиФайловые архивы
ПоискАктивные темыТоп лист
ПравилаКто в on-line?
Вход Забыли пароль? Первый раз на этом сайте? Регистрация
Компьютерный форум Ru.Board » Интернет » Web-программирование » Сдвиг втрой строки меню вправо

Модерирует : Cheery

 Версия для печати • ПодписатьсяДобавить в закладки

Открыть новую тему     Написать ответ в эту тему

pauliv



Junior Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Подскажите, как реализовать такую навигацию.
 

 
Каждая вторая строка должна быть сдвинута вправо.

Всего записей: 182 | Зарегистр. 05-01-2007 | Отправлено: 19:45 17-04-2014
Cheery



.:МордератоР:.
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
pauliv

Цитата:
Каждая вторая строка должна быть сдвинута вправо.

смотря как реализуете на html
можете использовать position: relative, к примеру..  
или сдвинуть через margin - вариантов куча

----------
Away/DND

Всего записей: 52737 | Зарегистр. 04-04-2002 | Отправлено: 20:10 17-04-2014
pauliv



Junior Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Cheery
Меню будет генерироваться динамически и заранее неизвестно сколько пунктов.
Была идея реализовать стандартно. через списки.  

Код:
<div id="menu">
 <ul>
    <li><a href="#">Первая закладка</a></li>
        <li><a href="#" class="selected">Вторая закладка</a></li>
        <li><a href="#">Третья закладка</a></li>
        <li><a href="#">Четвертая закладка</a></li>
        <li><a href="#">Пятая закладка</a></li>
        <li><a href="#">Шестая закладка</a></li>
        <li><a href="#">Седьмая закладка</a></li>
        <li><a href="#">Восьмая закладка</a></li>
    </ul>
</div>


Всего записей: 182 | Зарегистр. 05-01-2007 | Отправлено: 20:18 17-04-2014 | Исправлено: pauliv, 20:19 17-04-2014
Cheery



.:МордератоР:.
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
pauliv

Цитата:
и заранее неизвестно сколько пунктов.  

ну так сдвигайте каждый второй, вниз и правее.

----------
Away/DND

Всего записей: 52737 | Зарегистр. 04-04-2002 | Отправлено: 20:20 17-04-2014
pauliv



Junior Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору

Цитата:
ну так сдвигайте каждый второй, вниз и правее.
 

Точно, это вариант
 
сделать, чтобы элементы нижней строки центровались относительно пробелов верхней наверное не получится?

Всего записей: 182 | Зарегистр. 05-01-2007 | Отправлено: 20:23 17-04-2014
Cheery



.:МордератоР:.
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
pauliv

Цитата:
строки центровались относительно пробелов верхней наверное не получится

не совсем понимаю  что именно хотите

----------
Away/DND

Всего записей: 52737 | Зарегистр. 04-04-2002 | Отправлено: 20:25 17-04-2014
pauliv



Junior Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Вот такое:
 

Всего записей: 182 | Зарегистр. 05-01-2007 | Отправлено: 20:32 17-04-2014
Cheery



.:МордератоР:.
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
pauliv

Цитата:
Вот такое:

задаете каждому второму фиксированную ширину и смещаете вниз.
к примеру так "извратиться"
http://jsfiddle.net/5NKJC/
 
ps: поменять odd на even
http://jsfiddle.net/5NKJC/2/

----------
Away/DND

Всего записей: 52737 | Зарегистр. 04-04-2002 | Отправлено: 20:43 17-04-2014 | Исправлено: Cheery, 20:52 17-04-2014
pauliv



Junior Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Хорошее решение, только если на 3 строку строку перескакивает нечетный элемент, он получается сдвинут не в кассу. Но это уже наверное надо играться шириной.

Всего записей: 182 | Зарегистр. 05-01-2007 | Отправлено: 21:13 17-04-2014
Открыть новую тему     Написать ответ в эту тему

Компьютерный форум Ru.Board » Интернет » Web-программирование » Сдвиг втрой строки меню вправо


Реклама на форуме Ru.Board.

Powered by Ikonboard "v2.1.7b" © 2000 Ikonboard.com
Modified by Ru.B0ard
© Ru.B0ard 2000-2024

BitCoin: 1NGG1chHtUvrtEqjeerQCKDMUi6S6CG4iC

Рейтинг.ru