Jump to content

slava03

Newbie
 View Profile  See their activity

  • Posts

    29

  • Joined

  • Last visited

slava03's Achievements

Explorer

Explorer (1/14)

0

Reputation

  1. slava03

    Карта yandex

    slava03 replied to slava03's question in HTML Coding

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

    Карта yandex

    slava03 replied to slava03's question in HTML Coding

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

    Карта yandex

    slava03 replied to slava03's question in HTML Coding

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

    Карта yandex

    slava03 posted a question in HTML Coding

    Поставил Яндекс карту на страницу контактов. В 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>
  5. slava03
    Спасибо Вам большое. Сейчас открыл страницу через Firefox, через IE7 и через IE6 - теперь и меню и текст во всех браузерах отображаются корректно.
  6. slava03
    Без стрелки. ОК, попробую так сделать. Сделал, как Вы сказали. Меню в IE6 выровнялось, но текст встал сбоку последнего пункта меню:
  7. slava03
    Подскажите пожалуйста, на что тогда заменить этот селектор?
  8. slava03
    Сайт еще не выложен в Интернет. На данный момент 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.
  9. slava03
    Меню теперь корректно отображается в нормальных браузерах и IE7, а в IE6 по прежнему "едет"... Что же еще нужно сделать?
  10. slava03
    Спасибо, успокоил. Знаю, что мой вопрос кажется знающим специалистам странным, но это нормально: я с установкой дизайна первый раз столкнулся, поэтому решил спросить.
  11. slava03
    Не, я одной картинкой не делал. Я разрезал на "детали" для шапки, левой колонки, места для контента и подвала. Спасибо, что обратили внимание на мой вопрос, но мною уже получен ответ от пользователя Softlink.
  12. slava03
    У меня это уже работает, мне надо знать - допустим ли такой метод, т.е. когда я буду заливать сайт в интернет, меня та компания, на сервере которой будет лежать мой сайт не пошлет? Поисковики не будут в претензии к сайту, на котором дизайн надет таким способом?
  13. slava03
    Не картинку цветом бэграунда, а бэграунд картинкой. background-color заменить на background-image.
  14. slava03
    Конечно смотрится косо, но опять же: мне просто чтобы не выставлять сайт без дизайна в Интернет. Вот 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'); } А вот скрин страницы сайта:
  15. slava03
    Спасибо, обязательно туда зайду. Но может Вы знаете, допустимо ли так "надевать" дизайн на сайт?
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy

  I accept