slava03

May 24, 2011

Окей, проехали.

May 24, 2011

Так выложите.

Это обязательное условие для решения моей проблемы? Дело в том, что выкладывание сайта в Интернет на курсах я еще не проходил.

May 24, 2011

Сайт еще не выложен в Интернет. Как эту карту (сейчас смотрю в Firefox, где она отображается) подвинуть на странице вниз, а то у меня в верхней части конента картинка, а в нижней - белый фон. Так вот не хочу, чтобы карта висела в верхней части контента и загораживала картинку.

May 24, 2011

Поставил Яндекс карту на страницу контактов. В Mozilla, Opera, Chrome карта отображается, в IE6 и IE7 - нет. Сам Яндекс пишет "если отображается серый прямоугольник..." - у меня в IE ничего не отображается. Как быть?

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<meta http-equiv="content-type" content="text/html; charset=utf-8" />
	<meta http-equiv="content-language" content="ru" />
	<meta name="robots" content="index,follow" />
	<title>Сантехника Петербург :: Контакты</title>	
	<meta name="keywords" content="ванны акриловые, смесители, душевые кабины, фитинги, раковины, котлы,
    унитазы, ванны чугунные, резиновые прокладки, гибкие подводки" />
	<meta name="description" content="Компания по продаже сантехники в Санкт-Петербурге." />
	<!--[if IE 7]>
	<link rel="stylesheet" type="text/css" href="IE7style.css" />
	<![endif]-->
	<!--[if IE 6]>
	<link rel="stylesheet" type="text/css" href="IE6style.css" />
	<![endif]-->
	<link rel="stylesheet" href="style.css" type="text/css" media="screen, projection" />
</head>

<body>

<div id="wrapper">

	<div id="header">

	</div><!-- #header-->

	<div id="middle">

		<div id="container">
			<div id="content">
				</br>
				<ul>
			<li><p align="left"><a href="o kompanii.html" alt="О Компании" title="О Компании" class="o kompanii">О Компании</a></li>

            <li><p align="center"><a href="uslugi.html" alt="Услуги" title="Услуги" class="uslugi">Услуги</a></li>

            <li><p align="right"><a href="contakti.html" alt="Контакты" title="Контакты" class="contakti">Контакты</a></li>	
</ul>
<p>198260 г. Санкт-Петербург</br>
пр. Ветеранов, 76</br>
Тел./факс: (812) 750-57-49, 750-21-74</br>
E-mail: sale@santechnika-spb.ru</p>
<!-- Этот блок кода нужно вставить в ту часть страницы, где вы хотите разместить карту  (начало) -->
<script src=
"http://api-maps.yandex.ru/1.1/?key=AENz200BAAAApyI0dAIAOAxXGf9iy72qwpAJrBXNP2wY94kAAAAAAAAAAAA5N7M2vp-UG-
_QeeBhNq0bTrnLpA==&modules=pmap&wizard=constructor" type="text/javascript"></script>
<script type="text/javascript">
    YMaps.jQuery(window).load(function () {
        var map = new YMaps.Map(YMaps.jQuery("#YMapsID-5843")[0]);
        map.setCenter(new YMaps.GeoPoint(30.21868,59.835283), 15, YMaps.MapType.MAP);
        map.addControl(new YMaps.Zoom());
        map.addControl(new YMaps.ToolBar());
        YMaps.MapType.PMAP.getName = function () { return "Народная"; };
        map.addControl(new YMaps.TypeControl([
            YMaps.MapType.MAP,
            YMaps.MapType.SATELLITE,
            YMaps.MapType.HYBRID,
            YMaps.MapType.PMAP
        ], [0, 1, 2, 3]));

        YMaps.Styles.add("constructor#pmlbmPlacemark", {
            iconStyle : {
                href : "http://api-maps.yandex.ru/i/0.3/placemarks/pmlbm.png",
                size : new YMaps.Point(28,29),
                offset: new YMaps.Point(-8,-27)
            }
        });

       map.addOverlay(createObject("Placemark", new YMaps.GeoPoint(30.220826,59.833836), "constructor#pmlbmPlacemark", "Магазин Сантехники"));

        function createObject (type, point, style, description) {
            var allowObjects = ["Placemark", "Polyline", "Polygon"],
                index = YMaps.jQuery.inArray( type, allowObjects),
                constructor = allowObjects[(index == -1) ? 0 : index];
                description = description || "";

            var object = new YMaps[constructor](point, {style: style, hasBalloon : !!description});
            object.description = description;

            return object;
        }
    });
