slava03
-
Posts
29 -
Joined
-
Last visited
Content Type
Profiles
Forums
Calendar
Store
Posts posted by slava03
-
-
Так выложите.
Это обязательное условие для решения моей проблемы? Дело в том, что выкладывание сайта в Интернет на курсах я еще не проходил.
-
Сайт еще не выложен в Интернет. Как эту карту (сейчас смотрю в Firefox, где она отображается) подвинуть на странице вниз, а то у меня в верхней части конента картинка, а в нижней - белый фон. Так вот не хочу, чтобы карта висела в верхней части контента и загораживала картинку.
-
Поставил Яндекс карту на страницу контактов. В 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> -
Надо hasLayout добавить к списку. Добавьте к #content ul что-нибудь из этого, по вкусу:
display: inline-block;
width: 100%;
height: сколько-нибудь;
zoom: 1; (не валидно)Спасибо Вам большое. Сейчас открыл страницу через Firefox, через IE7 и через IE6 - теперь и меню и текст во всех браузерах отображаются корректно.
-
#content ul
Без стрелки. ОК, попробую так сделать.
Сделал, как Вы сказали. Меню в IE6 выровнялось, но текст встал сбоку последнего пункта меню:
-
IE6 не понимает такие селекторы
#content > ul
Подскажите пожалуйста, на что тогда заменить этот селектор?
-
Ссылку-то дайте.
Сайт еще не выложен в Интернет. На данный момент
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.
-
Меню теперь корректно отображается в нормальных браузерах и IE7, а в IE6 по прежнему "едет"... Что же еще нужно сделать?
-
приведу цитату одного человека: Design is not just what it looks like and feels like. Design is how it works.
отстутствие дизайна - тоже дизайн.
так что если ты дизайном не занимаешься, можешь просто голый хтмл закинуть на сервер и все, тебе ли не пофик как он выглядит, если у тебя другая цель?
Кирсанов в книге, тоже приводит ссылку на сайт норвежского прогера:тык
Спасибо, успокоил. Знаю, что мой вопрос кажется знающим специалистам странным, но это нормально: я с установкой дизайна первый раз столкнулся, поэтому решил спросить.
-
компания с сервером точно не пошлет. Поисковики тоже ругаться не будут. Единственное, чтобы картинки были небольшими, а то бывают фоны сразу под разрешение 1360*1024 делают, одной картинкой и вот пока она прогрузится - это уже не очень хорошо. Ну и опять же, если ее невозможно порезать, может это и оправданно.
В общем в вашем случае ставить бэграунд картинкой можно
Не, я одной картинкой не делал. Я разрезал на "детали" для шапки, левой колонки, места для контента и подвала.
Вы можете по человечески объяснить, что у вас есть и что вам надо?
Спасибо, что обратили внимание на мой вопрос, но мною уже получен ответ от пользователя Softlink.
-
можно и вовсе так
background:url(images/fon.png);
У меня это уже работает, мне надо знать - допустим ли такой метод, т.е. когда я буду заливать сайт в интернет, меня та компания, на сервере которой будет лежать мой сайт не пошлет? Поисковики не будут в претензии к сайту, на котором дизайн надет таким способом?
-
попытался увязать первый пост с последним..
Ну если в макете есть картинка, как вы ее замените цветом бэграунда?
Где надо применять картинки, там применяйте, где допустим однородный фон там бэграундом делать. В чем загвоздка-то?
Или я все-таки чего-то не понял в вопросе?
Не картинку цветом бэграунда, а бэграунд картинкой. background-color заменить на background-image.
-
дали бы хоть ссылку посмотреть как вы его одели
Конечно смотрится косо, но опять же: мне просто чтобы не выставлять сайт без дизайна в Интернет.
Вот 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');
}А вот скрин страницы сайта:
-
Здесь не обсуждаются вопросы СЕО, вам на http://forum.searchengines.ru/
Спасибо, обязательно туда зайду. Но может Вы знаете, допустимо ли так "надевать" дизайн на сайт?
-
Меня интересует продвижение сайтов (учусь именно этому), а не их создание, но не выкладывать же в Интернет вообще не оформленный сайт? Вот я и "надел" дизайн на сайт способом, о котором написал в первом сообщении темы. Мне просто надо знать: в моем случае этот способ приемлем, или так делать ни в коем случае нельзя по каким-то причинам?
-
Доброго времени суток всем. Есть сайт, на который надо "надеть" дизайн, а именно надеть шапку, левую колонку, поле контента и футер. Допустимо ли это сделать заменой background-ов с html цветом на background-ы с ссылкой на картинку в формате jpg, или gif, png, вместо многоэтапной обработки PSD шаблона?
-
Большое спасибо за помощь!
-
Всем доброго времени суток. Мне нужна небольшая помощь. Собственно дело в незначительном изменении кода.
Три ссылки меню над контентом (О компании, Услуги, Контакты) в нормальных браузерах отображаются вот так:
А в 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;
} -
А вы учитесь искать и разбираться в найденном. Это не уникальное меню и таких уже много сделано. Берите любое и настройте для себя.
Что тут скажешь... Логично!
-
напиши почту, отправлю меню
charm08@mail.ru
я вам сделал 3-х уровневое меню, по такой же схеме можно сделать и 6-и уровневое
Спасибо за помощь. Полную версию того, что необходимо сделать мне на e-mail уже отправил Softlink, за что ему большое спасибо. Надеюсь я не слишком напряг его в выходной день.
-
У меня было три уровня, в Вашем варианте их стало 4, я правильно понял?
-
завтра попробую поковырять - сегодня уже поздно.
Ясное дело, ночью спать надо.))) Спасибо Вам за ответ.
А оно вертикальное или горизонтальное должно быть?Оно должно быть горизонтальное. Горизонтальное всплывающее меню с шестью уровнями.
p.s. а пока попробуйте поискать на всяких блогах - часто выкладывают такие извращения в качестве примеровДело в том, что вполне возможно придется долго искать, а мне к понедельнику надо. Вернее другу надо.
-
Ахренеть можно. Зачем друг просит делать аж 6-и уровневое меню человека, который не умеет делать и 2-ух?
История следующая: он попросил сделать это в отделе разработки той фирмы, где он работает, но там сославшись на занятость его мягко говоря "завернули".
как по мне, так 6-ти уровневое меню это уже перебор. Надо думать над навигацией лучше. Либо совмещать пункты, либо еще что-то.
Ваш друг не подумал, каково пользователю искать ссылку в шестом уровне и думать, а не вылезет ли еще седьмой?
Да, я понимаю, что это не самая стандартная задача. Но другом ничего не было сказано про какие-нибудь изыски с дизайном, только чтобы из приведенного выше кода сделать код меню с шестью уровнями. Надеюсь здесь есть специалист, который споосбен это осуществить.
-
У меня вопрос про меню. Помогите, люди добрые.
Как это горизонтальное всплывающее меню сделать шестиуровневым? Друг попросил, а я не умею.
<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>
Карта yandex
in HTML Coding
Posted
Окей, проехали.