slava03
Newbie-
Posts
29 -
Joined
-
Last visited
Content Type
Profiles
Forums
Calendar
Store
Everything 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>
-
Спасибо Вам большое. Сейчас открыл страницу через Firefox, через IE7 и через IE6 - теперь и меню и текст во всех браузерах отображаются корректно.
-
Без стрелки. ОК, попробую так сделать. Сделал, как Вы сказали. Меню в IE6 выровнялось, но текст встал сбоку последнего пункта меню:
-
Подскажите пожалуйста, на что тогда заменить этот селектор?
-
Сайт еще не выложен в Интернет. На данный момент 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 по прежнему "едет"... Что же еще нужно сделать?
-
Спасибо, успокоил. Знаю, что мой вопрос кажется знающим специалистам странным, но это нормально: я с установкой дизайна первый раз столкнулся, поэтому решил спросить.
-
Не, я одной картинкой не делал. Я разрезал на "детали" для шапки, левой колонки, места для контента и подвала. Спасибо, что обратили внимание на мой вопрос, но мною уже получен ответ от пользователя Softlink.
-
У меня это уже работает, мне надо знать - допустим ли такой метод, т.е. когда я буду заливать сайт в интернет, меня та компания, на сервере которой будет лежать мой сайт не пошлет? Поисковики не будут в претензии к сайту, на котором дизайн надет таким способом?
-
Не картинку цветом бэграунда, а бэграунд картинкой. 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'); } А вот скрин страницы сайта:
-
Спасибо, обязательно туда зайду. Но может Вы знаете, допустимо ли так "надевать" дизайн на сайт?
-
Меня интересует продвижение сайтов (учусь именно этому), а не их создание, но не выкладывать же в Интернет вообще не оформленный сайт? Вот я и "надел" дизайн на сайт способом, о котором написал в первом сообщении темы. Мне просто надо знать: в моем случае этот способ приемлем, или так делать ни в коем случае нельзя по каким-то причинам?
-
Доброго времени суток всем. Есть сайт, на который надо "надеть" дизайн, а именно надеть шапку, левую колонку, поле контента и футер. Допустимо ли это сделать заменой 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 Спасибо за помощь. Полную версию того, что необходимо сделать мне на e-mail уже отправил Softlink, за что ему большое спасибо. Надеюсь я не слишком напряг его в выходной день.
-
У меня было три уровня, в Вашем варианте их стало 4, я правильно понял?
-
Ясное дело, ночью спать надо.))) Спасибо Вам за ответ. Оно должно быть горизонтальное. Горизонтальное всплывающее меню с шестью уровнями. Дело в том, что вполне возможно придется долго искать, а мне к понедельнику надо. Вернее другу надо.
-
История следующая: он попросил сделать это в отделе разработки той фирмы, где он работает, но там сославшись на занятость его мягко говоря "завернули". Да, я понимаю, что это не самая стандартная задача. Но другом ничего не было сказано про какие-нибудь изыски с дизайном, только чтобы из приведенного выше кода сделать код меню с шестью уровнями. Надеюсь здесь есть специалист, который споосбен это осуществить.
-
У меня вопрос про меню. Помогите, люди добрые. Как это горизонтальное всплывающее меню сделать шестиуровневым? Друг попросил, а я не умею. <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>