как правильно написать шапку сайта

SID · December 14, 2010

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

вот текст

<html>
<body>
<style>
.heade
{
 background-image:url(img/headcenter.jpg);
 width:100%;

}
</style>
<p>Шапка)
	<div class="heade"> 
 		<img alt="" src="img/headleft.gif">
 		<img alt="" src="img/headright.gif" style="float: right;">
	</div>
</body>
</html>

eVErl@Sting · December 14, 2010

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<style>
* {border:0px}
.header
{
background-image:url(img/headcenter.jpg) left top no-repeat;
width:100%;
height:200px /* к примеру высота шапки */
}
</style>
</head>
<body>
<div class="header"><div><img alt="" src="img/headleft.gif" style="float:left"></div><div><img alt="" src="img/headright.gif" style="float: right"></div></div>
</body>
</html>

как то так

Edited December 15, 2010 by eVErl@Sting

SID · December 15, 2010

Немного помогло, но не весь текст пока понятен, что значит:

* {border:0px}

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

вот еще вопрос хочу посередине какоенибудь лого вцепить но голова опять лезет в 2 строчки и лого не по центру.

Текст

<html>
<head>
<style>
.header
{
 background-image:url(img/headbg.jpg);
 width:100%; 	
}
</style>
</head>
<body>
	<div class="header"> 
 		<div><img alt="" src="img/headleft.gif" style="float:left"></div>
                            <div><img alt="" src="img/headcentr.jpg" style="float:none"></div>
 		<div><img alt="" src="img/headright.gif" style="float: right;"></div>
	</div>
</body>
</html>

eVErl@Sting · December 15, 2010

Немного помогло, но не весь текст пока понятен, что значит:
* {border:0px}

Это сброс рамки для всех элементов на странице.

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

Не длину, а высоту, в данном варианте, это был всего лишь пример.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<style>
* {border:0px}
.header {
background-image:url(img/headcenter.jpg) left top no-repeat;
width:100%;
height:200px /* к примеру высота шапки */ }
</style>
</head>
<body>
<div class="header" >
<div style="float: left"><img alt="" src="img/headleft.gif" style="float:left"></div>
<div style="float: right" ><img alt="" src="img/headright.gif" style="float: right"></div>
<div style="text-align: center" ><img alt="" src="img/headcentr.jpg" style="float:none"></div>
</div>
</body>
</html>

Edited December 15, 2010 by eVErl@Sting

SID · December 22, 2010

Вопрос такого плана:

как вставить теперь эту голову в таблицу:

есть

<tr>

<td colspan="2">Шапка сайта</td>

</tr>

там где надпись шапка сайта , как сделать чтоб отображалась страница?

Edited December 22, 2010 by SID

Okula · December 22, 2010

Вопрос такого плана:
как вставить теперь эту голову в таблицу:
есть
<tr>
<td colspan="2">Шапка сайта</td>
</tr>
там где надпись шапка сайта , как сделать чтоб отображалась страница?

Информации идущяя на вывод в браузер находится между тегами <body>...</body>

SID · December 22, 2010

так мне в таблицу надо

Okula · December 22, 2010

так мне в таблицу надо

Так:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>Заголовок страницы</title>
</head>
<body>
<table><tr>
<td colspan="2">Шапка сайта</td>
</tr></table>
</body></html>

SID · December 22, 2010

Вы просто неправильно меня поняли. Я просто непреводил в пример весь текст таблицы, просто там где надпись Шапка сайта нужно вставить заранее созданный html файл, чтоб он отображался.

Okula · December 22, 2010

Вы просто неправильно меня поняли. Я просто непреводил в пример весь текст таблицы, просто там где надпись Шапка сайта нужно вставить заранее созданный html файл, чтоб он отображался.

Если вы хотите подгрузить файл к стринице то воспользуйтесь php (если он поддерживается вашим сервером)

Для этого используется функция include("путь до файла");

И код будет выглядеть так

<td colspan="2"><?php include("путь_до_файла"); ?></td>

Temiks · December 22, 2010

вот так?

<tr>

</div>

</td>

</tr>

Sign In

как правильно написать шапку сайта

Question

Link to comment

Share on other sites

10 answers to this question

Recommended Posts

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Join the conversation

Обсуждения

Important Information