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



 

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

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

2 страниц V   1 2 >
Открыть тему
Тема закрыта
> Растянуть шапку на весь экран
Ramster
Ramster
Topic Starter сообщение 10.8.2009, 16:41; Ответить: Ramster
Сообщение #1


Как можно растянуть шапку на весь экран, например как на этом форуме. Я так понимаю в CSS задаётся участок вверху сайта 100% по ширине экрана и заливается каким-либо цветом, на нём уже распологаются изображения - слева, по середине, справа, либо таблицей. Я правильно понимаю?
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Webmaster_hb
Webmaster_hb
сообщение 10.8.2009, 17:45; Ответить: Webmaster_hb
Сообщение #2


(' post='38863 @ 10.8.2009, 19:41)
Как можно растянуть шапку на весь экран, например как на этом форуме. Я так понимаю в CSS задаётся участок вверху сайта 100% по ширине экрана и заливается каким-либо цветом, на нём уже распологаются изображения - слева, по середине, справа, либо таблицей. Я правильно понимаю?

в общем да
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Ramster
Ramster
Topic Starter сообщение 11.8.2009, 1:09; Ответить: Ramster
Сообщение #3


(Webmaster_hb @ 10.8.2009, 20:45) *
в общем да


Спасибо, наконец-то я что-то понял сам.:rolleyes:

А с кодом поможете?
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Ramster
Ramster
Topic Starter сообщение 11.8.2009, 22:29; Ответить: Ramster
Сообщение #4


Решил работать напримере этого форума. Взял код в HTML, но в CSS этот участок почему то не могу найти. Подскажите плиз, как в CSS выделить участок на всю ширину экрана и высотой например в 94px?

<!-- logo -->
<script type="text/javascript" src="http://www.html.by/clientscript/flash.js"></script>
<table cellpadding="0" cellspacing="0" width="100%" border="0">
<tr>
<td width="40%" background="http://www.html.by/images/top_bg_left.gif"><a href="http://www.html.by/"><img src="http://www.html.by/images/top_html.jpg" width="203" height="94" border="0" alt="HTML форум"></a></td>
<td><img src="http://www.html.by/images/top_xpromt.jpg" width="354" height="94"></td>
<td width="60%" background="http://www.html.by/images/top_bg_right.gif"><div id='random_book'><a href=http://books.html.by/ozon/book/2811977 target='_blank'><img src='http://www.ozon.ru/multimedia/books_covers/small/1000386829.gif' width='60px' height='80px' align='left' alt='Microsoft ADO.NET 2.0 для профессионалов Сахил Малик' title='Microsoft ADO.NET 2.0 для профессионалов Сахил Малик'></a><p>Сахил Малик</p><p><b>Microsoft ADO.NET 2.0 для профессионалов</b></p><a href=http://books.html.by/ozon/book/2811977 target='_blank'>Подробнее</a></div></td>
</tr>
</table>
<!-- /logo -->
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Webmaster_hb
Webmaster_hb
сообщение 11.8.2009, 23:31; Ответить: Webmaster_hb
Сообщение #5


<table cellpadding="0" cellspacing="0" width="100%" border="0">
<tr>
<td width="40%" background="http://www.html.by/images/top_bg_left.gif"><a href="http://www.html.by/"><img src="http://www.html.by/images/top_html.jpg" width="203" height="94" border="0" alt="HTML форум"></a></td>
<td><img src="http://www.html.by/images/top_xpromt.jpg" width="354" height="94"></td>
<td width="60%" background="http://www.html.by/images/top_bg_right.gif"><div id='random_book'><a href=http://books.html.by/ozon/book/2811977 target='_blank'><img src='http://www.ozon.ru/multimedia/books_covers/small/1000386829.gif' width='60px' height='80px' align='left' alt='Microsoft ADO.NET 2.0 для профессионалов Сахил Малик' title='Microsoft ADO.NET 2.0 для профессионалов Сахил Малик'></a><p>Сахил Малик</p><p><b>Microsoft ADO.NET 2.0 для профессионалов</b></p><a href=http://books.html.by/ozon/book/2811977 target='_blank'>Подробнее</a></div></td>
</tr>
</table>

этого достаточно, т.к. у таблицы стоит 100%
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Ramster
Ramster
Topic Starter сообщение 12.8.2009, 14:18; Ответить: Ramster
Сообщение #6


