Kelenar

как у вас получилось сделать адаптивным bx-slider ? Ему бы задать ширину слайда в %, но там так нельзя. У него "кривая адаптация" с обрезанием части не влазящего слайда. Как сделать адаптивным полностью... ? Находил в интернетах модификацию к нему, уменьшает кол-ва слайдов в зависимости от разрешения, но это тоже не совсем оно

Подскажите, как сверстать такой блок без применения картинок? Верхнюю часть можно сделать блоком с border-radius, нижнюю границу с кружочками - псевдоэлементом и тенями. А вот как изогнуть фон меню + текст внутри ? JS плагины разбивают содержимое пунктов меню посимвольно на span, убирая ссылки в всю внутреннюю структуру - это не подходит.

position:absolute же убирает элемент из общего потока элементов в документе и он перестает оказывать влияние на расположение соседних элементов. Не должно же влиять. Или я что то не правильно понимаю?

Есть блок с псевдоэлементом. При наведении на блок (:hover) - появляется псевдоэлемент. НО при перемещении курсора с блока на появившийся псевдоэлемент. Псевдоэлемент не пропадает, а остается пока виден пока на нем наведена мышь. Почему??? http://jsfiddle.net/AYB26/31/

Возможно ли сделать две разные анимации (именно animation) для элемента при наведении на него мышью (:hover) средствами CSS? Т.е. навели мышь на элемент сработала первая анимация, убираем мышь срабатывает вторая анимация. P.S. transition не позволяет добиться сложных перемещений блоков, поэтому не подходит

caniuse.com подсказывает, что у Firefox другой синтаксис данного свойства. В Firefox clip-path реализован только с путями, объявленными через SVG в остальных браузерах используется синтаксис который Вы описали в своем примере. Тут есть пример использования Пример №1 , Пример №2

В предложенном Вами варианте есть баг: содержимое блока main при наполнении контентом залазит под футер + обтекание надо отменять после его использования. Так будет надежнее http://jsfiddle.net/zp41stpk/8/

Два предложения и те не дочитали. Делаем display: block и не надо влаживать теги. Но ведь влаживают, и наверняка не зря, ПОЧЕМУ?!! В чем тонкость?

Очень часто в примерах на htmlbook.ru и готовых сайтах используются конструкции типа <p> <input> </p> либо <p> <a></a> </p>. Для чего используется именно такой формат записи и чем плохо применение CSS свойства display: block для строчных элементов?

Добрый день. Столкнулся со следующей проблемой. Ест макет, часть которого имеет ширину 949px и такой фон Пытался нарезать фон частями по 3px или по 20px и делать repeat-x. В результате четко видны повторяющиеся горизонтальные полосы. Вопрос как правильно вставить такой фон в блок? Неужели добавлять полно размерную картинку?

Спасибо, все работает!

В процессе работы возникла проблема. Есть код в духе: <div id="content"> <div id="menu">Меню</div> <div id="login">Логин</div> <div id="baner">Банер</div> </div> Не имею доступа к HTML коду, только CSS. Надо поменять местами блок "menu" и блок "login" средствами CSS, с таким расчетом что бы при назначении блоку "menu" свойства display: none. нижележащий блок "baner" корректно поднимался вверх под блок "login".

Девушка.... вы нахватались слов и не совсем понимаете, что они означают. Каша в голове и все Закончили самоучитель по HTML, просмотрите перечень HTML тегов. Потратьте время на материал сайта (для начинающих же написан). В каждом уроке есть примеры, разберите их. Напишете сами что то подобное + не забывайте про http://htmlbook.ru/practical. Делайте её, потом обратите внимание на рецепты HTML и CSS. Но это все параллельно, читаете и практикуетесь. Тогда и вопросов про разметку страницы фреймами не будет. По теме: "Чем лучше верстать страницу?" HTML+CSS, так яснее? HTML данные страницы, CSS - её разметка (отступы, поля, обтекания и т.д.)

Диалог заходит в тупик. Автор уже привык к своим методам, а общепринятые стандарты побоку.

Вы привыкните делать неправильно.... Макеты где там такое кол-во position: absolute; ? Практика, да надо. Но понимание того, что делаешь важнее. В соседнем разделе на форуме "обсуждение работ" Куча макетов с критикой, Очень квалифицированных людей. Смотрите, как они делают, какие ошибки допускают, а не городите огород. По теме топика, проблема первого поста решена.