</script>

<div id="YMapsID-5843" style="width:450px;height:350px"></div>
<div style="width:450px;text-align:right;font-family:Arial"><a href="http://api.yandex.ru/maps/tools/constructor/" style="color:#1A3DC1">
</a></div>
<!-- Этот блок кода нужно вставить в ту часть страницы, где вы хотите разместить карту (конец) --> 

			</div><!-- #content-->
		</div><!-- #container-->

		<div class="sidebar" id="sideLeft">
			<strong>Каталог сантехники</strong>
			<ul>
<li><a href="akril.html" alt="Ванны акриловые" title="Ванны акриловые" class="akrvanni">Ванны акриловые</a></li>

<li><a href="smesiteli.html" alt="Смесители" title="Смесители" class="smesiteli">Смесители</a></li>

<li><a href="dush.html" alt="Душевые кабины" title="Душевые кабины" class="kabini">Душевые кабины</a></li>

<li><a href="fitingi.html" alt="Фитинги" title="Фитинги" class="fitingi">Фитинги</a></li>

<li><a href="rakovini.html" alt="Раковины" title="Раковины" class="rakovini">Раковины</a></li>

<li><a href="kotli.html" alt="Котлы" title="Котлы" class="kotli">Котлы</a></li>

<li><a href="unitazi.html" alt="Унитазы" title="Унитазы" class="unitazi">Унитазы</a></li>

<li><a href="chugun.html" alt="Ванны чугунные" title="Ванны чугунные" class="chugunvanni">Ванны чугунные</a></li>

<li><a href="prokladki.html" alt="Резиновые прокладки" title="Резиновые прокладки" class="prokladki">Резиновые прокладки</a></li>

<li><a href="podvodki.html" alt="Гибкие подводки" title="Гибкие подводки" class="podvodki">Гибкие подводки</a></li>

<li><a href="prochee.html" alt="Прочее" title="Прочее" class="prochee">Прочее</a></li>
</ul>
		</div><!-- .sidebar#sideLeft -->

	</div><!-- #middle-->

</div><!-- #wrapper -->

<div id="footer">
	<strong>© Магазины сантехники, 2011</strong>
</div><!-- #footer -->
</body>
</html>

May 24, 2011

Надо hasLayout добавить к списку. Добавьте к #content ul что-нибудь из этого, по вкусу:
display: inline-block;
width: 100%;
height: сколько-нибудь;
zoom: 1; (не валидно)

Спасибо Вам большое. Сейчас открыл страницу через Firefox, через IE7 и через IE6 - теперь и меню и текст во всех браузерах отображаются корректно.

May 24, 2011

#content ul

Без стрелки. ОК, попробую так сделать.

Сделал, как Вы сказали. Меню в IE6 выровнялось, но текст встал сбоку последнего пункта меню:

May 24, 2011

IE6 не понимает такие селекторы
#content > ul

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

May 24, 2011

Ссылку-то дайте.

Сайт еще не выложен в Интернет. На данный момент

