Помогите

[TrilLiaN]

У меня есть макет .Проблема вот в чем я не знаю как сверстать шапку(шаблон фиксированный) тоесть я фон то могу отобразить правильно,но логотип и баннер не знаю как сверстать никак не встают так что бы логотип слева баннер справа.Не могу сообразить как сверстать...

Помогите.Пробовал фон делать релатив а логотип с баннером на обсолют,но так фон съезжает да и получается не под все разрешения экрана.

Вот код фона шапки

<table style="width: 100%; border-collapse: collapse"><tbody><tr><td style='width: 1100px; height: 174px; letter-spacing: 0px; word-spacing: 0px; background-image: url("http://nek.3dn.ru/images_shw/shapka_bg.png"); background-repeat: no-repeat; background-position: 50% 50%'>Здесь ложны быть логотип и баннер</td></tr></tbody></table>

[psywalker]

А зачем на таблицах верстаешь? Верстай на слоях, и проблем не будет.

[npofopr]

да и с таблицей никаких проблем

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

так конечно плохо) но можно.

[TrilLiaN]

А можно пример npofopr

Я не умею на слоях верстать psywalker

Дело в том что если я задам float:left логотипу то он прижмется вообще к левому краю,а у меня шаблон шириной 1100px и посередине(т.е есть некоторое расстояние по бокам)

А?

[Great Rash]

Если уж верстаете на таблицах, то и сделайте 2 ячейки - одну под лого, а другую под баннер. Левой скажите text-aligh: left;, а правой скажите text-aligh: right; и никаких флоатов вам не понадобится.

[swetlana]

да при чём тут таблицы вообще?

Тут же всё проще простого:

<header>
	<h1 id="logo"><a href="/">Ucozper.ru</a></h1>
	<aside id="banner"><a href="stp://somewhere"><img src="banner.png" /></a></aside>
</header>

вот и весь код.

ну и в css что-нибудь вроде такого:

header {
	display: block;
	height: 153px;
}
h1#logo,
h1#logo a {
	float: left;
	display: block;
	width: 262px;
	height: 79px;
}
	h1#logo {
		padding: 47px 0 0 28px;
	}
	h1#logo a {
		background: transparent url(logo.png) no-repeat;
		text-indent: -4096px;
	}
aside#banner {
	display: block;
	float: right;
	width: 468px;
	height: 60px;
	padding: 47px 28px 0 0;
}

[TrilLiaN]

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

[TrilLiaN]

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

[mishka]

А семантично ли в хедере баннер делать в <aside>? Я думал что <side> это чтото типа боковой колонки, аналог sidebar

[psywalker]

  mishka2 said:

А семантично ли в хедере баннер делать в <aside>? Я думал что <side> это чтото типа боковой колонки, аналог sidebar

По-моему тоже.

[swetlana]

aside — это блок меньшей значимости, не несущий основной информации.

TrilLiaN, ну только следует иметь в виду, что все цифры я там от балды проставила, поменяйте на свои.

А ещё лучше покажите код, покажите скриншот, что получается, и как должно быть. Так и подсказать проще будет.

[mishka]

  Quote

aside — это блок меньшей значимости, не несущий основной информации.

Ну то есть обычный sidebar. Осталось понять что ему в хедере делать.

TrilLiaN, выложи куданить свою страничку, там и посмотрим.

[re-zet]

<table style="width: 1100px; border-collapse: collapse" align="center"><tr><td style='width: 1100px; height: 174px; letter-spacing: 0px; word-spacing: 0px; background-image: url("http://nek.3dn.ru/images_shw/shapka_bg.png"); background-repeat: no-repeat; background-position: 50% 50%'>
<div style="float: left;">Тут будет логотип</div>
<div style="float: right; ">Тут будет баннер</div>
</td></tr></table>

или

<table style="width: 1100px; border-collapse: collapse" align="center"><tr style='width: 1100px; height: 174px; letter-spacing: 0px; word-spacing: 0px; background-image: url("http://nek.3dn.ru/images_shw/shapka_bg.png"); background-repeat: no-repeat; background-position: 50% 50%'>
<td align="left">Тут будет логотип</td>
<td align="right">Тут будет баннер</td>
</tr></table>

[Great Rash]

  Quote

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

Чтобы было по центру экрана надо задать таблице ширину (например 1000 пикселей), а потом задать для всей таблицы margin: 0 auto; тогда она встанет по центру окна.

swetlana, я конечно понимаю вашу любовь к HTML5, но человек не знает блочной верстки и просит, чтобы ему объяснили как все делается на таблицах. В этом случае ценность вашего поста стремится к нулю.