ВикторТрошка

спасибо, не правильно понял.

А разве при float:right блок не должен пытаться встать в правый верхний угол своего родителя?

Надо сделать так http://divhack.com/downloads/study/3/3.jpg (правая колонка в контенте) У меня не выходит сделать обтекание. http://troshka.hut4.ru/ Задаю .content .right{ float:right; } и блок встает вниз, и вообще как он вылез за пределы блока content, в котором находится?

1)В опере только в зеленом меню, там где линейный градиент. А под меню, там где радиальный градиент, его нет. Если треугольник плох, странно на сайте в практикуме любят его использовать, я думал это наоборот как современный тип верстки.Ладно пусть будет так, не суть. 2) В 7 и 8 ИЕ линейный градиент в меню отображается отлично, а радиальный есть но не такой как должен быть. В ИЕ 9, как я понял методом исключения, используется закодированная картинка(или как правильно называется) такого типа: background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3 Вот как такую сделать самому? Здесь http://www.colorzilla.com/gradient-editor/ как мне надо не сделать, т.к. нельзя сдвигать центр окружности.

спасибо, треугольникам если задать ширину то они уже не треугольными становятся хотя с нулевым значением ширины получилось. ИЕ игнорировал тэг nav, погуглил скрипт, стало нормально А вот с градиентом не совсем выходит, ИЕ вообще не хочет делать, а опера делает только линейный градиент(в зеленом меню нормально, а в слогане нет). Хотя правила написаны, для ИЕ фильтр.. еще 2 косяка нашел >_< В опере лишний пиксель на треугольнике И при масштабировании почти во всех браузерах пункт меню FAQ слетает(по всей видимости вниз) и образуется белая полоса. Как вылечить данный недуг?

Как надо http://divhack.com/d...s/study/3/html/ Как получается у меня(смотреть только на вернюю часть, остальное пока наброски) http://troshka.hut4.ru/ 1)Можно как-нибудь сделать чтобы мои уголки в меню центрировались ровно по середине относительно слов? Под пунктом FAQ так вообще криво выглядит. 2) В ИЕ 8 стили для меню вообще похоже игнорирует, как исправить? 3) Большую картинку под меню возможно выполнить через стили(белое свечение на фоне текста) и стоит ли вообще таким заниматься ли оставить просто картинку?

Про то что это картинки я понял, просто хочу сделать вместо них тень или градиент, т.к. считаю что это более современный вариант верстки. Но это пока не приоритет, сначало бы с меню разобраться. Вот что мне сейчас выдает опера,хром и сафари. IE9 вообще перекидвает на следующую строку пункт "FAQ" Все, разобрался сам - перенес весь фон с ссылок на nav и задал высоту.

text-alight:center; не особо помог, так же в разнобой получались пункты.. Попробовал переделать без фиксированной высоты и ширины, почти получилось как в примере,но отображается хорошо только в лисе. Остальные браузеры что ли не поддерживают дробные значения ? справа от пункта FAQ отступ, а в лисе решил с помощью nav a:first-child{ padding: 14px 40.72px 13px 43px; } а в остальных не выходит, есть решение в данном случае? если поставить меньше или больше, то либо видет отступ либо из-за float последний пункт перескакивает на новую строку. В первом сообщении перезалил результат на свой хостинг

Подскажите, пожалуйста как сделать чтобы слева,справа и между пунктами было одинаковое расстояние. У меня не выходит чтобы справа от пункта FAQ было столько же сколько в начале меню. Или здесь без списка ul,li не обойтись? ссылка на проблему http://troshka.hut4.ru/ (смотреть только на зеленое меню, остальное просто накинул) И еще вопрос, как сделать тень как в примере решения здесь(от зеленого меню сверху и снизу темная полоска) http://divhack.com/downloads/study/3/html/ Только выполено как фон картинкой, а я хотел сделать тенью (ведь это более современный вариант верстки?) Думал наложу 2 тени сверху и снизу для для <nav> , но безрезультатно.

Я думаю, что из-за разного отображения текста. У меня в лисе все нормально пока не начинаешь масштабировать. Брать текст за эталон ширины/высоты - не лучшая идея А как будет правильней сделать? Убрал <a> display: block; и поставил ширину width:160px ,а для высоты ничего на ум кроме line-height: 60px; не приходит.

Помогите понять почему в хроме меню отображается нормально, а в лисе пункт меню contacts сползает вниз? И как исправить в данном случае, чтобы там и там правильно в линию отображалось. http://divhack.com/downloads/study/1/html/

благодарю

да,спасибо большое, теперь хоть ясно откуда ноги растут Только не совсем понял почему в последнем примере с рамкой dashed красиво выходит, а если поставить solid то видны линии. и зачем там text-indent: 150px; спасибо

Здравствуйте. Может кто-нибудь объяснить(или дать ссылку на урок) за счет чего делаются скосы у бордера before или after. Например, задача из практикума http://jsfiddle.net/TiGR/RkmBD/ Если взять конкретно ul.steps li:before, ul.steps li:after { position:absolute; width: 0px; height: 0px; content:" "; } ul.steps li:before { border: 15px solid transparent; border-left: 5px solid white; border-right: 0px solid transparent; То я понимаю это как белый элемент с видимой белой шириной 5 пикселей и невидимой высотой. В общем уже на бумаге рисую чтобы понять, но никак не пойму механизм.

Есть какой-нибудь аналог IETester, но для старых хрома, лисы и сафари? Нашел только сайты, но там можно проверить только url, а хотелось бы по быстрому, не загружая на хост... И еще вопрос, касающийся градиентов. background: -webkit-gradient(linear, 0 0, 0 100%, from(#D0ECF4), to(#D0ECF4), color-stop(0.5, #5BC9E1) color-stop(0.6, #5BC9E5)); Значения позиции в color-stop 0.5, 0.6. откуда берут отсчет? От начальной точки градиента начинается 1 и дальше по убыванию? Т.е. в данном случае с обычным градиентом сверху вниз, наверху 1 а внизу 0.0. Но если бы градиент был по диагонали(0 100%, 100% 0) , то отсчет будет как я указал на картинке?

Есть шаблон сайта как пример и за одно шпаргалка, хочу сделать его копию самостоятельно. После написания html кода, в css с оформления чего лучше начинать? Может есть какой-то примерный поэтапный план действий? Я только-только приступил к практике, до этого только обучающих видео выполнял задачи по конкретным тегам,атрибутам и т.д.