HTML

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<meta http-equiv="content-type" content="text/html; charset=utf-8" />
	<meta http-equiv="content-language" content="ru" />
	<meta name="robots" content="index,follow" />
	<title>Сантехника Петербург / Главная</title>	
	<meta name="keywords" content="магазины сантехники, смесители teka, смесители oras, ванны акриловые, смесители, душевые кабины,
	фитинги, раковины, котлы, унитазы, ванны чугунные, резиновые прокладки, гибкие подводки" />
	<meta name="description" content="Компания по продаже сантехники в Санкт-Петербурге" />
	<!--[if  LT IE 8]>
	<link rel="stylesheet" type="text/css" href="IEstyle.css" />
	<![endif]-->

	<link rel="stylesheet" href="style.css" type="text/css" />
<link rel="stylesheet" type="text/css" href="gallery/shadowbox.css">
<script type="text/javascript" src="gallery/shadowbox.js"></script>
<script type="text/javascript">
Shadowbox.init();
</script>	
</head>

<body>

<div id="wrapper">

	<div id="header">		
	</div><!-- #header-->

	<div id="middle">

		<div id="container">
			<div id="content">
			<ul>
			<li><p align="left"><a href="o kompanii.html" class="o kompanii">О Компании</a></li>

            <li><p align="center"><a href="uslugi.html" class="uslugi">Услуги</a></li>

            <li><p align="right"><a href="contakti.html" class="contakti">Контакты</a></li>	
         </ul>
			     <p>Каждому человеку хочется жить в уютном доме, с комфортом и всеми удобствами. Уютная квартира - это не только уютные
				 комнаты, кухня и коридор, но и такие помещения, как ванная комната и туалет, в которых каждый человек также ежедневно проводит
				 время. Именно поэтому в последнее время так восстребован ремонт в туалете и в ванной комнате, а, соответственно, и покупка
				 различных товаров в магазинах сантехники Санкт-Петербурга. Сантехника - очень обширное понятие, включающее в себя широкий
				 ассортимент товаров, среди которых смесители для ванной, а также смесители для кухни, водонагреватели Термекс, отопительные
				 котлы, радиаторы отопления, раковины, унитазы и т.п. <strong>Магазины сантехники</strong> в СПб не всегда удовлетворяют всем
				 требованиям профессиональных монтажников, для работы которых необходим целый перечень различных инструментов и компонентов
				 инженерной сантехники. Более того, даже обычных покупателей не всегда устраивает выбор, предложенный в магазинах сантехники
				 в СПб. Для обеспечения водоснабжения, мы готовы предложить Вам полный перечень инструментов. Таких как: расширительные баки; 
			    гидропневмобаки; соединительную арматуру ведущих производителей металлопластиковых, медных, пластиковых и стальных труб, а также
				полипропиленовые трубы и фитинги, аксессуары. Кроме того, у нас Вы найдете самый широкий ассортимент смесителей известных
				фирм производителей, например, смесители mofem, <strong>смесители teka</strong>, <strong>смесители oras</strong>,
				смесители hansgrohe и смесители многих других производетелей. Для выполнения комплексных мероприятий отопления, мы можем
				предложить насосы, воздуховоды, радиаторы биметалические, конвекторы и полотенцесушители. Кроме того, у нас Вы можете
				приобрести все необходимое для отвода дождевых и сточных вод как внутри, так и снаружи зданий, внутренняя и наружная
				канализация представлены в наших магазинах в полной мере. Однако если Вы не располагаете достаточным количеством времени
				на поход в магазин, Наш Интернет магазин сантехники СПб к Вашим услугам. Здесь Вы найдете все необходимое для инженерной
				сантехники, в том числе многочисленные инструменты, аксессуары и сопутствующие компоненты. Будем рады видеть Вас в
				числе наших покупателей и надеемся, что представленный в наших магазинах выбор товаров полностью удволетворит Ваши
				потребности.</p>
               <table>
               <tr>

               <td><a href="glavnaya1.jpg" rel="shadowbox[NN]"><img src="glavnaya1_small.jpg" alt="расширительные баки"></a></td>
			   <td><a href="glavnaya2.jpg" rel="shadowbox[NN]"><img src="glavnaya2_small.jpg" alt="смеситель oras"></a></td>
               </tr>
			   </table>
			</div><!-- #content-->
		</div><!-- #container-->

		<div class="sidebar" id="sideLeft">

