|
Проблема с шапкой
|
|
| Безымянный | Дата: 19 Декабря 2008, 01:05 | Сообщение # 1 |  ● ● ● ● ● 248 сообщений Статус: Offline | Добрый вечер всем!
Конечно не стоит писать в форум новых идей из-за такой проблемы, что у меня, но не думайте, что я ничего не пытался сделать...  Мне необходимо сделать так, чтобы вне зависимости от разрешения экранов пользователей и браузера шапка и структура сайта сохранялись. Изучал хтмл на htmlbook; писал в форумы и узнавал как сделать; вертел и изучал код; делал картинку, как бэкграунд шапки, как бэкграунд страницы и делил шапку на разные части; фиксировал части, соединял и объединял их различными параметрами таблиц; делал, как мне описывали некоторые пользователи, но ничего не вышло. Единственное, что получилось, так это сделать шапку одинаковой во всех браузерах, но у пользователей с разным разрешением она меняется и не влезает. Было видвинуто мнение, что части шапки слишком большие и мне предлагали код шапки, где она была из 16 частей))) Ещё мне говорили, что нельзя сделать резиновый сайт, чтобы сохранял структуру, и что нельзя сделать шапку одинаковой во всех экранах(нужно, мол, сделать под разрешение 800х600, а с другим разрешением чтобы шапка искажалась). Вообщем, чего я только не слышал, но ответа не получил))) Ниже приведён нынешний код, как мне советовали некоторые люди, а так же скриншоты с различных браузеров. Code <!-- Header --> <table border="0" cellpadding="0" cellspacing="0" style="background:url(http://www.nimpo.at.ua/dezain/shapka.jpg) center no-repeat; #E2C275;" width="100%"> <tr> <td width="356" rowspan="2" valign="bottom" style="background:url(http://www.nimpo.at.ua/dezain/shapka1.jpg) repaet-x></td> <td rowspan="2" width="356" align="center" style="background:url(http://www.nimpo.at.ua/dezain/shapka3.jpg) left no-repeat; padding-bottom:50px;" valign="bottom"><span style="color:#790000;font:20pt bold Verdana,Tahoma;"><b>Найди свой путь шиноби...</b></span><br /><img src="http://s22.ucoz.net/t/431/14.gif" width="75" height="1" border="0"> </td> <td width="356" rowspan=2 style="background:url(http://www.nimpo.at.ua/dezain/shapka2.jpg) repaet-y; color:#790000;" valign="bottom"></td> </tr> </table> <!-- /Header -->
Осёл:
Опера:
Mazilla Firefox:
 Ещё раз простите, что сюда пишу.. Просто уже не знаю что делать((( [ Сообщение от пользователя с низкой репутацией. Показать ] | | |
|
| mob_dp | Дата: 19 Декабря 2008, 01:39 | Сообщение # 2 | ● ● ● ● ● 4112 сообщений Статус: Offline | Безымянный, height задай и Quote (Безымянный) shapka.jpg) center no-repeat
Quote (Безымянный) #E2C275; Вообще бред такое таблицей делать, лучше по схеме <div><div></div></div>, только параметры нормальные прописать. | | |
|
| Безымянный | Дата: 19 Декабря 2008, 01:56 | Сообщение # 3 | ● ● ● ● ● 248 сообщений Статус: Offline | mob_dp,
А с дивами как? Code <!-- Header --> <div border="0" cellpadding="0" cellspacing="0" style="background:url(http://www.nimpo.at.ua/dezain/shapka.jpg);" width="100%" height="356"></div> <div width="377" rowspan="2" valign="bottom" style="background:url(http://www.nimpo.at.ua/dezain/shapka1.jpg)></div> <div rowspan="2" align="center" style="background:url(http://www.nimpo.at.ua/dezain/shapka3.jpg) left no-repeat;padding-bottom:50px;" valign="bottom"><span style="color:#790000;font:20pt bold Verdana,Tahoma;"><b>Найди свой путь шиноби...</b></span><br /><img src="http://s22.ucoz.net/t/431/14.gif" width="75" height="1" border="0"> </div> <div width="322" rowspan=2 style="background:url(http://www.nimpo.at.ua/dezain/shapka2.jpg);" valign="bottom"></div> <!-- /Header --> [ Сообщение от пользователя с низкой репутацией. Показать ] | | |
|
| dim@n | Дата: 19 Декабря 2008, 14:56 | Сообщение # 4 | ● ● ● ● ● 503 сообщения Статус: Offline | Quote (Безымянный) cellpadding="0" cellspacing="0"
Quote (Безымянный) rowspan="2"
ну нет такого в дивах
Quote (Безымянный) bold Verdana,Tahoma;"><b>
Если в css указан жирный, то зачем писать <b>?
Quote (Безымянный) style="background:url(http://www.nimpo.at.ua/dezain/shapka1.jpg)></div>
Чего-то тут не хватает. Чего-то в конце...Вотв изза этого скорей всего осёл и не пашет!!
Quote (Безымянный) background:url(http://www.nimpo.at.ua/dezain/shapka3.jpg) left no-repeat;
left, и всё?
В первом твоём коде ты пропустил одну " (кавычку), изза этого у тебя всё поплыло по идее.. | | |
|
| mob_dp | Дата: 19 Декабря 2008, 17:03 | Сообщение # 5 | ● ● ● ● ● 4112 сообщений Статус: Offline | Безымянный, ну ты даешь. Code <div style="background:url('/dezain/shapka.jpg') center top no-repeat; height:**px;">
<span style="color:#790000;font:20pt bold Verdana,Tahoma;bottom: 0px; left: 200px">Найди свой путь шиноби...</span>
</div> з.ы. на счет font:20pt bold Verdana,Tahoma не уверен | | |
|
| Безымянный | Дата: 21 Декабря 2008, 17:11 | Сообщение # 6 | ● ● ● ● ● 248 сообщений Статус: Offline |  Я сделал.. У меня всё хорошо, а у приятеля с другим разрешнием фигня одна!((  Code <!-- Header --> <div style="background:url('/dezain/shapka.jpg') center top no-repeat; height:356px;"> <center><span style="color:#790000;font:20pt bold Verdana,Tahoma;bottom: 0px; left: 200px">Найди свой путь шиноби...</span></center> </div> <!-- /Header --> width=100% добавил, может заработает... [ Сообщение от пользователя с низкой репутацией. Показать ] | | |
|
| mob_dp | Дата: 21 Декабря 2008, 18:01 | Сообщение # 7 | ● ● ● ● ● 4112 сообщений Статус: Offline | Безымянный, а что собственно не нравится? | | |
|
| СаМакс | Дата: 21 Декабря 2008, 19:04 | Сообщение # 8 | ● ● ● ● ● 3 сообщения Статус: Offline | Безымянный, пробуй шапку уменьшить атрибутами, а если не получится, пробуй через PhotoShop уменьшить, там полно функций, а потом, как у многих, картинку посерёдки вставить и фоном картинки по бокам сделать, лично я так делал и всё окей!  Добавлено (21 Декабрь 2008, 19:04)
---------------------------------------------
и советую рамку у шапки убрать! а то ты так умучиешься))  | | |
|
| mob_dp | Дата: 21 Декабря 2008, 19:28 | Сообщение # 9 | ● ● ● ● ● 4112 сообщений Статус: Offline | СаМакс, фотошопом уменьшать? о_О Я бы acdsee запустил... | | |
|
| subWIN | Дата: 21 Декабря 2008, 19:46 | Сообщение # 10 | ● ● ● ● ● 931 сообщение Статус: Offline | СаМакс, зделай ему тогда шапку через фотошоп что бы была на всех разрешениях одинакова | | |
|
| Безымянный | Дата: 21 Декабря 2008, 19:56 | Сообщение # 11 | ● ● ● ● ● 248 сообщений Статус: Offline | mob_dp,
Ну, не нравится то, что я хотел, чтобы при разном разрешении шапка уменьшалась, но была видна полностью.. СаМакс,
Шапку я и так уменьшил, правда высоту, а не длинну... Впринципе, я пробовал твой вариант, но с уменьшением разрешения он всёравно не работает и края шапки не будут видны. А рамка меня устраивает и совсем не мешает.. subWIN,
[ Сообщение от пользователя с низкой репутацией. Показать ] | | |
|
| mob_dp | Дата: 21 Декабря 2008, 20:23 | Сообщение # 12 | ● ● ● ● ● 4112 сообщений Статус: Offline | Безымянный, тогда ее надо вставлять как объект img и менять его параметры. | | |
|
| Безымянный | Дата: 21 Декабря 2008, 20:23 | Сообщение # 13 | ● ● ● ● ● 248 сообщений Статус: Offline | mob_dp,
Я вставлял, но у меня наесжали части шапки друг на друга... фиксировал их, а всёравно(( [ Сообщение от пользователя с низкой репутацией. Показать ] | | |
|
| mob_dp | Дата: 21 Декабря 2008, 20:54 | Сообщение # 14 | ● ● ● ● ● 4112 сообщений Статус: Offline | Безымянный, какой нафиг назжали?! Че ты там вставлял?! img | | |
|
| Безымянный | Дата: 21 Декабря 2008, 20:57 | Сообщение # 15 | ● ● ● ● ● 248 сообщений Статус: Offline | mob_dp,
* вспоминает код *Я уже точно не помню, но что - то типо такого.. Code <table border="0" cellpadding="0" cellspacing="0" width="100%" height="356"> <tr> <td width="357" align="right center" rowspan="2"><img src="http://www.nimpo.at.ua/dezain/shapka1.jpg" left no-repeat; border="0" valign="bottom"></td> <td rowspan="2" align="center center" style="background:url(http://www.nimpo.at.ua/dezain/shapka3.jpg) left no-repeat; padding-bottom:50px;" valign="bottom"><span style="color:#790000;font:20pt bold Verdana,Tahoma;"><b>Найди свой путь шиноби...</b></span><br /><img src="http://s22.ucoz.net/t/431/14.gif" width="75" height="1" border="0"> </td> <td width="357" rowspan=2 align="left center" style="background:url(http://www.nimpo.at.ua/dezain/shapka2.jpg) left no-repeat; color:#790000;" valign="bottom"></td> </tr> </table> [ Сообщение от пользователя с низкой репутацией. Показать ] | | |
|
| mob_dp | Дата: 22 Декабря 2008, 15:58 | Сообщение # 16 | ● ● ● ● ● 4112 сообщений Статус: Offline | Безымянный, один объект а не порезанный!!! | | |
|
| Безымянный | Дата: 22 Декабря 2008, 18:36 | Сообщение # 17 | ● ● ● ● ● 248 сообщений Статус: Offline | Безымянный,
Мне нужен, чтобы картинка была бэкграундом! [ Сообщение от пользователя с низкой репутацией. Показать ] | | |
|
| mob_dp | Дата: 22 Декабря 2008, 19:00 | Сообщение # 18 | ● ● ● ● ● 4112 сообщений Статус: Offline | Безымянный, бекграунды не масштабируются. | | |
|
| Безымянный | Дата: 22 Декабря 2008, 19:12 | Сообщение # 19 | ● ● ● ● ● 248 сообщений Статус: Offline | mob_dp,
Тоесть нереально сделать то, что я хочу?((( Ну а как мне на картинку, которая не является бэкграундом, налепить что - либо... [ Сообщение от пользователя с низкой репутацией. Показать ] | | |
|
| dim@n | Дата: 22 Декабря 2008, 22:35 | Сообщение # 20 | ● ● ● ● ● 503 сообщения Статус: Offline | | | |
|
