NightHawk
-
Posts
8 -
Joined
-
Last visited
NightHawk's Achievements
Explorer (1/14)
0
Reputation
-
Вот такая тема:
-
Сверстал макет, в IE8 отображается вполне сносно. Вот пример верхнего меню http://jsfiddle.net/aTWq5/1/ Натянул на движок, вроде как код не поменялся, или я слепой... но выпадающего меню как не бывало... отображается он бог знает как.(в режиме совместимости ещё более-менее) а так, лишь первый элемент меню отображается нормально... Кто что может подсказать? Пациент: _libraryshop.ru p.s. на картинки с товарами внимания можно не обращать, это пока лишь небольшой косяк.
-
!doctype html Валидатор выдал просто уйму ошибок, и абсолютно не знаю, что за ними скрывается. Объясните пожалуйста неграмматному и подскажите как исправить. 1. Element noindex not allowed as child of element div in this context. (Suppressing further errors from this subtree.) Получается, noindex вообще использовать на странице нельзя? А как тогда закрывать ненужные участки страница с SEO целью? 2. The itemprop attribute was specified, but the element is not a property of any item.. ...png" itemprop="contentUrl" width="16" height="16" /></a></li><div.. Что за itemprop и за что он отвечает? Он к <img> никаким боком неклеится? 3. & did not start a character reference. (& probably should have been escaped as &.) В ссылке обнаружился символ & его тоже категорически недолжно быть? Ещё обнаружил <meta name=""> с непонятными символами, но был в <Body> мета ведь не могут быть в теле? Спасибо за помощь!
-
Спасибо большое! все стало на свои места :-)
-
Сверстал свой первый макет и при проверки на кроссбраузерность в safare и chrome поплыли некоторые элементы, скажите, что именно исправить и почему так выходит? Вот как выглядит нормально в опере: А вот в сафаре: Скидываю эти участки кода. html: <div id="topmenu"> <ul id="navigation"> <li><a href="#" class="select">Home</a></li> <li><a href="#">About</a></li> <li><a href="#">Portfolio</a></li> <li><a href="#">Blog</a></li> <li><a href="#">Contact</a></li></ul> <div id="rss"><img src="img/rss.jpg" alt="rss блога" class="imgrss"/><a href="#">Subscribe</a></div> <!-- end rss --> <div id="search"> <form name="Search" method="get" action="http://www.yandex.ru:8081/yandsearch"> <input name="text" type="text" id="search_text"/> <input type="submit" value="Поиск" id="search_button"/> </form> </div><!-- end search --> </div> <!-- end topmenu --> <div id="banner"> <h1>Magnifico</h1><img src="img/wavet.png" width="93" height="27" class="wave" alt="" /> </div> Css: /* Header*/ #topmenu { height: 32px; background: #050505; } #topmenu ul { float: left; padding: 0px 0px 0px 86px; } #topmenu ul li { float: left; display: block; line-height: 30px; position: relative; } #topmenu ul li a { height: 32px; display: block; text-decoration: none; text-transform: uppercase; text-align:center; padding: 0 16px; } #topmenu ul li a:hover, #topmenu ul li a.select { height: 32px; display: block; text-decoration: none; background: #0a9fb0 ; color: #fff; } #topmenu ul li a:hover:after, #topmenu ul li a.select:after { content: " "; background: url(img/arrow.png) no-repeat; left: 44%; display: block; height: 7px; width: 13px; position: absolute; top: 32px; } #rss { float: left; } .imgrss { padding: 9px 0px 6px 9px; } #rss a { float: right; text-decoration: none; line-height: 30px; text-align:center; padding: 2px 0px 0px 9px; text-transform: uppercase; } #rss a:hover { text-decoration: underline; } /* Search Form*/ #search { float: right; } #search_text { width: 121px; height: 16px; background: #272727; border: 1px solid #353535; margin: 8px 21px 6px 0px; } #search_button { height: 32px; display: block; padding: 0 16px; float: right; text-decoration: none; border: none; margin: 0px 168px 6px 0px; background: #0a9fb0; color: #fff; text-transform: uppercase; cursor: pointer; } /* Banner */ #banner { height: 115px; } #banner h1 { font-size: 30px; font-family: Arial, Arial, Helvetica, sans-serif; color: #3c3c3c; text-transform: uppercase; text-align: center; padding: 30px 100px 0px 0px; display: block; position: relative; } .wave { display: block; left: 48%; position: absolute; } Так же, в сафаре не работает "cursor: pointer;" можно что-то ещё с кнопкой предпринять?
-
Спасибо большое! Все получилось.
-
Здесь есть небольшой видео курс по верстки сайта: _http://denweb.ru/put-veb-mastera_sod
-
Необходимо сверствать вот такое меню: Само меню более-менее сверствать удалось, но не знаю как быть со стрелкой, где, куда и каким образом её разместить? Если бы она была внутри блока можно было при помощи background: url() no-repeat bottom; но bottom оставит её лишь внутли блока, а нужно вынести наружу. #topmenu { height: 32px; background: #050505; } #topmenu ul { float: left; padding: 0px 0px 0px 86px; } #topmenu ul li { float: left; display: block; line-height: 30px; } #topmenu ul li a { height: 32px; display: block; text-decoration: none; text-transform: uppercase; text-align:center; padding: 0 16px; } #topmenu ul li a:hover, #topmenu ul li a.select { height: 32px; display: block; text-decoration: none; background: #0ba6b8; color: #fff; }