<strong>Каталог сантехники</strong>

			<ul>
<li><a href="akril.html" class="akrvanni">Ванны акриловые</a></li>

<li><a href="smesiteli.html" class="smesiteli">Смесители</a></li>

<li><a href="dush.html" class="kabini">Душевые кабины</a></li>

<li><a href="fitingi.html" class="fitingi">Фитинги</a></li>

<li><a href="rakovini.html" class="rakovini">Раковины</a></li>

<li><a href="kotli.html" class="kotli">Котлы</a></li>

<li><a href="unitazi.html" class="unitazi">Унитазы</a></li>

<li><a href="chugun.html" class="chugunvanni">Ванны чугунные</a></li>

<li><a href="prokladki.html" class="prokladki">Резиновые прокладки</a></li>

<li><a href="podvodki.html" class="podvodki">Гибкие подводки</a></li>

<li><a href="prochee.html" class="prochee">Прочее</a></li>

</ul>
		</div><!-- .sidebar#sideLeft -->

	</div><!-- #middle-->

</div><!-- #wrapper -->

<div id="footer">
	<strong>© Магазины сантехники, 2011</strong> 
</div><!-- #footer -->
</body>
</html>

CSS

* {
	margin: 0;
	padding: 0;
}
html {
	height: 100%;
}
body {
background: #808080;
	font: 12px/18px Arial, Tahoma, Verdana, sans-serif;

	width: 100%;
	height: 100%;
}
a {
	color: blue;
	outline: none;
	text-decoration: underline;
}
a:hover {
	text-decoration: none;
}
p {
	margin: 0 0 18px
}
img {
	border: none;
}
input {
	vertical-align: middle;
}
#wrapper {
	width: 980px;
	margin: 0 auto;
	min-height: 100%;
	height: auto !important;
	height: 100%;

}

/* Header
—————————————————————————--*/
#header {
	height: 200px;
	background-image:url('header.png');
}

/* Middle
—————————————————————————--*/
#middle {
	width: 100%;
	padding: 0 0 100px;
	height: 1%;
	position: relative;
}
#middle:after {
	content: '.';
	display: block;
	clear: both;
	visibility: hidden;
	height: 0;

}
#container {
	width: 100%;
	float: left;
	overflow: hidden;

}
#content {
	padding: 0 0 0 250px;
	text-align: justify;
background-image:url('content.png');
height: 718px;
}
#content > ul {overflow: hidden;}
#content > ul li {
float: left;
padding-left:40px;
list-style:none;
}

/* Sidebar Left
—————————————————————————--*/
#sideLeft {

	float: left;
	width: 250px;
	height: 718px;
	margin-left: -100%;
	position: relative;
	background-image:url('left.png');

}
#sideLeft > ul li {
list-style:none;

}
/* Footer
—————————————————————————--*/
#footer {
	width: 980px;
	margin: -100px auto 0;
	height: 100px;
	background-image:url('footer.png');
}

С такими HTML и CSS проблема с горизонтальным меню только в IE6.

May 24, 2011

Меню теперь корректно отображается в нормальных браузерах и IE7, а в IE6 по прежнему "едет"... Что же еще нужно сделать?

May 20, 2011

приведу цитату одного человека: Design is not just what it looks like and feels like. Design is how it works.
отстутствие дизайна - тоже дизайн.
так что если ты дизайном не занимаешься, можешь просто голый хтмл закинуть на сервер и все, тебе ли не пофик как он выглядит, если у тебя другая цель?
Кирсанов в книге, тоже приводит ссылку на сайт норвежского прогера:тык

Спасибо, успокоил. Знаю, что мой вопрос кажется знающим специалистам странным, но это нормально: я с установкой дизайна первый раз столкнулся, поэтому решил спросить.

