Yahoo!

Как думаете, такая навигация имеет право на жизнь? http://www.greymlelelele.chat.ru/gepeBo.html Просто на сайтах такую не встречал, а захотелось, что б с любой страницы можно было спокойно в один клик перейти любую другую страницу. Сделать покрасивее и норм вроде будет. Доступ с клавиатуры обеспечен! Скрипты отключены - пользуйся ссылками. Как мне показалось, код получается огромным - это минус, и всё, в остальном одни плюсы?

Кстати, графику отключи и посмотри, что получится, задай для боди серый цвет и пропиши alt для логотипа и кинь логотип в заголовок 1-ого уровня. Может попробовать сам контент в em'ах задать, а то при увеличении, сайт неадекватно ведёт себя (как бэ пожирает сам себя=)). Таблицы ппц 8) Ах да, зачем футер в коде ставить вторым??

У меня была идея сверстать такой изврат)) типо без графики и всё такое На блоге димокса видел статью про закругление без графики попиксельно и получилась однопиксельная закруглённая размытенькая рамочка. Кстати кроссбраузерно. Но это мега-изврат)

Ну ладно-ладно, если надо кросс, без экспрешена и 1px лишних, то используй эти пустые дивы) возьму на заметку тож) — Кстати, не реально же закруглить блоки, что б неоднородный фон был и внутри блока и снаружи и что б всё это норм сочеталось, конечно же резина без CSS3 и JS

Почему не смогу? Если блоку задана ширина, то надо по-любому оборачивать) А на счёт 1px нижние делай через експрешн, а правый left: 100%; right: нирина уголка+ уголка (точно не помню). А не помню, потому что закруглюм немного другим способом. Вот кстати HTML <div class="box"> <div><div><div><div> здрасьте </div></div></div></div> </div> CSS .box {border: 1px solid #abcdef} .box div {background: url(...(tl)) no-repeat 0 0; top: -1px; left: -1px; position: relative} .box div {background: url(...(bl)) no-repeat 0 100%; top: 2px; left: 0} .box div {background: url(...(br)) no-repeat 100% 100%; top:; left: 2px} .box div {background: url(...(bl)) no-repeat 100% 0; top: -2px; left: 0; padding: ECJIu Hago}

Зачем делить главный блок на три части????? Один блок! А в нём абсолютным позиционированием раскидываешь уголки и всё! Всё легко: .box { position: relative; display: inline-block; /* has-layout for ie6! */ } tl, bi, tr, br { position: absolute; overflow: hidden; /* has-layout for ie6 */ width: ...px; height: ...px} /*+ каждому углу ставишь top, left, right & bottom ну и background*/ HTML: <div class="box"> здрасьте <div class="tl"></div> <div class="bl"></div> <div class="tr"></div> <div class="br"></div> </div> Надеюсь понятно. Ах, да, если углы маленькие, да и вообще, ставь для всех углов font-size: 0

ltr это вообще-то слева-на-право)) есть ещё один способ закруглить мега-кроссбраузерно, основывается на обёртках, но при этом способе не знаю как заголовку придать фон...

А нужен только середина с текстом, уголкам с абсолютным позиционированием не нужны два других блока, ты среднему задай position: relative

Эта обёртка лишняя - <div class="commBlock_top"> и нижняя соответственно. а зачем говоришь маргины? Есть margin-top, а есть просто top. Я и не понял))

http://www.msie.ru/ Молодчики

Если делал абсолютом, зачем margin's использовал? Работай top, bottom, left, right , а основному блоку задай display: inline-block + width: 100% и всё, должно сработать.

+1, Мне б блин поступить)) 1.5 года осталось... В школе если и есть "информатика" то это... на следующий год хоть в фотошопе учить будут рисовать

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

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

Как можно сделать, что б обтекаемый элемент в коде стоял не первым. Например, двухколонная разметка и левую надо зафлоатить, в коде нужно, что б она стояла после самого содержания, наши действия. Думаю, либо отрицательные марджины, либо забить и сделать абсолютным позиционированием + марджин.

Да, помогло, блин в обёртки придётся всё оборачивать.

И хидден тоже не сработал, в фаир баге всё смотрю.

Присвоение релатива тому и другому ничего не решило (

Столкнулся с неожиданной проблемой. Есть код HTML: <h3><span class="floatLeft">Некоторый текст</span><span class="floatRight">И опять некоторый текст</span></h3> <p>Продолжение некоторого текста...</p> и CSS для него: h3 { font-size: 1.8em; font-weight: normal; margin: 0.5em 0 0.3em; white-space: nowrap; border-bottom: 1px solid #ddd; float: left; width: 100% } .floatLeft {float: left; padding-left: 0.3em} .floatRight {float: right; padding-right: 0.3em} p { line-height: 1.5em; font-size: 1.1em; clear: both; padding: 0 1em; margin: 1em 0 } Надо убрать схлопывание границ, а не пойму как сделать! Поигравшись понял, что абзацный маргин сжирается маргином заголовка, т.е. какое значение не задашь оно не будет работать. У заголовка уже есть бордюр, флоат, паддинг не помогает, абзацу паддинг задавал - ничего! Как быть?

Браузеры на движке ослов, вроде, как понимают условные комменты! Помню, как закрасил блок красным только для 7 осла, чтоб понять, что он не так делает и забыл убрать. Потом смотрю в каком-то Acoo какой-то версии и там этот блок красного цвета. Вообще мне интересно. Например, для 6 осла люди делают так: backround: #f00 background: #fff !important смысл, в том, что 6 осёл не понимает !important и не видит той строчки, а что если есть ещё браузер, который не понимает !important, а надо позарез чтоб в нём тоже был фон #f00 ?

У меня отец сразу в закладки кинул =)

На кого интересно? Когда CSS3 будет как CSS1,2 сегодня, вообще скучно будет =)

Это уже где-то говорилось) под какой только ФФ надо?

Этим Лебедев занимается =) Свои пять копеек хочу вставить.

Если в Опере нормально, а в ФФ разваливается, то вёрстка... логично же. А для ослов придумали условные комментарии, и все отступы для ослов в них подделывать это много времени отнимает.