Открыл код сайта http://port.elitno.net/ и понял, что автор не шутит абсолютно позиционируя все и вся.... Не в обиду, но меню Принято делать списками (<ul><li></li></ul>). Про обтекания (float) тоже не слышали.... Сайт - это не набор не вложенных дивов абсолютно спозицонированных.... совсем не то. Почитайте самоучители HTML/CSS на сайте, а потом начинайте верстать.

По порядку. Про position: absolute; Вам хотелось просто поиграться с этим свойством или вы действительно решили так верстать сайт? Дальше, на тему глюка макета: #pravo{ background: url("img2.png") repeat scroll 0 0 #000000; height: 320px; margin: 83px 0 0 308px; padding: 0; position: absolute; width: 100%; } #podval { background: #140605; position: absolute; bottom: 0; left: 0; width: 100%; height: 50px; } Сразу делаю поправку. Футтер сделал без margin, для абсолютного позиционирования используются свойства top, left, bottom, right. В div #pravo внес правки в Ваши теги не меняя самих свойств. Но учтите, абсолютное позиционирование не используется в том контексте как это сделали Вы. Вы совсем не понимаете суть свойства margin. Например margin: 83px 0px 0px 20px; Не только сделает отступы у элемента вверху и слева, но и УВЕЛИЧИТ негласно блок на 83 и 20px соответственно. Почитайте внимательнее про них. На тему сжатия меньше 825: если верстка рассыпается, то это не верстка, а подобие. Неизвестный вам тег max-width Вы читали самоучитель на данном сайте? Смотрели примеры сделанных макетов? Или сразу методом тыка и об стену головой?

По поводу ссылки: не открывая код, покрутил масштаб сайта до максимума и минимума. От сайта осталось не много посмотрите на CSS свойство max-width min-width

Добрый день столкнулся с CMS webtools2go.com, но без русской документации ни как не могу разобраться что и как с ней делать. Может кто использовал её, подскажите, где взять документацию на русском языке или что то подобное.

Для таких задач используется метод "отрицательных отступов" что бы не повторяться дам ссылку по которой я разбирался с данным вопросом http://i2r.ru/static/476/out_21614.shtml. Или гугл: Верстка отрицательными margin. Как пожелание разработчикам сайта: тема довольно актуальная, но совершенно не освещенная в примерах макетов которые тут встречаются http://htmlbook.ru/layout. Просьба, по возможности добавить примеры: двухколоночный макет (1-я колонка в рх, 2-я в %) и трехколоночный макет (1-я и 3-я колонка в рх, 2-я в %)

Добрый день. По долгу службы занялся XML\XSLT преобразованиями и в процессе задумался: "Было бы неплохо найти офлайновый справочник по командам и т.д. XSLT". Что то подобное http://msdn.microsoft.com/ru-ru/library/ms256058.aspx, только для локального использования. Может кто то где то видел, подсобите. Заранее благодарен.

По мере продвижения появляются новые вопросы. Снова по гарнитуре шрифта. Как сопоставить фотошоповую жирность шрифта, межстрочный интервал, межсимвольный интервал. Сижу наугад пробую, не правильно это. Подскажите как верно перенести "параметры" абзаца (шрифта) в CSS?

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

Мда.... за шрифты спасибо , глупо с моей стороны. А как на счет измерения отступов и полей?

Добрый вечер. Взялся верстать свой первый макет в *.psd. Сразу возник ряд вопросов ответы на которые поиск по форуму не дал. В *.psd есть текстовый слой, размер шрифта 20pt. Ставлю тоже в пунктах в CSS - совсем не то получается. Пытаюсь переводить в другие единицы измерения исходя из 12pt-16p-1em, снова глупости. Вопрос: как правильно переводить размер шрифта из *.psd в CSS ? И еще, в макете куча текстовых полей, отступов и т.д. Неужели что бы узнать размер отступа его надо "линейкой" мерять или включать сетку и присматриваться ? О_о И как пожелание хотелось бы увидеть на форуме мануал для новичков (или не очень) как верстать макет с *.psd. Тонкости использования графической части и требования, которым должен удовлетворять макет, готовый для верстки.