May 19, 2011

компания с сервером точно не пошлет. Поисковики тоже ругаться не будут. Единственное, чтобы картинки были небольшими, а то бывают фоны сразу под разрешение 1360*1024 делают, одной картинкой и вот пока она прогрузится - это уже не очень хорошо. Ну и опять же, если ее невозможно порезать, может это и оправданно.
В общем в вашем случае ставить бэграунд картинкой можно

Не, я одной картинкой не делал. Я разрезал на "детали" для шапки, левой колонки, места для контента и подвала.

Вы можете по человечески объяснить, что у вас есть и что вам надо?

Спасибо, что обратили внимание на мой вопрос, но мною уже получен ответ от пользователя Softlink.

May 19, 2011

можно и вовсе так
background:url(images/fon.png);

У меня это уже работает, мне надо знать - допустим ли такой метод, т.е. когда я буду заливать сайт в интернет, меня та компания, на сервере которой будет лежать мой сайт не пошлет? Поисковики не будут в претензии к сайту, на котором дизайн надет таким способом?

May 19, 2011

попытался увязать первый пост с последним..
Ну если в макете есть картинка, как вы ее замените цветом бэграунда?
Где надо применять картинки, там применяйте, где допустим однородный фон там бэграундом делать. В чем загвоздка-то?
Или я все-таки чего-то не понял в вопросе?

Не картинку цветом бэграунда, а бэграунд картинкой. background-color заменить на background-image.

May 19, 2011

дали бы хоть ссылку посмотреть как вы его одели

Конечно смотрится косо, но опять же: мне просто чтобы не выставлять сайт без дизайна в Интернет.

Вот CSS, где background-image поставлены.

* {
	margin: 0;
	padding: 0;
}
html {
	height: 100%;
}
body {
background: #808080;
	font: 12px/18px Arial, Tahoma, Verdana, sans-serif;

	width: 100%;
	height: 100%;
}
a {
	color: blue;
	outline: none;
	text-decoration: underline;
}
a:hover {
	text-decoration: none;
}
p {
	margin: 0 0 18px
}
img {
	border: none;
}
input {
	vertical-align: middle;
}
#wrapper {
	width: 980px;
	margin: 0 auto;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	background: #da70d6;
}

/* Header
—————————————————————————--*/
#header {
	height: 200px;
	background-image:url('header.png');
}

/* Middle
—————————————————————————--*/
#middle {
	width: 100%;
	padding: 0 0 100px;
	height: 1%;
	position: relative;
}
#middle:after {
	content: '.';
	display: block;
	clear: both;
	visibility: hidden;
	height: 0;

}
#container {
	width: 100%;
	float: left;
	overflow: hidden;

}
#content {
	padding: 0 0 0 270px;
background-image:url('content.png');
height: 696px;	
}
#content > ul li {
display: inline-block;
padding-left:40px;
list-style:none;
}

/* Sidebar Left
—————————————————————————--*/
#sideLeft {

	float: left;
	width: 250px;
	height: 696px;
	margin-left: -100%;
	position: relative;
	background-image:url('left.png');

}
#sideLeft > ul li {
list-style:none;

}
/* Footer
—————————————————————————--*/
#footer {
	width: 980px;
	margin: -100px auto 0;
	height: 100px;
	background-image:url('footer.png');
}

А вот скрин страницы сайта:

May 19, 2011

Здесь не обсуждаются вопросы СЕО, вам на http://forum.searchengines.ru/

Спасибо, обязательно туда зайду. Но может Вы знаете, допустимо ли так "надевать" дизайн на сайт?

May 19, 2011

Меня интересует продвижение сайтов (учусь именно этому), а не их создание, но не выкладывать же в Интернет вообще не оформленный сайт? Вот я и "надел" дизайн на сайт способом, о котором написал в первом сообщении темы. Мне просто надо знать: в моем случае этот способ приемлем, или так делать ни в коем случае нельзя по каким-то причинам?

