Вадим

так не выйдет... нужны спаны для обвёртки. поверьте. Эта вёрстка не для 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 рублей купить через озон.

И поверь, конечный результат превзойдет все ожидания! А воздушные шарики, небо, облака — уже запарили, как те американские рожи в шаблонных сайтах

Да, главное, чтобы заказчик был рад. Например, когда я выкладываю картинку фуры Scania несущейся по шоссе, то я имею полное право взять изображение с сайта Scania, обработать его, и со спокойной душой продемонстрировать на сайте. Те же картинки, что использовал ziyodjon, не имеют статуса Free. Скачаны они с варезных сайтов, торрентов, да откуда угодно. Какой-то человек старался, рисовал в векторе и потом захотел продать. Это нормальное желание. А ziyodjon просто так взял этот вектор и выдал за свой. Да еще и обработать не смог качественно. Это нормально?

нет. это не нормально. а ещё ненормально то, что если дизайнер хотел продать свой вектор, то он никогда бы его не стал выкладывать вектор)

Не уж то вы когда продаете дизайн сайта выкладываете его на оценку в PSD формате?

И ещё раз повторюсь. Дизайн отличный! Аудитория своя найдется. Я уверен!

неадекватный заказчик, в таком случае

да. заказчики бывают разные. я сам против воровства и сам жертва таких нападок, но что делать, если и правда всем плевать, кроме нас самих?

Напоминает деревню крепостных крестьян -лилипутов. Это что угодно но только не 3D. Такое "3D" рисуется кривыми в иллюстраторе за 20 минут, причем выглядеть будет в разы красивей.

У*бищный коллаж (точнее потуга на коллаж) с разноцветной травой (посмотрите на цвет травы на улице и на склонах), пустнынная улица деревни-призрака. В крайнем левом доме загон для скота прямо в гостиной.

Дома щас е*нутся друг на друга как костяшки домино (перспектива просто ппц). Страшный бесплатный шрифт. Про подбор цветов промолчу. И над все этим возвышается... кхм... замок без фундамента. Или вы хотели, чтобы типа он терялся в облаках? Могу расстроить, вам это не удалось показать. Он просто висит скрыв подножие уродливым фотошопным стандартным градиентом.

6 лет... Пи*дец... Вот тут я написал (http://forum.htmlbook.ru/index.php?showtopic=16010), что чувствую, когда сначала сделают говно, а потом его еще и продать хотят.

P.S.

А вы пятидесятишестилетнего дядьку обсирали. Как вам не стыдно

Вообще. Вы не правы. Те работы, которые вы показали очень дорогие. Это миллионные заказы.

Аудитория этого сайта совсем другая, как и у вашего сайта по логистике.

Очень неправильно копировать чьи-то работы. Человек занимается тем делом, которое ему нравится. Если его работы покупают - он успешный парень.

А Вы, Вердер, судите как какой-то коммунист о картинах Сальвадора Дали!

Картинки из интернета берут, согласен, но их хотя бы обрабатывают так, чтобы сложно понять было, что это не твое. Дело техники.

Насчет логотипа - принципиально сегодня найду место, откуда вы его украли. Просто видел его буквально несколько дней назад.

Вообще-то многие изображения имеют статус free) и нет ничего порочного в том, чтобы их использовать. Друго разговор, если с помощью это ты получаешь прибыль. Тогда здесь может быть закон не на твоей стороне.

Но в нашей стране на это никто не обращает внимание. Главное, что бы заказчик был рад! © Вердер )))

да будет так) Вердер - ты лучший, мега дизайнер и супер профессионал! Удачи те!

И сайт у меня есть, и работа, и живу я отлично) и даже дизайнеры и программисты есть) а верстальщика хорошего нашел в пятницу

И клиенты мои Техносила, Эльдорадо, МТС, Манго и пр))))

так что хватит базарить, а то приеду и в нос дам

Ну если тебе понравилось вот это - http://forum.htmlbook.ru/index.php?showtopic=16114 - то о планке на твоем месте я бы и не заикался даже

Покажешь работы то, дизайнер со студией в Ванкувере и с двадцатью темами в разделе для новичков на htmlbook.ru?

А то советы давать все могут, не сомневаюсь. А как попросишь показать что-то, что сделали сами, чтобы понять что не так делаю, сразу отговорки начинаются... ну и нах мне такие советчики?

глупенький ты) правда, жаль тебя!

как мальчишка в 14 лет)

Если не сложно, покажи пару работ (именно твоих). А то как-то не верится, особенно читая одну из тем, которую ты открыл - http://forum.htmlbook.ru/index.php?showtopic=15329&hl=

И таких штук 20

http://forum.htmlbook.ru/index.php?showtopic=15846&hl=

http://forum.htmlbook.ru/index.php?showtopic=16037&hl=

http://forum.htmlbook.ru/index.php?showtopic=15318&hl=

Продолжать?

Да, конечно, продолжай LOL) Ты какой-то странный, чё, планка упала?

Или ты думаешь, что ты самый тут умный и профессиональный? Тогда чего тут сидишь, пишешь, а?

А мои сайты можешь обсуждать хоть до потери пульса, мне все равно, ведь это моё личное.

И с чего ты взял, что я занимаюсь разработкой сайтов? Я работаю в своей web-студии =)))) это не значит, что я дизайнер, верстальщик, программист или кто-то другой. И хватит завидовать, правда запарил уже. Иди со своими супер дизайном в пень)

А придумывать тут за меня не нужно. Я за себя ответить могу. И если будешь в таком ключе вести разговоры, то поверь, с тобой никто нормально не будет разговаривать.

Удачи тебе, профессионал

Привет!

Вообще отлично!

Только активный пункт надо как-то иначе выделять. Или больше стрелочку делать или цвет закладки менять.

Вадим, ты хоть раз делал делал РЕАЛЬНЫЕ проекты? Заказчик сказал - дизайнер сделал. Сказали кучу текста на главной странице - надо разместить кучу текста.

На то, что купят у них их услуги или нет, мне как-то начхать. Когда поймут, что что-то не так - просто еще раз мне заплатят за переделку.

я работаю в своей web-студии очень даже успешно. и офис есть в Ванкувере