Вернуться   Дизайнерский форум » ВЕБ-ПРОГРАММИРОВАНИЕ » HTML, CSS, JavaScript

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

Обсуждение темы Помогите с вёрсткой в разделе HTML, CSS, JavaScript, часть категории ВЕБ-ПРОГРАММИРОВАНИЕ; Здравствуйте. В очередной раз обращаюсь к вам. Уже многому научили, но опять столкнулась с проблемой. http://kulinarof.ucoz.net/ Поплыло меню, должно быть одно под другим. ...


Закрытая тема
 
Опции темы
Старый 24.12.2012, 17:59   #1
Здравствуйте. В очередной раз обращаюсь к вам. Уже многому научили, но опять столкнулась с проблемой.

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">
Теперь не понимаю как пространство справа от блоков заполнить информацией

Последний раз редактировалось Biata; 24.12.2012 в 18:00.. Причина: Добавлено сообщение
 
Старый 24.12.2012, 17:59
Ссылки
Старый 24.12.2012, 19:06   #2
Мысли вслух?
 
Старый 24.12.2012, 19:33   #3
Всё мысли закончились, дальше ничего не получается((((
 
Старый 25.12.2012, 01:11   #4
Все в порядке. Кожменю растянулось.

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

Последний раз редактировалось Листок; 25.12.2012 в 01:16..
 
Старый 25.12.2012, 16:05   #5
Я с вёрсткой попросила помочь, а не с дизайном. Дизайн будет ещё на 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.. Причина: Добавлено сообщение
 
Старый 25.12.2012, 20:21   #6
Цитата:
Сообщение от Biata Посмотреть сообщение
ПОСОВЕТУЙТЕ ТОЛЬКО ПОЖАЛУЙСТА ШРИФТ КРАСИВЫЙ
Я не метр в топографике, но заголовки - на ваш вкус, имхо шрифтом близким к логотипу. Шрифт основной - из того-же семейства. Не с чего ходить, ходи с [s]бубны[/s] Arial'ом
 
Старый 26.12.2012, 20:00   #7
Вообще-то хотелось бы что-нибудь поинтереснее рукописный какой-нибудь шрифт. Только я не очень понимаю, если у человека который просматривает мой сайт этого шрифта не будет предусмотрено в Windows получается у него он не будет отображаться?
 
Старый 26.12.2012, 23:18   #8
Цитата:
Сообщение от Biata Посмотреть сообщение
Вообще-то хотелось бы что-нибудь поинтереснее рукописный какой-нибудь шрифт. Только я не очень понимаю, если у человека который просматривает мой сайт этого шрифта не будет предусмотрено в Windows получается у него он не будет отображаться?
Белочка в помощь. А вообще - следуйте мудрым советам и юзайте системные шрифты.
А с меню вы такой огород нагородили....
 
Старый 27.12.2012, 00:48   #9
Цитата:
Сообщение от Biata Посмотреть сообщение
Вообще-то хотелось бы что-нибудь поинтереснее рукописный какой-нибудь шрифт.
представте сколько еще людей этого хочет на всех шрифтов не напасешся!

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

PS Используйте изображения. Пару кило контента
 
Старый 27.12.2012, 00:56   #10
Цитата:
Сообщение от Листок Посмотреть сообщение
PS Используйте изображения. Пару кило контента
ну уж нет! лучше подключить шрифты
 
Старый 27.12.2012, 00:56
Закрытая тема


Опции темы


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


Текущее время: 00:26. Часовой пояс GMT +4.

Реклама на форуме Условия размещения рекламы
Биржа ссылок Заработай на сайте!
Тарифный план «Lite»
Место: 1000 Мб
Трафик: неограниченный
Панель управления
Заказать ТП «Lite»
Тарифный план «Normal»
Место: 2000 Мб
Трафик: неограниченный
Поддержка скриптов
Заказать ТП «Normal»
Тарифный план «Profy»
Место: 7000 Мб
Трафик: неограниченный
Поддержка скриптов
Заказать ТП «Profy»
Тарифный план «Места хватит!»
Место: 25 ГБ
Трафик: неограниченный
Поддержка SSI, ssh
Заказать ТП «Места хватит!»
Дизайнерский форум