May 19, 2011

Доброго времени суток всем. Есть сайт, на который надо "надеть" дизайн, а именно надеть шапку, левую колонку, поле контента и футер. Допустимо ли это сделать заменой background-ов с html цветом на background-ы с ссылкой на картинку в формате jpg, или gif, png, вместо многоэтапной обработки PSD шаблона?

May 18, 2011

Большое спасибо за помощь! :facepalmxd:

May 18, 2011

Всем доброго времени суток. Мне нужна небольшая помощь. Собственно дело в незначительном изменении кода.

Три ссылки меню над контентом (О компании, Услуги, Контакты) в нормальных браузерах отображаются вот так:

А в IE7 они "поехали":

Как это исправить?

HTML

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<meta http-equiv="content-type" content="text/html; charset=utf-8" />
	<title>Сантехника Петербург / Главная</title>	
	<meta name="keywords" content="магазины сантехники, смесители teka, смесители oras, ванны акриловые, смесители, душевые кабины,
	фитинги, раковины, котлы, унитазы, ванны чугунные, резиновые прокладки, гибкие подводки" />
	<meta name="description" content="Компания по продаже сантехники в Санкт-Петербурге" />
	<link rel="stylesheet" href="style.css" type="text/css" media="screen, projection" />
</head>

<body>

<div id="wrapper">

	<div id="header">		
	</div><!-- #header-->

	<div id="middle">

		<div id="container">
			<div id="content">
			<ul>
			<li><p align="left"><a href="o kompanii.html" class="o kompanii">О Компании</a></li>

<li><p align="center"><a href="uslugi.html" class="uslugi">Услуги</a></li>

<li><p align="right"><a href="contakti.html" class="contakti">Контакты</a></li>	
</ul>
			<p>	<strong>Магазины сантехники</strong> в СПб не всегда удовлетворяют всем требованиям профессиональных монтажников,
				для работы которых необходим целый перечень различных инструментов и компонентов инженерной сантехники. Более того,
				даже обычных покупателей не всегда устраивает выбор, предложенный в магазинах сантехники в СПб. Для обеспечения
				водоснабжения, мы готовы предложить Вам полный перечень инструментов. Таких как: расширительные баки; гидропневмобаки;
				соединительную арматуру ведущих производителей металлопластиковых, медных, пластиковых и стальных труб, а также
				полипропиленовые трубы и фитинги, аксессуары. Кроме того, у нас Вы найдете самый широкий ассортимент смесителей известных
				фирм производителей, например, смесители mofem, <strong>смесители teka</strong>, <strong>смесители oras</strong>,
				смесители hansgrohe. Для выполнения комплексных мероприятий отопления, мы можем предложить насосы, воздуховоды, радиаторы
				биметалические, конвекторы и полотенцесушители. Кроме того, у нас Вы можете приобрести все необходимое для отвода дождевых
				и сточных вод как внутри, так и снаружи зданий, внутренняя и наружная канализация представлены в наших магазинах в полной
				мере. Однако если Вы не располагаете достаточным количеством времени на поход в магазин, Наш Интернет магазин сантехники
				СПб к Вашим услугам. Здесь Вы найдете все необходимое для инженерной сантехники, в том числе многочисленные инструменты,
				аксессуары и сопутствующие компоненты.</p>
               <table>
               <tr>
               <td><a href="glavnaya1.jpg" target="_blank"><img src="glavnaya1_small.jpg" alt="расширительные баки"></a></td>
			   <td><a href="glavnaya2.jpg" target="_blank"><img src="glavnaya2_small.jpg" alt="смеситель oras"></a></td>
               </tr>
				</table>
			</div><!-- #content-->
		</div><!-- #container-->

		<div class="sidebar" id="sideLeft">

			<strong>Каталог сантехники</strong>
			<ul>
