Помогите с вёрсткой

Biata · 24.12.2012, 17:59

Здравствуйте. В очередной раз обращаюсь к вам. Уже многому научили, но опять столкнулась с проблемой.

http://kulinarof.ucoz.net/

Поплыло меню, должно быть одно под другим. Тёмная полоска сверху должна быть растянута на всю ширину страницы. Что я сделала не так? Как сделать чтоб центральный белый лист растягивался вниз при наполнении страницы текстом? И почему менюшка сверху при наведении подсвечивается каким-то тупым голубым цветом, должно быть по-другому.

Буду очень благодарна если хоть чем-то поможете. Продолжаю выяснять проблемы сама.

Код HTML:

<!DOCTYPE html><html><head>

    
	<meta charset="utf-8">
	<title>Персональный сайт - Home</title>
	<link type="text/css" rel="StyleSheet" href="/_st/my.css">
	<!--[if lt IE 9]><script src="/js/html5.js"></script><?[endif]--?>
	<link type="text/css" rel="StyleSheet" href="http://s73.ucoz.net/src/layer1.css">
	<script type="text/javascript" src="http://s73.ucoz.net/src/jquery-1.7.2.js"></script>
	<link href="http://s73.ucoz.net/src/ulightbox/ulightbox.css" rel="stylesheet" type="text/css"><script type="text/javascript" src="http://s73.ucoz.net/src/ulightbox/ulightbox.js"></script>
	<script type="text/javascript" src="http://s73.ucoz.net/src/uwnd.js?2"></script><style type="text/css">.UhideBlock {display:none}</style>
    </head>
    <body contenteditable="true">
	<div id="container">
	    <nav>
		<!-- <sblock_menu> -->
<!-- <bc> --><div id="uMenuDiv1" class="uMenuV" style="position:relative;"><ul class="uMenuRoot">
		<li><div class="umn-tl"><div class="umn-tr"><div class="umn-tc"></div></div></div><div class="umn-ml"><div class="umn-mr"><div class="umn-mc"><div class="uMenuItem"><a href="/"><span>Главная</span></a></div></div></div></div><div class="umn-bl"><div class="umn-br"><div class="umn-bc"><div class="umn-footer"></div></div></div></div></li>
		<li><div class="umn-tl"><div class="umn-tr"><div class="umn-tc"></div></div></div><div class="umn-ml"><div class="umn-mr"><div class="umn-mc"><div class="uMenuItem"><a href="/index/0-2"><span>О нас</span></a></div></div></div></div><div class="umn-bl"><div class="umn-br"><div class="umn-bc"><div class="umn-footer"></div></div></div></div></li>
		<li><div class="umn-tl"><div class="umn-tr"><div class="umn-tc"></div></div></div><div class="umn-ml"><div class="umn-mr"><div class="umn-mc"><div class="uMenuItem"><a href="/index/design/0-4"><span>Меню</span></a></div></div></div></div><div class="umn-bl"><div class="umn-br"><div class="umn-bc"><div class="umn-footer"></div></div></div></div></li>
		<li><div class="umn-tl"><div class="umn-tr"><div class="umn-tc"></div></div></div><div class="umn-ml"><div class="umn-mr"><div class="umn-mc"><div class="uMenuItem"><a href="/photo"><span>Форум</span></a></div></div></div></div><div class="umn-bl"><div class="umn-br"><div class="umn-bc"><div class="umn-footer"></div></div></div></div></li>
		<li><div class="umn-tl"><div class="umn-tr"><div class="umn-tc"></div></div></div><div class="umn-ml"><div class="umn-mr"><div class="umn-mc"><div class="uMenuItem"><a href="http://72celebration.ucoz.com/news/"><span>Видео</span></a></div></div></div></div><div class="umn-bl"><div class="umn-br"><div class="umn-bc"><div class="umn-footer"></div></div></div></div></li>
		<li><div class="umn-tl"><div class="umn-tr"><div class="umn-tc"></div></div></div><div class="umn-ml"><div class="umn-mr"><div class="umn-mc"><div class="uMenuItem"><a href="/index/0-3"><span>Обратная связь</span></a></div></div></div></div><div class="umn-bl"><div class="umn-br"><div class="umn-bc"><div class="umn-footer"></div></div></div></div></li></ul></div><script type="text/javascript">$(function(){_uBuildMenu('#uMenuDiv1',0,document.location.href+'/','uMenuItemA','uMenuArrow',2500);})</script><!-- </bc> -->
		<!-- </sblock_menu> --> 
	    </nav>
	    <div id="middleWrap">
		<div id="middle">
		    <div id="logo">
			<h1><span><a href="http://"><!-- <logo> -->Kulinarof<!-- </logo> --></a></span></h1>
			<h2>Gotovim vkusno</h2>
		    </div>
		    
		    
		    <div id="photo">
			<div class="p-top"></div>
			<img src="/img/photo.jpg" alt="">
			<div class="p-bot"></div>
		    </div>
