Подскажите как сделать меню в шапке!

12
Klopopryg
На сайте с 29.12.2004
Offline
344
1952

Задача не совсем простая:

Есть сайт http://www.rus-kon.ru, у которого шапка на флеше, смотриться нормально на 1024х768, когда разрешение увеличиваешь, то она не тянеться!

Решили сделать jpg версию шапки http://www.rus-kon.ru/index1.php - вот, почти доделали, но возникла трудность с размещением пунктов меню как во флеш версии...

Помниться можно было сделать как-то стилями меню сверху на картинки наложить...

Подскажите как сделать ПЛИЗ!

Лучше выстрелить, перезарядить и еще раз выстрелить, чем светить фонариком и спрашивать - "кто тут?"
topy
На сайте с 28.03.2006
Offline
142
#1

картинку сделайте фоном в таблице а меню как содержимое.

Например так:

<td background=img.jpg style="background-position:center top; background-repeat: no-repeat;">меню</td>

PS сори, сайт не смотрел.

Новости коротко и ясно (https://subnews.ru)
Ткач
На сайте с 29.04.2007
Offline
95
#2

чтобы шапка была резиновой , задается общий повторяющийся бэкграунд (фон), картинки так же джипеговские лучше вставлять бэкграундом через стиль , но нужно учесть, что они растягиватся не будут и запретить повтор статичных изображений.

Автору же советую сделать меню в отдельной таблице и присвоить этой таблице ID, которому в css задать абсолютное позиционирование

Разработка и создание сайтов. Красиво, функционально, недорого. (http://time-online.ru/) ICQ 388-474-890)
Klopopryg
На сайте с 29.12.2004
Offline
344
#3
topy:
картинку сделайте фоном в таблице а меню как содержимое.
Например так:
<td background=img.jpg style="background-position:center top; background-repeat: no-repeat;">меню</td>
PS сори, сайт не смотрел.

В том то и дело, что шапка нарезана из 6 частей, поэтому фоном не получаеться сделать!

Если было бы так просто, я сам сделал сразу !

Ткач
На сайте с 29.04.2007
Offline
95
#4
Klopopryg:
В том то и дело, что шапка нарезана из 6 частей, поэтому фоном не получаеться сделать!

Если было бы так просто, я сам сделал сразу !

у тебя шапка неправильно разрезана немного\\. многое можно было задать фоном, мне кажется что ты просто разрезал в имидж риди и вставил тот же код, который он тебе выдал

[Удален]
#5

Klopopryg, задай каждому элементу в шапке свой id и в зависимости от разрешения подключи свои стили (фон, размер, расположение и т.д.)

Klopopryg
На сайте с 29.12.2004
Offline
344
#6
burunduk:
Klopopryg, задай каждому элементу в шапке свой id и в зависимости от разрешения подключи свои стили (фон, размер, расположение и т.д.)

Можете подсказать как это сделать!?

Oniks
На сайте с 22.08.2005
Offline
176
#7

Ром, index1.php у меня не открылся, но судя по шапке, там просто нужно ее сделать как таблицу с 3 рядами - для верхнего меню, середины и нижнего меню.

Профессиональные услуги фотографа в Москве и области (http://www.oniks-photo.ru/) покупаю стать и ссылки с сайтов про охоту
Ткач
На сайте с 29.04.2007
Offline
95
#8

да не нужно париться так. просто вырежи картинку иначе, после ячейки с артистами, снизу бордовую задай фоном после рисунка с буквой К (от слова концерт) естесно, и на этом фоне в этой же ячейке поставь ссылки , которые тебе нужны. можешь опять же сделать отдельно ссылки которые тебе нужны в отдельной таблице и поместить их позиционированием через css

Klopopryg
На сайте с 29.12.2004
Offline
344
#9
Oniks:
Ром, index1.php у меня не открылся, но судя по шапке, там просто нужно ее сделать как таблицу с 3 рядами - для верхнего меню, середины и нижнего меню.

Влад, привет!

Отлично открываеться, попробуй еще раз!

Таблицу с 3-мя рядами уже сделал!

L
На сайте с 08.04.2007
Offline
48
#10

Не совсем понятно, зачем менять флеш на картинку только потому, что флеш не растянется. Картинка тоже не будет тянутся (в нормальном понимании этого явления).

В данном случае вы меняете шило на мыло. Если конечно вас беспокоит индексация флешевых ссылок поисковиками, то это уже вопрос отдельный.

Для того, чтобы картинка тянулась, надо перерисовать ее таким образом, чтобы там имелись участки, поддающиеся бесшовному клонированию (в данном случае по горизонтали). И верстать ее в таблице с несколькими столбцами таким образом, чтобы нетянущиеся фрагменты изображения были содержимым ячеек, а растягивающиеся фрагменты — фонами.

Меню в таком случае проще всего положить в div с таким стилем, чтобы этот div был слоем выше картинки. Ну и сделать, чтобы менюха в этом диве центрировалась по ширине экрана. К примеру, так:

div {

position: absolute;

z-index: 1;

top: 22px;

left: 0px;

width: 100%;

text-align: center;

}

А непосредственно менюху по вкусу сверстайте.

P.S: если вы маньяк😂 , то можете две верхние части обрамления (которые пересекаются) сохранить в gif'ы c прозрачным фоном (или .png, но это помучится придется с отображением в IE). И тоже положить их в слои разными z-index, чтобы они пересекались , и соответственным выравниванием: одна - right, вторая left, тогда половинки обрамления будут сходится и расходится при растяжении окна. Логотип тогда придется таким же образом положить в отдельный слой с более высоким значением z-index

12

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий