Доброе утро. Подскажите как сделать горизонтальное меню состоящее из (left_bg.png,bg.png,right_bg.png) с помощью css

Вообщем то то мне нужно я изобразил на картинке
 
Заранее всем спасибо за помощь
  

Это сообщение отредактировал(а) WantedFan - 20.7.2008, 09:26

Не проходите мимо!! Уж очень нуждаюсь в вашей помощи   

делается свойством float и тремя div'ами.
либо одной таблицей с тремя ячейками в единственной строке.
либо тремя подряд идущими img'ами, если не боишься переноса при внезапном достижении края родительского блока(например, родительский блок имеет четко указанную ширину).

Добавлено через 59 секунд

надо читать: "тремя div'ами со свойством float"

а не мог бы ты пожалуйста примером показать...подкинуть идеи. А то я чайник теряюсь..

а почему все float left ?? почему right.png не float:right ?
Вставил код div- не работает ?  

люди срочно нужна такая навигация. Дайте более точный код...а то я все что знаю перепробывал. В гуле на такую тему нечего не нашел...


Это сообщение отредактировал(а) WantedFan - 20.7.2008, 18:28

http://www.dynamicdrive.com/style/csslibrary/category/C1/

чучуть не то... задолбался код разбирать.
Может есть варианты попроще и в тему ?
Нужно что-бы меню состояло из
left-bg.gif -----bg.gif-------- right-bf.gif
Ширина 1120px
высотаменю 32px
позиция посередине

Заранее спасибо   

Это сообщение отредактировал(а) WantedFan - 20.7.2008, 20:31

Надеюсь, Вам этот код будет проще разобрать?

ура заработало. Спасибо за помощь 

Это сообщение отредактировал(а) WantedFan - 21.7.2008, 12:11

Присоединённый файл ( Кол-во скачиваний: 14 )
 d.jpg 225,40 Kb

А как поверх этого меню поместить графическую ссылку(кнопку) ?
Такой способ подойдет ?

CSS


HTML


Добавлено через 3 минуты и 19 секунд
вот вообщем пример того что мне нужно

Там всё меню одним изображением.
Как разделить меню исделать части изображения активными ссылками ?


Это сообщение отредактировал(а) WantedFan - 21.7.2008, 12:28

Присоединённый файл ( Кол-во скачиваний: 9 )
 lv_classic_intl_w.png 7,61 Kb

С помощью инструмента Slice в Photoshop'е.

Вырезаете каждую иконку пункта меню и вставляете его примерно таким кодом:

HTML примерно такой:

а что если кнопка выше чем само меню.
Меню 32px
Кнопка 50 px

вот что получилось из предоставленного кода

Как сровнять ?

Это сообщение отредактировал(а) WantedFan - 21.7.2008, 14:17

Присоединённый файл ( Кол-во скачиваний: 9 )
 __________.jpg 504,98 Kb

а что мешает поиграть координатами?
без кода, "по фотографии" лечить сложно
посмотрите, как я сделал представленное меню


Это сообщение отредактировал(а) NDenis - 21.7.2008, 14:26

CSS

и HTML

А то что у вас получилось кокраз то что мне и нужно
[/QUOTE]

Это сообщение отредактировал(а) WantedFan - 21.7.2008, 14:41

маленький вопрос.
С помощью какого кода css картинку переместить в правую сторону ?

Добавлено через 7 минут и 28 секунд
разобрался...
Спасибо вам огромное

возникла новая проблема.
Некорректно работает меню в таких браузерах как ОПЕРА(последняя версия) и IE 6 версия.
А точнее не работают ссылки - в этих браузерах их как будто вообще не существует.
Вот можете посмотреть  http://77.93.8.64/

Дополнительно: Как сделать что-бы при нажатии на ссылку не было видно пунктирной рамочки.
А то весь вид поганит

Это сообщение отредактировал(а) WantedFan - 21.7.2008, 15:26

выдержка из вашего кода:

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

Ещё раз спасибо огромное.
Проблема навигации решена 

Помогите и мне тоже, что-то никак нигде не могу найти, есть вертикально меню, и надо чтобы в меню слева при нажатии на пункт меню раскрывался список второго уровня, помогите отыскать скрипт или другую реализацию пример такого меню здесь:
http://www.zto.ru/ (Каталог например слева)
только с одной поправкой, чтобы когда другой пункт меню первого уровня тыкаешь предыдущее открытое закрывалось
-----
смотрела как подобные меню реализовано - понять не могу, там тока чистый хтмл и никакого скрипта, как оно тогда работает, если кто подскажет где найти пример и разобраться, буду очень признательна