gooddrive Сообщение 17/06/2010 14:56 Копия темы
Помогите с версткой Нужно сверстать такое меню(прикреплен скриншот), меню текстовое, вся загвозтка как сделать выделение ссылки картинкой?

madmaxcorp Сообщение 17/06/2010 14:58 Копия темы
1. можно пойти наипростейшим путем, просто вырезать картинки, и поставить на них ссылки)
2. сделать ul li..на фон li поставить белый бекграунд...и всё остальное

3.Profit!

gooddrive Сообщение 17/06/2010 14:59 Копия темы

5angel Сообщение 17/06/2010 14:59 Копия темы
Шото страшное, я бы два дива поставил с пнгшечками.

gooddrive Сообщение 17/06/2010 15:00 Копия темы
Можно пример, пжл.

madmaxcorp Сообщение 17/06/2010 15:00 Копия темы
ну эт шоп не парицо

5angel Сообщение 17/06/2010 15:01 Копия темы
ну тут так или иначе, нестандартный шрифт, ну или список с картинками-пнгшками

5angel Сообщение 17/06/2010 15:01 Копия темы
<div>
<div>
</div>
</div>

madmaxcorp Сообщение 17/06/2010 15:03 Копия темы
+1 .

My_Self Сообщение 17/06/2010 15:05 Копия темы
Прямоугольник без стрелочки — обычные раздвижные двери.
Стрелочку задать элементу <a></a> с нижним пэддингом и background-position: 50% 100%;

ps: это если скругление углов без использования css3 или js.

Sideful Сообщение 17/06/2010 15:08 Копия темы
ul li a span i
на a бэкграундом вешаем левую часть белой подложки, там пикселей 10 в ширину хватит
на span вешаем бэкграундом правую часть подложки, в ширину пикселей 150 чтобы совсем не ошибиться (влево зарипитить картинку), не забываем паддинг слева 10 пикселей сделать
на i вешаем треугольничек бэкграундом (по центру + отступ сверху) + добиваем паддинги чтобы по центру надпись стояла + дисплей:блок

как-то так)

form Сообщение 17/06/2010 15:31 Копия темы
спрайты спасут положение

Sideful Сообщение 17/06/2010 15:36 Копия темы
Вот рабочий набросок к моему посту выше, дабы не быть голословным)
sideful.ru/menu/index.htm...