<li><a href="akril.html" class="akrvanni">Ванны акриловые</a></li>

<li><a href="smesiteli.html" class="smesiteli">Смесители</a></li>

<li><a href="dush.html" class="kabini">Душевые кабины</a></li>

<li><a href="fitingi.html" class="fitingi">Фитинги</a></li>

<li><a href="rakovini.html" class="rakovini">Раковины</a></li>

<li><a href="kotli.html" class="kotli">Котлы</a></li>

<li><a href="unitazi.html" class="unitazi">Унитазы</a></li>

<li><a href="chugun.html" class="chugunvanni">Ванны чугунные</a></li>

<li><a href="prokladki.html" class="prokladki">Резиновые прокладки</a></li>

<li><a href="podvodki.html" class="podvodki">Гибкие подводки</a></li>

<li><a href="prochee.html" class="prochee">Прочее</a></li>
</ul>
		</div><!-- .sidebar#sideLeft -->

	</div><!-- #middle-->

</div><!-- #wrapper -->

<div id="footer">
	<strong>© Магазины сантехники, 2011</strong> 
</div><!-- #footer -->

</body>
</html>

И CSS

* {
	margin: 0;
	padding: 0;
}
html {
	height: 100%;
}
body {
background: #808080;
	font: 12px/18px Arial, Tahoma, Verdana, sans-serif;

	width: 100%;
	height: 100%;
}
a {
	color: blue;
	outline: none;
	text-decoration: underline;
}
a:hover {
	text-decoration: none;
}
p {
	margin: 0 0 18px
}
img {
	border: none;
}
input {
	vertical-align: middle;
}
#wrapper {
	width: 1000px;
	margin: 0 auto;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	background: #da70d6;
}

/* Header
—————————————————————————--*/
#header {
	height: 150px;
	background: #FFE680;
}

/* Middle
—————————————————————————--*/
#middle {
	width: 100%;
	padding: 0 0 100px;
	height: 1%;
	position: relative;
}
#middle:after {
	content: '.';
	display: block;
	clear: both;
	visibility: hidden;
	height: 0;

}
#container {
	width: 100%;
	float: left;
	overflow: hidden;

}
#content {
	padding: 0 0 0 270px;	
}
#content > ul li {
display: inline-block;
padding-left:40px;
list-style:none;
}

/* Sidebar Left
—————————————————————————--*/
#sideLeft {

	float: left;
	width: 250px;
	height: 641px;
	margin-left: -100%;
	position: relative;
	background: #B5E3FF;

}
#sideLeft > ul li {
list-style:none;

}
/* Footer
—————————————————————————--*/
#footer {
	width: 1000px;
	margin: -100px auto 0;
	height: 100px;
	background: #BFF08E;
}

May 14, 2011

А вы учитесь искать и разбираться в найденном. Это не уникальное меню и таких уже много сделано. Берите любое и настройте для себя.

Что тут скажешь... Логично!

May 14, 2011

напиши почту, отправлю меню

charm08@mail.ru

я вам сделал 3-х уровневое меню, по такой же схеме можно сделать и 6-и уровневое

Спасибо за помощь. Полную версию того, что необходимо сделать мне на e-mail уже отправил Softlink, за что ему большое спасибо. Надеюсь я не слишком напряг его в выходной день.

May 14, 2011

У меня было три уровня, в Вашем варианте их стало 4, я правильно понял?

May 14, 2011

завтра попробую поковырять - сегодня уже поздно.

Ясное дело, ночью спать надо.))) Спасибо Вам за ответ.

А оно вертикальное или горизонтальное должно быть?

Оно должно быть горизонтальное. Горизонтальное всплывающее меню с шестью уровнями.

p.s. а пока попробуйте поискать на всяких блогах - часто выкладывают такие извращения в качестве примеров

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

May 13, 2011

Ахренеть можно. Зачем друг просит делать аж 6-и уровневое меню человека, который не умеет делать и 2-ух?