То есть просто ставить таблицу, а в CSS можно не указывать для неё место?
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Xset
Xset
сообщение 15.8.2009, 21:59; Ответить: Xset
Сообщение #7


кто может, пожалуйста подкиньте код css аналогичный этому:

<table cellpadding="0" cellspacing="0" width="100%" border="0">
<tr>
<td width="40%" background="http://www.html.by/images/top_bg_left.gif"><a href="http://www.html.by/"><img src="http://www.html.by/images/top_html.jpg" width="203" height="94" border="0" alt="HTML форум"></a></td>
<td><img src="http://www.html.by/images/top_xpromt.jpg" width="354" height="94"></td>
<td width="60%" background="http://www.html.by/images/top_bg_right.gif"><div id='random_book'><a href=http://books.html.by/ozon/book/2811977 target='_blank'><img src='http://www.ozon.ru/multimedia/books_covers/small/1000386829.gif' width='60px' height='80px' align='left' alt='Microsoft ADO.NET 2.0 для профессионалов Сахил Малик' title='Microsoft ADO.NET 2.0 для профессионалов Сахил Малик'></a><p>Сахил Малик</p><p><b>Microsoft ADO.NET 2.0 для профессионалов</b></p><a href=http://books.html.by/ozon/book/2811977 target='_blank'>Подробнее</a></div></td>
</tr>
</table>
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Nightfly_hb
Nightfly_hb
сообщение 16.8.2009, 10:00; Ответить: Nightfly_hb
Сообщение #8


[PHP]<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<title>Документ без названия</title>
<style type="text/css">
<!--
BODY {
margin: 0;
padding: 0;
margin-top: 0px;
}
-->
</style></head>

<body>

<table width="100%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td background="http://www.html.by/images/top_bg_left.gif"><a href="index.php"><img src="http://www.html.by/images/top_html.jpg" align="left" border="0"/></a><img src="http://www.html.by/images/top_xpromt.jpg" align="right"/></td>
</tr>
</table>
</body>
</html>[/PHP]
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Xset
Xset
сообщение 16.8.2009, 19:04; Ответить: Xset
Сообщение #9


а возможно сделать чисто на css? background: url(...) repeat-x; и т.д.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Nightfly_hb
Nightfly_hb
сообщение 16.8.2009, 19:41; Ответить: Nightfly_hb
Сообщение #10


[PHP]<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<title>Документ без названия</title>
<style type="text/css">
<!--
BODY {
margin: 0;
padding: 0;
margin-top: 0px;
}
#header {
background-image: url(http://www.html.by/images/top_bg_left.gif);
background-repeat: repeat-x;
height: 94px;
}
-->
</style>
</head>
<body>
<div id="header">
<img src="http://www.html.by/images/top_html.jpg" height="94" align="left">
<img src="http://www.html.by/images/top_xpromt.jpg" height="94" align="right">
</div>
</body>
</html>[/PHP]
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
« Предыдущая тема · Программная часть · Следующая тема »
 
2 страниц V   1 2 >
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

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

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Нужна база форумов тематики криптовалюты. Гео весь мир.
 2 Mixatraider 2234 27.7.2023, 22:28
автор: leviathan
Открытая тема (нет новых ответов) ClickStar.me - Топовая рекламная сеть [ Монетизируем весь мир ]
Монетизируйте свой сайт вместе с Clickstar
 2 ClickStar 3135 19.12.2022, 8:59
автор: ClickStar
Открытая тема (нет новых ответов) Внести правки в шапку сайта
на WP
 8 MihalychAIP 3055 9.6.2019, 7:30
автор: MihalychAIP
Открытая тема (нет новых ответов) Разработчик (PHP, JS, Wordpress). Весь мир. Удаленно. 700$ per month
 2 Le0li 2815 20.9.2017, 9:22
автор: WoWeb
Открытая тема (нет новых ответов) Как сделать прикрепленную шапку с меняющимся от стиля контентом?
 1 Musicathome 6367 17.8.2017, 16:29
автор: -Degradator-


 

Режим отображения: Стандартный · Переключить на: Линейный · Переключить на: Древовидный

Подписка на тему · Сообщить другу · Версия для печати · Подписка на этот форум

RSS Текстовая версия Сейчас: 26.4.2024, 1:26

Дизайн

 
Форум IP.Board © 2024  IPS, Inc.
Лицензия зарегистрирована на: MaulNet
Jooble
Форум IP.Board © IPS, Inc.
Лицензия зарегистрирована на: MaulNet