rewue

ЧТО я имел ввиду по картинкам - неаккуратно сделан коллаж, то есть картинки что вырезались с кривыми краями. Что касается бордеров. Смотрите, подвал сайта обведен белой линией, шапка сайта обведена белой линией, между блоками страшнючая тройная линия черного цвета. Что же касательно шрифта, то как по мне , лучше шрифт что используется дл названия поставить на слоган, а название сайта на обычный рубленый типа Verdana, Arial

Поскольку не могу еще создать свою тему тоже кину вопрос в похожей. Некоторое время назад нарывался в инете на страничку так сказать с "будущим" CSS. Связано было с "Лабораторией Adobe" и описывались в той статье (на русском причем) весьма интересные вещи, такие как обтекание по привой, врезки и тп. вещи, которые доступны полиграфистам но недоступны веб-дизайнерам. Может делали тут перепечатку?

Сбросить настройки фотошопа на дефолтные, откалибровать монитор.

Много лишних обводок и бордеров. В динамической шапке - аккуратнее с фотошопом (глюки в подчистке картинок) мыло в верхней части - некликабельное. Шрифт для слогана - не для такого сайта. Два пункта меню в две строчки плохо смотрятся по сравнению с остальными пунктами.

делалась шкурка для игрового сервера. какой то из бекапов работы )), уж не помню какой. возможно подойдет http://rewue.rv.ua/merlin/index.html делалось через обертки,сейчас можно гораздо проще слепить через background для body

так нужно меню что бы такое же было или чтобы было 100 пунктов? есть же разумные пределы. А вообще тот самый table-cell, в оригинале, заставляет страничку думать что это не Li а ячейка таблицы - а она не переносится сама на следующую строку. То етсь если поменять в моем коде inline-block на table-cell - возможно и получится нужный результат например вот так menu {width:90%; display:inline-table;} menu>li {display:table-cell; height:100px; text-align:center;}

это не таблица)) это всего лишь свойство CSS которое говорит элементу списка как отобразится) а вообще делается элементарно. menu {width:90%;} menu>li {display:inline-block; padding:0 10px;/*пункты меню развернулись горизонтально, ширина их динамическая - то есть по размеру текста+отступы по краям. все теперь зависит от доступной для меню ширины и количесвта пунктов меню*/ border-left:1px solid black;}/*нарисовали линии разделители*/ menu>li:first-of-type {border-left:none;} /*убрали палку у первого элемента*/

http://rewue.rv.ua/pages/mirror.html работает только в мозилле, для других браузеров просто не добавлял соответствующие свойства CSS. отражение сделано только через стили, для картинки будет работать точно также кусок разметки <div id="main"> Вот так-то. тут теперь можно написать любой текст </div> <div id="refl"><span></span></div> кусок стилей #main {color:#000; font-family:Verdana, Geneva, sans-serif; font-size:48px; text-shadow:0 1px 1px #fff; text-align:center; height:80px; } #refl { position:relative; top:-50px; z-index:-1; background: -moz-element(#main); background:element(#main); height:80px; -webkit-transform:scale(1, -0.8); -moz-transform:scale(1, -0.8); -o-transform:scale(1, -0.8); transform:scale(1, -0.8);} #refl span { position:absolute; top:0px; left:0; z-index:10; width:100%; height:50px; background-image:-moz-linear-gradient(top, rgba(153,153,153,1), rgba(153,153,153,0.9), rgba(153,153,153,0.7)); background-image:-o-linear-gradient(top, rgba(153,153,153,1), rgba(153,153,153,0.9), rgba(153,153,153,0.7)); background-image:-webkit-linear-gradient(top, rgba(153,153,153,1), rgba(153,153,153,0.9), rgba(153,153,153,0.7)); }