<!-- <middle> -->
		    
		    <aside>
			
			
			
			
			$GLOBAL_CLEFTER$
			
			
		    </aside><aside><br></aside><aside><br></aside><aside><br></aside><aside><br></aside><aside><br></aside><aside><br></aside><aside><br></aside><aside><br></aside><aside><br></aside><aside><br></aside><aside><br></aside><aside><br></aside><aside><br></aside><aside><br></aside><aside><br></aside><aside><br></aside><aside><br></aside><aside><br></aside><aside><br></aside><aside><br></aside><aside><br></aside><aside><br></aside><aside><br></aside><aside><br></aside><aside><br></aside>
		    
		    
		    
		    
		    <!-- </middle> -->
		    
		    
		    
		    
		    
		    
		</div>
		<div id="shadow"></div>
	    </div>
	</div>
	<footer>
	    <!-- <copy> -->Copyright MyCorp &copy; 2012 <!-- </copy> -->. $POWERED_BY$<!-- "' -->
	</footer>
	<script src="/js/ui.js"></script>
	
	
    </body></html>

Добавлено через 1 час 33 минуты

Ура-ура-ура с верхней менюшкой всё получилось. Осталось только с блоками меню слева разобраться. Нужно чтоб они также как и Меню сайта шли один под одним друг за дружкой и белый лист посередине продлевался вниз

Добавлено через 1 час 3 минуты

Вроде бы и с блоками слева разобралась, вставив строчку

Код HTML:

<table border="0" width="100%" cellspacing="1" cellpadding="2" class="eBlock">

Теперь не понимаю как пространство справа от блоков заполнить информацией

Листок · 24.12.2012, 19:06

Мысли вслух?

Biata · 24.12.2012, 19:33

