HTML Coding
Subforums
-
- 30.1k
- posts
-
- 1k
- posts
-
- Про макеты
- By klierik,
Explore Questions
There are no popular questions to show right now
-
0 votes0 answers
-
0 votes0 answers
-
0 votes0 answers
-
0 votes1 answer
-
0 votes3 answers
29,542 questions in this forum
-
Анимация выпадения ксс3
http://www.volkswagen.ru/ru.html как сделать через ксс3 анимацию выподания меню, как на примере у верхнего меню
0 votes3 answers -
Проблемы с выравниванием.
Имеется небольшая шапка, где должны находится несколько кнопок и логотип(просто название сайта). Располагаться должно в таком порядке: ссылка-кнопка(прижата слева), по центру логотип, кнопка(прижата справа). .,, <div id="header"> <a class="menu" href="index.html">Меню</a><a class="logo" href="index.html"><b>Название сайта</b></a><a class="add" href="index.html">+</a></div>... #header{margin:0 auto;height:32px;background: #333;position:fixed;width:100%;z-index:1;} .logo{text-decoration:none;color:white;font-variant:small-caps;font-size:large;display:block;margin-top:5px;text-align:center;} .menu{float:left;} .…
0 votes2 answers -
Искажение картинок
На сайте в сайдбаре выводится список статей блога с превьюшками, НО в Хроме и Яндекс.браузаре эти превьюшки искажены по размеру. Как эту проблему решить, чтобы в Хроме и Яндекс.браузаре все отображалось корректно http://s2.ipicture.ru/uploads/20140225/YVK893zT.png ??? Я так понимаю что-то с css???
0 votes4 answers -
меню+спойлеры
Доброго времени суток. Есть 6 разделов в меню. Список разделов не маркированный. Само меню сделано плавающим (на javascript) Вопрос такой: Как проще и эргономичнее реализовать такое: каждый раздел должен иметь свою картинку, и являться спойлером (или выпадающим подразделом, как удобнее будет). Желательно с использованием javascript. Так как опыта в css и javascript мало - первое, что пришло в голову - это создать 6 стилей для кнопок в css, и, пользуя простой скрипт спойлера, прописать кнопкам скрипт. Но, так как, наверняка, это в корне неправильно, в скрипте обработку сразу 6 стилей прописать не получилось, и толковым, в общем, ничем не окончилось. Прошу совета
0 votes0 answers -
Подскажите слайдер
http://joxi.ru/oQMVUxjKTJAYDgGTq8E слайдер, котороый очень плавно двигается вправо, а когда заканчивается то двигается влево. также при наведении мышки в левый или правый бок этот слайдер ускоряется и проматывается быстрее.Может кто знает подходящий слайдер?
0 votes4 answers -
плохо отображается шрифт на разных платформах
Привет, такой вопрос На сайте sherwood62.ru в заголовках применяется шрифт Cuprum через font-face (берётся с сервера). Проблема: на WIndows xp заголовки отображаюся коряво, браузер или Chrome или Firefox, возможности протестировать нет. Как будто шрифт "обгрызен". Можете посмотреть в разных браузерах на разных платформах? И как это исправить.
0 votes1 answer -
Семантика заголовков section -> article
Доброго времени суток! У меня следующая проблема - не понимаю как семантически правильнее верстать следующую структуру: <section> <h1>Title</h1> <article> <h1>Article-title №1</h1> <p>Article-content №1</p> </article> <article> <h1>Article-title №2</h1> <p>Article-content №2</p> </article></section>или <section> <h1>Title</h1> <article> <h2>Article-title №1</h2> <p>Article-content №1</p> </article> <article> <h2>Article-title №2</h2> <p>Article-content №2</p> </article></secti…
0 votes4 answers -
парсинг динамических картинок
помогите пожалуйста советом и пинком в нужном направлении есть задача спарсить все изображения товара(не миниатюры) со страницы. проблема в том, что ссылка изображение вставляется в атрибут src динамически(после клика по соответствующей миниатюре) какие способы можно использовать чтобы решить мою задачу? у меня была мысль имитировать клик на каждой миниатюре, но не стековерфлоу сказали, что это плохой вариант
0 votes3 answers -
Проьлема с meta tegs
Всем зравствуйте. Есть вопрос - сайту больше 2-х месяцев. Метатеги title и description прописаны были изначально не на всех страницах. Решили что сушествующие тайтлы и дискры надо поменять а там где не было - добавить. И вот прошла уже неделя с момента как поменяли метатеги, а гугл в выдаче до сих пор показывает старые тайтлы и дискры... Где проблема?
0 votes3 answers -
Блочная верстка
Доброго времени суток, помогите сделать макет будущей страницы, пробовал разными способами, но так, как хочу не получается, табличную верстку делать не хочется. Вот что пока есть: http://jsfiddle.net/KfWLM/3/ Вот что нужно:
0 votes2 answers -
FF не видит css файл.
Помогите пожалуйста, не знаю что делать. FF не читает или не видит css файл. Во всех браузерах отображает нормально, а в фф какие-то бока. Вот сам сайт morematt.hol.es
0 votes2 answers -
Заголовок с ссылкой, Хром.
Можно ли победить такой "баг", или фичу, даже не знаю. Может это нормальная работа браузера. Может всем известный факт. Есть заголовок с ссылкой. Если заголовку поставить font-weight: 300; то подчеркивание ссылки остается жирнее, чем сам текст. В том же ФФ все выглядит хорошо. Пример: http://jsfiddle.net/npofopr/W9M3B/ Скриншоты: Хром Фаерфокс
0 votes4 answers -
Проблемы вёрстки.
Здравствуйте. Не знаю как сделать самому, уже всё перебрал. Помогите. Вот, что нужно: 1. Пространство между "ёлочками" растягивалось в зависимости от содержимого (т.е. без указания определённого height). 2. Сделать задний фон нижних ёлочек (весь) в тон цвета ёлочкам. Изображения: Заготовки:
0 votes7 answers -
Единицы измерения
Какие единицы измерения лучше использовать при вёрстке сайтов? Плюсы и минусы.
0 votes4 answers -
CSS3 и Html5 рабочие версии или еще в разработке?
В википедии написано, что CSS3 еще разрабатываемая версия, но уже много учебников по нему выпуска 2011 года, а уже CSS4 еще разрабатывается. И в вакансиях уже в требованиях пишут, что нужно знание HTML5 и CSS3. И посоветуйте пожалуйста учебник хороший по html5 И css3
0 votes2 answers -
Активный пункт
Помогите пожалуйста сделать вот такую фигнюшку, мне нужно чтобы при нажатии на пункт списка у которого есть еще выпадающий он становился активным, то есть нажатым, и я хочу чтобы когда он был нажатым иконка в углу пункта переворачивалась вниз или вверх чтобы как бы показать что сейчас открыт этот пункт, ну вы поняли; пробовал вот так: .content-positioner .big-box h4 span{ background:#04172e url(../img/close.png)no-repeat 610px 5px; } content-positioner .big-box h4 span:active{ background:#04172e url(../img/open.png)no-repeat 610px 5px; } эффект есть но, иконка при нажатии переворачивается а как только отпускаю мышку снова становится как при неактивном Подскажите…
0 votes4 answers -
как расположить гифку в нужном месте
Задумка была такая: В бакграунде столбца табличного дизайна, висит картинка подсвечника с огарком свечи. Над ним хотел расположить гифку горящего огонька. Но огонек висит слишком высоко над огарком и немного правее. Как его подвести к нужному месту? Пробовал абсолютное позиционирование в CSS, почемуто ничего не получилось. Как можно еще в браузере расположить гифку в нужном месте? Спасибо. Хотел вставить скриншот, но не понял как это здесь делается.
0 votes2 answers -
Яндекс карты - можно ли задать параметр карты прямо в адресе скрипта?
Суть в том, чтое сть карта <script type="text/javascript" charset="utf-8" src="//api-maps.yandex.ru/services/constructor/1.0/js/?sid=SAlIYG_RhurtAuaxaa-hi5HKjE-7wHhS&width=600&height=450"></script> Можно ли допустим к адресу допбавить &options.shadow=false ? Мне нужно убрать тень для балуна. Но не хочется для этого вместо обычной вставки простого скрипта создавать свой скрипт, генерировать карту, создавать и указывать кучу параметров (ведь базовая карта через апи как чистый лист - в общем долго это все). Можно ли как-нибудь указать для карты, что в ней не должно быть тени?
0 votes2 answers -
Сползающие меню
Здравствуйте. Я только начинаю постигать искусство верстки, и делаю свою первую страницу в портфолио. Вот страница У нее существует меню, но когда я начинаю уменьшать масштаб страницы, пункты меню начинают сползать: При дальнейшем уменьшении масштаба вся верстка, просто съезжает: Прошу, помогите решить проблему, ибо на других сайтах такого нет. Прилагаю html код и css стили. <body><!--Общая обертка для сайта--><div id="wrapper"> <!-- Шапка сайта--> <div id="header"> <div id="search"> <a href="#">Войти</a> </div> <div id="main_menu_high"> <nav> <ul> <li><a href…
0 votes4 answers -
что означает КАСКАДНЫЕ таблицы стилей?
Что означает слово каскадные? Нашёл определение, то что каскад - это водопад и при чём он здесь?
0 votes10 answers -
высота блоков
Всем привет, есть 3 блока http://fscreen.ru/vAc4Rb1314175623 , цены и описание должны быть выровнены по одной линии, есть сузить экран , то высота блока изменяется и появляется скроллинг у блока ( http://fscreen.ru/Vn9c0L1314180238 ) т.к. я задал для блоков фиксированную высоту и overflow:auto; , если без фиксированной высоты, то сами понимаете ничего на одном уровне точно не будет. Как посоветуете решить проблему. Никто не знает есть функция js определяющая высоту контента в блоке ?
0 votes9 answers -
background origin
http://jsfiddle.net/Y3yJL/ Мне нужно, чтобы граница кнопки не находилась на оранжевом цвете - она должна получиться сероватой за счет прозрачности. По идее этот вопрос должен был решить background-origin, но не решил. ?
0 votes3 answers -
margin 0 auto
Почему разработчики придумали значение auto а не center????
0 votes3 answers -
Масштабируемый треугольник
http://joxi.ru/TA4RU_3JTJAvSyJOwZA Суть в том, что высота может быть разной, создать треугольник в относительных величинах нельзя. При этом я не представляю как воспользоваться градиентом, потому что весь зеленый блок полупрозрачный. Использовать, допустим трансформы. Но последний раз, когда я сталкивалась с ними - я помню огромные проблемы со skew вместе с rotate - идеального ромба не получится - какая-то сторона будет длиннее. Как же это сделать?
0 votes3 answers -
Уползает фон landing верстки
Доброго времени суток форумчанам. Решил впервые сверстать макет и выбрал для этого дела landing страничку. При этом столкнулся с проблемой, фон уползает и не покрывает весь контент: И вот как должно быть по макету: Вот код моей верстки: http://jsfiddle.net/vNBfM/ В чем ошибка? Прошу также в общем оценить код, указать на ошибки. Заранее благодарю.
0 votes2 answers