Вадим

так не выйдет... нужны спаны для обвёртки. поверьте. Эта вёрстка не для html сайта, а для натягивания на cms, поэтому без span не обойтись. нужны вложенности. НО за пример спасибо, очень чисто сделано!

Добрый день! Не получается .menu span сделать по центру блока .menu .wrap {position: relative; min-height: 100%; height: auto; -height: 100%;} .container {margin: 0 auto; padding-bottom: 198px; min-width: 998px; max-width: 1000px;} .content {padding: 80px 0px 0px 13px;} .head {padding: 0; height: 247px; background: #ffffff url(../img/headerbg.jpg) 50% 100% no-repeat;} .logo {width: 187px; height: 49px; padding: 77px 0 0 64px;} .logo img {width: 180px; height: 146px;} .foot {background: #ffffff url(../img/footerbg.jpg) 50% 0 no-repeat; width: 100%; position: absolute; bottom: 20px; height: 129px; z-index: 22; left: 0;} #foot {margin: 0 auto; min-width: 998px; max-width: 1000px;} .foot .foot_inner {padding: 20px 35px 0 35px; height: 90px; overflow: hidden;} .menu {height: 51px; margin: 121px auto; text-align: center; background: #1c4664; border-right: solid 1px #ededef; border-left: solid 1px #ededef;} .menu span {display: block; float:left; height: 51px; font-size: 10px; text-transform: uppercase; font-weight: bold; background: url(../img/menu.jpg) 0 0 no-repeat; color: #000000; border-right: solid 1px #363636;} .menu span a {display: block; padding: 17px 26px 20px 26px; height: 12px; white-space: nowrap; line-height: 17px; float: left; color: #ffffff; border-right: solid 1px #58899b; border-bottom: solid 1px #58899b; border-left: solid 1px #58899b;} .menu span a.now,.menu span a:hover {border-right: solid 1px #58899b; border-top: solid 1px #58899b; border-left: solid 1px #58899b; border-bottom: solid 1px #ffffff; padding: 17px 26px 20px 26px; background: url(../img/selfbg.jpg) 0 0 repeat-x; color: #000000;} .menu .submenu {position: absolute; z-index: 30; height: 1px; width: 1px; clear: both; display: none;} .menu .submenu_inner {position: relative; z-index: 31; top: 38px; //top: 0; width: 160px; background: #3c6e56; font-size: 10px;} .menu .submenu_inner a {display: block; padding: 8px 25px 8px 10px; border-top: #80a091 1px solid; white-space: normal; background: none; color: #FFFFFF; height: auto; float: none;} .menu .submenu_inner a.first {border: none; padding: 9px 25px 8px 10px;} .menu .submenu_inner a:hover,.menu .submenu_inner a.now {padding: 9px 10px 8px 25px; background: #80a091 url(img/submenu_point.gif) 10px 15px no-repeat; border: none;} <div class="wrap"> <div class="container" id="wrap"> <div class="head"> <div class="logo"><a href="/"><img src="img/logo.png" alt="НПФ Инновационные Технологии" title="" /></a></div> <div class="menu"> <span><a href="">Главная</a></span> <span><a href="">О компании</a></span> <span><a href="">Услуги</a></span> <span><a href="">Продукты</a></span> <span><a href="">Клиенты</a></span> <span><a href="">Партнеры</a></span> <span> <a class="now" href="">Материалы</a> <div class="submenu"><div class="submenu_inner"> <a class="first" href="">Нормативные документы</a> <a href="">ГОСТ</a> <a href="">ISO 9000.1</a> <a href="">ФЗ №300.1-14</a> </div></div> </span> <span><a href="">Новости</a></span> <span><a href="">Контакты</a></span> <div class="clear"></div> </div> </div></div></div> Вверху как есть, внизу как должно быть:

Вот пример, о котором говорил в самом начале. Это сайт гослото, а это наш сайт. Разница очевидная. Хотя на WIN платформе все замечательно. Вот вам и МАК. Конечно, можно сказать, что пох, у кого Мак - тот только сафари и пользуется. Но ведь почему-то у гослото все ок, а у нас нет. Кому ещё сайты так протестировать? Обращайтесь.. много нового узнаете. Я просто никогда не думал, что такое настоящая верстка - вот она.

Вариант psywalker почти решат проблему... (text-shadow: #000 0 0 0;)

Ребят, а киньте сюда скрин сайта лебедева. Вот так выглядит сайт на Маке. А вот так проблемный сайт, над которым работаем. Здесь на маке меню имеет странную жирность...

согласен, чем-то прав. про лебедева написали потому, что клиент смотрел сайты его. других веб-студий наверное не знает.. просто надо разобраться почему так. поиск в гугле ничего релевантного не дал. изучение css не принесло пользы. изучени js не по силам. кстати, в ней все отлично уже знаем, спасибо

так и делал. не разобрался..

Сайт гослото: http://www.gosloto.ru/ Смотрю этот сайт из под Мака и XP. На Маке стоят все возможные браузеры и на XP стоят все возможные браузеры. На Маке во всех браузерах (кроме FF) шрифты лучше, как на макетах со сглаживание Crisp. При этом на XP сайты идут без сглаживания. Скорее всего я чего-то не понимаю. У кого ещё есть Мак? И ещё в маке Ариал совсем другой, ни как на XP - это меня вообще убивает. Получается пиксельная верстка иногда идет по ....... В общем готовлю скрины и уже будет видно. Жду Маков))

например посмотри сайт гослото. на win платформе все без сглаживания на мак шрифты выглядят иначе.. хотя стоит Ариал да нет, хорошо, что пишите! спасибо! просто не понял про тень. подробнее возможно? см. сайт гослото

тень? при чем тут она? у нас на сайтах нет тени

Привет, Друзья! В общем озадачил меня мой дизайнер. Он часто смотрит сайты Лебедева на MacOS и заметил, что на его сайтах шрифты всегда смотрятся отлично. Есть все сглаживания как в фотошопе, в общем шрифты смотрятся просто супер! А на наших сайтах, которые мы верстаем, говорит что на платформе MacOS они смотрятся убого, что есть какая-то странная полужирность, что не всегда есть сглаживания и вообще не так, как на сайтах Лебедева... Вроде я немного знаю css, смотрел и css на сайтах лебедева.. никакой разницы не заметид.. лишь может быть только это: font-style:normal; font-variant:normal; font-weight:normal; Вставляю на свой сайт. Никаких изменений. Кто что знает о верстке под Mac OS?

psywalker - бездельник! Пока идут базары уже давно можно было все установить, подобрать дизайн, установить нужные плагины и заполнить контентом)))) Эх.. А вообще блогеры знают все! Слышали такое? Нет одного блога на котором есть все. Да и никогда не будут. psywalker, написав одну статью зрау придумает что-то новое и уникальное. скопируют? пох. пусть копируют) вообще не парься. это же интернет. вообще сделать удобный и понятный дизайн, кратко и понятно писать и нормальный хостинг. все. тебя ждет удача. а после НГ можно будет установить Директ и Бегун и зарабатывать чуток. На мороженное подруге точно хватит. А ещё попозже добавишь конкурсы по верстке, разные загадки, призы.. "и народ пошёл!" (так на кладбище говорят ). Потом будешь писать и про JS))) В общем, брат psywalker, все у тя получится!!! а я буду помогать всем, чем смогу!!!

закрыто

в общем нашел niceform, но не нашел скины. мне нужно сделать формы под Макинтош (в смысле дизайна) у кого чо есть?

ааа.. теперь понятно! И Вердере можно понять, и Автора. Но я сам часто бывает что-то скачаю в отличном качестве, а это потом оказывает украденное с какого-то сайта. Хотя я всегда читаю лицензии и договор, если такой имеется. Скорее всего наш друг просто не в курсе, что скачал чью-то работу, которая стоит денег. Это как тот директор школы, который купил WinXP в магазине за 100 рублей. Понимаете? Очень жаль, что так происходит. А вообще лучше не мучать себя и сделать сайт такого уровня на который ты сам тянешь. Сделай минимализм. Это сейчас очень модно и просто. От тебя потребуется минимальные знания photoshop и хотя бы 1-2 книжки по 100 рублей купить через озон. И поверь, конечный результат превзойдет все ожидания! А воздушные шарики, небо, облака — уже запарили, как те американские рожи в шаблонных сайтах