Всё мысли закончились, дальше ничего не получается((((

Листок · 25.12.2012, 01:11

Все в порядке. Кожменю растянулось.

ps верх понравился, все что ниже - трэш и по шрифтам и вобще... что это за уиуиуи ай ди?

Biata · 25.12.2012, 16:05

Я с вёрсткой попросила помочь, а не с дизайном. Дизайн будет ещё на 50% переделан. Не получается справа от менюшки вставить основное наполнение, как это прописать не соображаю. Таблицей как-то, а как не понимаю

Добавлено через 50 минут

Поняла, проблема была в CSS, который я ненавижу. Вот стало что-то похожее на правду отображаться, но до идеала ещё далеко

Добавлено через 5 минут

Помогите пожалуйста, что здесь ещё не так?

Код HTML:

table.main-table {border: 0px; padding: 0px; border-collapse: collapse; width: 1000px; border-spacing: 0px; margin-left: auto; margin-right: auto;}
td.content-block {vertical-align: top; padding: 10px;}
td.side-block {vertical-align: top; width: 210px; padding: 0; border-right: 1px solid #413425;text-align: center;}
td.forum-block {vertical-align: top; padding: 10px;}

Добавлено через 6 минут

Листок, посоветуйте со шрифтом пожалуйста

Добавлено через 29 минут

Всё всем спасибо, разобралась сама. ПОСОВЕТУЙТЕ ТОЛЬКО ПОЖАЛУЙСТА ШРИФТ КРАСИВЫЙ

Листок · 25.12.2012, 20:21

Цитата:

Сообщение от Biata

ПОСОВЕТУЙТЕ ТОЛЬКО ПОЖАЛУЙСТА ШРИФТ КРАСИВЫЙ

Я не метр в топографике, но заголовки - на ваш вкус, имхо шрифтом близким к логотипу. Шрифт основной - из того-же семейства. Не с чего ходить, ходи с [s]бубны[/s] Arial'ом

Biata · 26.12.2012, 20:00

Вообще-то хотелось бы что-нибудь поинтереснее рукописный какой-нибудь шрифт. Только я не очень понимаю, если у человека который просматривает мой сайт этого шрифта не будет предусмотрено в Windows получается у него он не будет отображаться?

vladendark · 26.12.2012, 23:18

Цитата:

Сообщение от Biata

Вообще-то хотелось бы что-нибудь поинтереснее рукописный какой-нибудь шрифт. Только я не очень понимаю, если у человека который просматривает мой сайт этого шрифта не будет предусмотрено в Windows получается у него он не будет отображаться?

Белочка в помощь. А вообще - следуйте мудрым советам и юзайте системные шрифты.
А с меню вы такой огород нагородили....

Листок · 27.12.2012, 00:48

Цитата:

Сообщение от Biata

Вообще-то хотелось бы что-нибудь поинтереснее рукописный какой-нибудь шрифт.

представте сколько еще людей этого хочет

на всех шрифтов не напасешся!

Цитата:

Сообщение от Biata

Только я не очень понимаю, если у человека который просматривает мой сайт этого шрифта не будет предусмотрено в Windows получается у него он не будет отображалться?

Старые, мудрые советы, как написано выше.

PS Используйте изображения. Пару кило контента

vladendark · 27.12.2012, 00:56

Цитата:

Сообщение от Листок

PS Используйте изображения. Пару кило контента

ну уж нет! лучше подключить шрифты

Похожие темы
Тема	Автор	Раздел	Ответов	Последнее сообщение
Помогите с вёрсткой в IE7	Kitry	HTML, CSS, JavaScript	2	02.10.2011 22:59
Помогите с вёрсткой	Akafaus	HTML, CSS, JavaScript	1	24.06.2011 17:18

24.12.2012, 19:33	#3
Biata	Всё мысли закончились, дальше ничего не получается((((

25.12.2012, 01:11	#4
Листок	Все в порядке. Кожменю растянулось. ps верх понравился, все что ниже - трэш и по шрифтам и вобще... что это за уиуиуи ай ди? Последний раз редактировалось Листок; 25.12.2012 в 01:16..

25.12.2012, 16:05	#5
Biata	Я с вёрсткой попросила помочь, а не с дизайном. Дизайн будет ещё на 50% переделан. Не получается справа от менюшки вставить основное наполнение, как это прописать не соображаю. Таблицей как-то, а как не понимаю Добавлено через 50 минут Поняла, проблема была в CSS, который я ненавижу. Вот стало что-то похожее на правду отображаться, но до идеала ещё далеко Добавлено через 5 минут Помогите пожалуйста, что здесь ещё не так? Код HTML: table.main-table {border: 0px; padding: 0px; border-collapse: collapse; width: 1000px; border-spacing: 0px; margin-left: auto; margin-right: auto;} td.content-block {vertical-align: top; padding: 10px;} td.side-block {vertical-align: top; width: 210px; padding: 0; border-right: 1px solid #413425;text-align: center;} td.forum-block {vertical-align: top; padding: 10px;} Добавлено через 6 минут Листок, посоветуйте со шрифтом пожалуйста Добавлено через 29 минут Всё всем спасибо, разобралась сама. ПОСОВЕТУЙТЕ ТОЛЬКО ПОЖАЛУЙСТА ШРИФТ КРАСИВЫЙ Последний раз редактировалось Biata; 25.12.2012 в 16:05.. Причина: Добавлено сообщение

26.12.2012, 20:00	#7
Biata	Вообще-то хотелось бы что-нибудь поинтереснее рукописный какой-нибудь шрифт. Только я не очень понимаю, если у человека который просматривает мой сайт этого шрифта не будет предусмотрено в Windows получается у него он не будет отображаться?

24.12.2012, 17:59
Ссылки