Форум Сайтостроение Веб-строительство

Помогите пожалуйста переделать часть табличной верстки в дивы

[Удален]
738

Привет всем! Пожалуйста, помогите переделать часть табличного кода в дивы. Знаю немного css, но видно пока что не справится мне с этим заданием.

Верхняя часть шапки сайта

<div id="contanier">

 <div id="topBlock">

 <table border="0" cellpadding="0" cellspacing="0" id="topTable" align="center">

<tr><td class="dataBar">Пятница, 24.02.2012, 19:12<br />Приветствую Вас <b>Гость</b></td></tr>

 <tr><td class="logoBar"><h1><!-- <logo> -->Документальные фильмы онлайн<!-- </logo> --></h1></td></tr>

 <tr><td class="navBar"><a href="/#"><!--<s5176>-->Главная<!--</s>--></a> | <a href="/#">Регистрация</a> | <a href="/#">Вход</a> | <a href="/#">RSS</a></td></tr>

</table>

 </div>

 </div>

css

#contanier {background:url(../images/3.gif) repeat-x #303030;}

#topBlock {background:url(../images/4.jpg) top center no-repeat;height:243px;}

#topTable {height:243px;width:1000px;margin-left:auto;margin-right:auto;}

.dataBar {height:40px;font-size:7pt;padding:5px;}

.logoBar {height:183px;}

.logoBar h1 {color:#FFFFFF;margin-left:10%;font-size:24pt;}

.navBar {height:20px;text-align:center;}

Заранее благодарю за помощь!

Skreep
На сайте с 27.03.2012
Offline
12
Skreep
#1 

		<div id="contanier">

			<div id="topBlock">

				<div id="topTable">

					<div class="dataBar">Пятница, 24.02.2012, 19:12<br />Приветствую Вас <b>Гость</b>

					</div><!-- dataBar -->

					<div class="logoBar">

						<h1><!-- <logo> -->Документальные фильмы онлайн<!-- </logo> --></h1>

					</div><!-- logoBar -->

					<div class="navBar">

						<a href="/#"><!--<s5176>-->Главная<!--</s>--></a> | <a href="/#">Регистрация</a> | <a href="/#">Вход</a> | <a href="/#">RSS</a>

					</div><!-- navBar -->

				</div><!-- topTable -->

			</div><!-- topBlock -->

		</div><!-- contanier -->

#contanier {background:url(../images/3.gif) repeat-x #303030;}

#topBlock {background:url(../images/4.jpg) top center no-repeat;height:243px;margin:0 auto;}

#topTable {height:243px;width:1000px;margin-left:auto;margin-right:auto;}

.dataBar {height:30px;font-size:7pt;padding:5px;}

.logoBar {height:183px;}

.logoBar h1 {color:#FFFFFF;font-size:24pt;margin:auto 10%;padding-top:73px;}

.navBar {height:20px;text-align:center;}

Так, вроде. В основном, лишь поменял "id" на "class" в html))

[Удален]
#2

Skreep - Спасибо! Вроде на этом примере дальше разберусь сам. А тему можно закрывать. :)

---------- Добавлено 03.04.2012 в 12:39 ----------

Молоток. Сори, но я не могу поставить тебе плюсик, пишет - Sorry, you cannot give reputation to this post.

Google меньше доверяет ссылкам, Google меньше доверяет ссылкам, Google не блокирует сайты
Skreep
На сайте с 27.03.2012
Offline
12
Skreep
#3

ShadowStalker, да ничего)) как фанат - фанату, без плюсиков) Сам геймер)

[Удален]
#4

Skreep, Понял! =:))

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий