Nailya

мне не полностью наклон надо отменить у последнего пункта, а только правую часть сделать прямоугольной

Добрый день. У меня кнопки меню в виде прямоугольников под наклоном: создала с помощью transform: http://htmlbook.ru/faq/kak-sdelat-gorizontalnoe-menyu-s-naklonom Все замечательно, только не знаю как сделать, чтобы в последнем пункте меню справа не было наклона, то есть нужно как на этой картинке

Всем добрый вечер. У меня сайт, сверстан под три разрешения, это не назавешь резиной, просто фикс под три разрешения, использовала @media gueries. Максимальное разрешение 1980х800 - расчитано для настольных ПК. Второе разрешение 1024х768 расчитано больше для планшетов и вот вопрос возникает, как сделать так чтобы это разрешение отображалось на всех планшетах, а не бралось разрешение 1980х800, если разрешение у экрана планшета выше 1024? Потом возникла проблема при вертикальном просмотре на устройствах и горизонтальном просмотре: можно ли при вертикальном использовать одно разрешение экрана, а при горизонтальном другое? Хотелось бы узнать ваши варианты таких решений, полезные ссылки по этим темам.

спасибо, поняла свою ошибку

Добрый день. У меня вентилятор, как пьяный крутится, думала, что дело в картинки, но оказалось нет, в css c padding'ми и margin'ми химичила, но нет. Вот ссылка на страницу, где можно взглянуть на работу вентилятора http://test.w-complex.ru/mac/control...rol_panel.html. Вопрос, из-за чего такое неровное движение картинки вокруг своей оси? На страницы у меня используется этот вариант скрипта: function startRound() { document.getElementById('vent_img').style.cssText = '-webkit-animation-play-state:running;-o-animation-play-state:running;animation-play-state:running;'; document.getElementById('degImg1').style.cssText = '-webkit-animation-play-state:running;-o-animation-play-state:running;animation-play-state:running;'; }function stopRound() { document.getElementById('vent_img').style.cssText = '-webkit-animation-play-state:paused;-o-animation-play-state:paused;animation-play-state:paused;'; document.getElementById('degImg1').style.cssText = '-webkit-animation-play-state:paused;-o-animation-play-state:paused;animation-play-state:paused;'; }#vent_img,#degImg1{ display: inline-block; -webkit-animation: imageRotate 1s linear infinite; -o-animation: imageRotate 1s linear infinite; animation: imageRotate 1s linear infinite;}@-webkit-keyframes imageRotate{ from { -webkit-transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); }}@-o-keyframes imageRotate{ from { -o-transform: rotate(0deg); } to { -o-transform: rotate(360deg); }}@keyframes imageRotate{ from { transform: rotate(0deg); } to { transform: rotate(360deg); }}<ul class="ventilator"> <li class="start" id="start"onclick="startRound();">пуск</li> <li class="stop" id="stop" onclick="stopRound()">стоп</li> <li class="vent"><img src="img/vent_small.png" alt="" id="vent_img"></li> </ul>

ты имеешь в виду с красной полосой?

Добрый день. Использую шрифт, семейства PF BeauSans Pro, так как он нестандартный, то использую такой скрипт, для кроссбраузерности: @font-face { font-family:"PF BeauSans Pro-Reg"; src:url('../fonts/PFBeauSansPro-Reg.eot'); src: url('../fonts/PFBeauSansPro-Reg.woff') format('woff'), url('../fonts/PFBeauSansPro-Reg.ttf') format('truetype'); url('../fonts/PFBeauSansPro-Reg.svg') format('svg'); font-weight: normal; font-style: normal;}Он отображается на всех браузерах, но не так как в макете: неаккуратно и жирность шрифта разная, от этого и цвет немного другой, не как в макете: Из макета Из сайта Из макета Из сайта Чем можно это объяснить?

а разве начиная с IE9 не ttf-формат используется? http://htmlbook.ru/blog/svoi-shrift-na-stranitse

