X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

3 страниц V   1 2 3 >
Открыть тему
Тема закрыта
> Резиновая шапка и меню
fiksius
fiksius
Topic Starter сообщение 29.8.2008, 13:30; Ответить: fiksius
Сообщение #1


Привет, народ. У меня вопрос по поводу резиновой шапки и меню.
В поиске ничего толкового на этот счет не нашла.
Ситуация такая. Картинка шапки цветная: дома, деревья, трава, поляна. дома находятся по краям картинки. картинка сделана на 1024 пикселя. может мне кто-то объяснить и показать как можно сделать чтобы у меня левая часть картинки оставалась возле левого края окна, а правая часть картинки оставалась возле правой части окна и при увеличении разрешения поляна по середине увеличивалась

http://grinmax.com/portf/nico/ вот как на этом примере внизу картинка.. увеличивается или уменьшается песок между гирей и следами

под этой шапкой расположено меню.. ооочень похоже на это меню http://grinmax.com/portf/invvest/# ... тоже есть разделительные черточки, каждое слово на середине кнопки, каждая кнопка картинка.

народ помогите у меня проект горит, а как резину делать не помню напрочь........ :niasilil:
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Diablo_hb
Diablo_hb
сообщение 29.8.2008, 13:46; Ответить: Diablo_hb
Сообщение #2


плохо тользуетесь поиском

Вопрос по разрешению
Интересная шапка

на вашем примере - песок на беграунде - а сама гиря в програчном гифе прибита к левому краю
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Webmaster_hb
Webmaster_hb
сообщение 29.8.2008, 13:57; Ответить: Webmaster_hb
Сообщение #3


fiksius, сразу скажу замечание, картинка у вас должна быть 1000 пикселей, т.к. при разрешении экрана 1024 в браузерах еще есть полоса прокрутки, которая занимает еще 20 пикселей
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
fiksius
fiksius
Topic Starter сообщение 29.8.2008, 14:14; Ответить: fiksius
Сообщение #4


Diablo, возможно и плохо, потому что в быстром темпе все это было.
По поводу шапки почитала, попробую сделать со своей подобное.

Webmaster, моя картинка 998 пикселей :rolleyes:

а что можете подсказать по поводу меню?
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Webmaster_hb
Webmaster_hb
сообщение 29.8.2008, 14:35; Ответить: Webmaster_hb
Сообщение #5


посмотрел то меню - делаете таблицу которая растягивается, в которой в каждой ячейке будут пункты меню
а на фоне положите картинку, которая будет растягиваться только в горизонтальном направлении
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
fiksius
fiksius
Topic Starter сообщение 1.9.2008, 13:30; Ответить: fiksius
Сообщение #6


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

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

margin-top вообще его не двигает.

<table width="100%" hight="100%" cellspacing="0" cellpadding="0" border="0">
<tr>
<td>
<table width="100%" hight="100%" cellspacing="0" cellpadding="0" border="0" style="background-image:url(images/998/head2.jpg)">
<tr>
<td><img src="images/998/head1.jpg" width="430" height="299" alt="" /></td>
<td style="margin-top:-50px"><img src="images/998/logo.jpg" width="216" height="127" alt="" /></td>
<td align="right"><img src="images/998/head4.jpg" width="354" height="299" alt="" /></td>
</tr>
</table>
</td>
</tr>
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Exterior
Exterior
сообщение 1.9.2008, 14:02; Ответить: Exterior
Сообщение #7


fiksius,
<td valign="top"><img src="images/998/logo.jpg" width="216" height="127" alt="" /></td>

или
<td style="vertical-align:top;"><img src="images/998/logo.jpg" width="216" height="127" alt="" /></td>
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
fiksius
fiksius
Topic Starter сообщение 1.9.2008, 17:06; Ответить: fiksius
Сообщение #8


:)спасибо громадное
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
fiksius
fiksius
Topic Starter сообщение 1.9.2008, 17:31; Ответить: fiksius
Сообщение #9


А вот как делать меню это http://grinmax.com/portf/invvest/# я так и не поняла. Webmaster не совсем точно объяснил.

код этого меню я тоже видела, но я не могу понять что прописано там в классе top_menu

<div class="top_menu">
<table cellspacing="0" cellpadding="0">
<tr>
<td><a href="#">ГЛАВНАЯ</a></td>
<td><a href="#">О НАС</a></td>
<td><a href="#">НОВОСТИ</a></td>
<td><a href="#">ПРОДУКТЫ</a></td>
<td><a href="#">ТЕХНОЛОГИЯ</a></td>
<td><a href="#">ТЕКУЩИЕ ПРОЕКТЫ</a></td>
<td class="no_border"><a href="#">КОНТАКТЫ</a></td>
</tr>
</table>
</div>
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Webmaster_hb
Webmaster_hb
сообщение 1.9.2008, 17:42; Ответить: Webmaster_hb
Сообщение #10


что тут непонятно ?
.top_menu {
border-right:solid 1px #a20f00;border-left:solid 1px #a20f00;
}
.top_menu td {
width:14%;height:39px;padding-right:2px;background: url(images/td_border.gif) 100% 0 no-repeat;
}
.top_menu td a {
padding:13px 0px 0px 0px;font:bold 8pt "Arial"; color:#febf70;background: url(images/a_back.gif) repeat-x;display:block;height:26px;text-align:center;text-decoration:none;
}
.top_menu .no_border {
padding-right:0px;background:none;
}
.top_menu td a:hover {
color:#fef0e0;background: url(images/a_back_a.gif) repeat-x;
}
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
3 страниц V   1 2 3 >
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Нужна шапка и аватарка на Ютуб канал
Оплачу только через PayPal
1 cerrus 2840 24.4.2019, 20:19
автор: Mr_SMO
Горячая тема (нет новых ответов) di56.ru - Логотипы | Дизайн сайтов | Баннеры | Шапка для сайта
заказ графики (лучшее соотношение цена - качество)
39 dmitryfoto 42395 3.12.2018, 19:27
автор: dmitryfoto
Открытая тема (нет новых ответов) Тема имеет прикрепленные файлыПеренести меню
1 Викторио_mw 1469 28.8.2018, 0:10
автор: TimurR
Открытая тема (нет новых ответов) Необходимо разрезать и установить Меню для группы ВКонтакте
2 boltuk 3416 4.12.2017, 14:44
автор: tezoro
Открытая тема (нет новых ответов) Помогите с меню - переделать в выпадающее
1 lepota 1130 4.12.2017, 13:29
автор: yury_mw


 



RSS Текстовая версия Сейчас: 25.4.2024, 18:13
Дизайн