История следующая: он попросил сделать это в отделе разработки той фирмы, где он работает, но там сославшись на занятость его мягко говоря "завернули".

как по мне, так 6-ти уровневое меню это уже перебор. Надо думать над навигацией лучше. Либо совмещать пункты, либо еще что-то.
Ваш друг не подумал, каково пользователю искать ссылку в шестом уровне и думать, а не вылезет ли еще седьмой?

Да, я понимаю, что это не самая стандартная задача. Но другом ничего не было сказано про какие-нибудь изыски с дизайном, только чтобы из приведенного выше кода сделать код меню с шестью уровнями. Надеюсь здесь есть специалист, который споосбен это осуществить.

May 13, 2011

У меня вопрос про меню. Помогите, люди добрые.

Как это горизонтальное всплывающее меню сделать шестиуровневым? Друг попросил, а я не умею.

<HTML>
<head>
     <title>hover</title>
     <style type="text/css">
     UL {width:800px; list-style:none; margin:0; padding:0; font-family:Arial,sans-serif; font-size:10pt;}
     UL li {position:relative;display:inline-block;}
     li UL {position:absolute; display:none; top:20; left:0px; z-index:1;}
	 li A {display:block; width:100%; padding:5px; text-decoration:none; color:#666;
border:1px solid #ccc; background-color:#f0f0f0; border-bottom: none;}
     li A:hover {color:#ffe;	background-color:#5488af;}
	 li:hover UL {display:block;}
	 .brd{border-bottom:1px solid #ccc;}
	 li ul li{
	 display:block;
	 width:180px;
	 	 }
	#third{
	display:none;
	top:0;
	left:179px;

	}	 
	#two:hover #third{
	display:block;

	}
	 </style>
</head>
<body>
	<UL  id="menu">
     <li><a href="1.html">111111</a>
	     <UL>

	        <li id="two"><a href="2.html">222222</a>
				     <UL id="third">
	        <li><a href="2.html">222222</a></li>
	        <li><a href="3.html">333333</a></li>
	        <li><a href="4.html">444444</a></li>
		    <li><a href="5.html" class="brd">555555</a></li>

	     </UL>

			</li>
	        <li><a href="3.html">333333</a></li>
	        <li><a href="4.html">444444</a></li>
		    <li><a href="5.html" class="brd">555555</a></li>
	     </UL>
	 </li>

	 <li><a href="1.html">111111</a>
         <UL>
	     <li><a href="2.html">222222</a></li>
	     <li><a href="3.html">333333</a></li>
	     <li><a href="4.html">444444</a></li>
		 <li><a href="5.html" class="brd">555555</a></li>

	     </UL>
	     <li><a href="1.html">111111</a>
         <UL>
	     <li><a href="2.html">222222</a></li>
	     <li><a href="3.html">333333</a></li>
	     <li><a href="4.html">444444</a></li>
		 <li><a href="5.html" class="brd">555555</a></li>

	     </UL>
         </li>
     </li>
	 <li><a href="1.html">111111</a></li>
	 </UL>
</body>
</HTML>

Sign In

slava03

Posts

Joined

Last visited

Content Type

Profiles

Forums

Calendar

Store

Posts posted by slava03

Карта yandex

Карта yandex

Карта yandex

Карта yandex

Меню "едет" в IE7

Меню "едет" в IE7

Меню "едет" в IE7

Меню "едет" в IE7

Меню "едет" в IE7

Вопрос по дизайну

Вопрос по дизайну

Вопрос по дизайну

Вопрос по дизайну

Вопрос по дизайну

Вопрос по дизайну

Вопрос по дизайну

Вопрос по дизайну

Меню "едет" в IE7

Меню "едет" в IE7

Всплывающее меню

Всплывающее меню

Всплывающее меню

Всплывающее меню

Всплывающее меню

Всплывающее меню

Forums

Important Information