font-family: Trebuchet MS; src: url(../fonts/trebuc.ttf);}@font-face { font-family: Trebuchet MS; src: url(../fonts/trebucbd.ttf); font-weight: bold;}@font-face { font-family: Trebuchet MS; src: url(../fonts/trebucit.ttf); font-style: italic;}@font-face { font-family: Trebuchet MS; src: url(../fonts/trebucbi.ttf); font-weight: bold; font-style: italic;затем в коде использую вот таким образом: font-family: "Trebuchet MS","Helvetica Neue",sans-serif; font-size: 14px; font-weight: bold;в общем, без @font-face все работает как надо, а с ним IE9+ другой шрифт использует

Всем добрый вечер! Использую шрифт Trebuchet MS, он входит в стандарт Windows, но я их вставила в @font-face для кроссбраузерности, но в IE9+ отображается по другому, как только я убрала @font-face, все стало на свои места Вопрос, с чем это связано и стоит ли использовать @font-face, если шрифт включен в стандарт windows?

спасибо, попробую

Всем привет. У меня вот такая картинка-фон для меню: Как вы знаете контент меню имеет разную длину и может быть динамичным, и вот не могу понять, можно ли эту картинку как-то по ширине менять в зависимости от контента. Мне в голову приходит только в фотошопе менять длину картинки. Или вот еще приходит в голову срезать середину шириной там в 2рх и сделать с помощью repeat-x, но вот края, как прикрепить к середине технически, не пойму. Подскажите, если еще варианты или как мою последнюю задумку осуществить технически?

спасибо большое)

Добрый день. Не могу понять как сделать красный фон длиннее влево, чем его белая граница сверху и снизу, причем при новедении курсора на меню красный фон меняется Вот картинка: <ul class="menu_right_ul"> <li><a href="#">ПРО РОЛЛЕДРОМ</a></li></ul>.right .menu_right_ul li{ list-style:none; background:#fff; padding:1px 0; }.right a{ text-decoration: none; display:block; padding:7px 0 7px 7px; color:#fff; font-size: 14px; background:#db1f24;}У меня с эти кодом только вот так получилось: Подскажите, как сделать как в первой картинке?

По поводу треугольников, c помощью border хорошая идея, только если ей не надо задавать тень

Спасибо, я уже поняла, что все не просто))

Добрый день. У меня макет весь состоит из диагоналей, треугольников и меню необычной формы. Вот ссылка: Посоветуйте, что лучше использовать для этого. Я подумала про transform, но он не входит в стандарт и в IE9 может глючить, и вообще границы мелкими волнами идут, мне в голову приходит только картинки использовать в этом случае. Есть ли еще варианты?

Сайт еще не доделан, да собираюсь медиа запросы использовать и другую структуру меню ...и ей display:block попробую

Добрый день. Я использую адаптивную верстку. Вот ссылка на сайт: http://test.w-complex.ru/w_complex/complex.php. В разделе портфолио, при наведении курсора мыши на картинку, появляеся синий фон с крестиком, весь синий фон являеся ссылкой, как и задумывалось. Для этого я поставила тег <a> перед <li>, но валидатор html выдает ошибку вот такую: Line 183, Column 40: Element a not allowed as child of element ul in this context. (Suppressing further errors from this subtree.) … <a href="#"><li class="one_li">Compatible with popu…То есть нельзя тег <a> использовать внутри элемента <ul>, как только тег <a> помещаю внутри <li>, то в валидаторе ошибка исчезает, но тогда только текст становится ссылкой, а не весь синий фон. <ul class="ul_portfolio"> <a href="#"><li class="one_li">Compatible with popular<br> plugins</li></a></ul>.portfolio .ul_portfolio li{ width:24.9%; float:left; padding-bottom:20px; padding-top:17%;}.portfolio .ul_portfolio .one_li{ background:#fff url(img/pic1.jpg) no-repeat 0 0; background-size:100%;}.portfolio .ul_portfolio li:hover{ background:#4fc1e9 url(img/krest.png) no-repeat 50% 30%; color:#fff;}Вопрос, как можно сделать так, чтобы весь синий фон был ссылкой, и при этом был валидным код?

спасибо, все получилось)

Всем привет! Как сделать поверх всего сайта div, который бы затемнял весь экран сайта и скроллинг тоже, чтобы он был неподвижен. Часто такие вещи используются для фотографий: допустим нажимаешь на фото, оно увеличивается, при этом затемняется весь остальной экран полупрозрачным фоном

вру) не нужно див добавлять, просто в #main_layout добавить две строчки position: relative; min-height:100%; Почему так произошло, сама до конца не могу себе объяснить

Проблему решила) добавила еще один див под контейнером #container_layout и в css прописала для этого дива: position: relative; min-height:100%; background: url(images/bg_left_block_menu.png) repeat-y; И все! Таким образом, фон 2-х колонок растянут по высоте, и футер прибит к низу

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

для этого я уже использовала padding: 0 0 150px в #all_layout Я, возможно, неправильно выразилась, попробую объяснить. При переполнении, контент заезжает под футер и идет дальше вниз, а футер так и остается в зоне экрана Здесь скриншот http://s019.radikal.ru/i600/1308/62/791c01926424.png