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
-
Формы
Вот код формы : http://jsfiddle.net/hristofor/Z24K2/ Такой вопрос. Почему слово jah не распологается после радио кнопки(как мне нужно), а смещается наверх формы?
0 votes2 answers -
Непонятное позиционирование элемента в Firefox
Элемент span выходит за предел правой границы родительского a при том что задано right:0. Ситауцию наблюдаю в Firefox 27. В Chrome 33, Opera 20, Safari 5.1.7 отображается правильно. Баг Firefox или я чего-то не понимаю? http://cssdeck.com/labs/jgs1sts0
0 votes4 answers -
Наложение картинки на блок
Каждый товар на сайте разбит по блокам (сам сайт создавался в конструкторе), но блоки - это html код. http://ga1000.casio55.com/ Нужно наложить на угол каждого блока след картинку При накладывании, смотрел по этой теме (http://htmlforum.ru/index.php?showtopic=22581). Наложить удалось, но стал неактивен слайдер изображений на этом блоке. Вот код самого блока: <div class="hvr"><div style="text-align:center;font-family: 'Trebuchet MS'; font-size: 16px; padding: 7px"><a style="color:#cc0000; text-decoration:none"><b>Casio </a><a style=";color:#000000; text-decoration:none; font-size: 16px">GW-A1000-1AER</a></b></div>…
0 votes1 answer -
Как прижать футер к подвалу
Всем сдрасте, есть такая проблема. Вот сайт http://magdome.ru/ внизу у него есть футер, который начинаешь подымать отрывается от пола, подскажите как решить данную проблему, что бы поднять футер выше, но что бы он остался прижатым к низу? заранее спс.
0 votes1 answer -
проблема с меню
Добрый день. Не могу понять как сделать красный фон длиннее влево, чем его белая граница сверху и снизу, причем при новедении курсора на меню красный фон меняется Вот картинка: <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;}У меня с эти кодом только вот так получилось: Подскажите, как сделать как в первой картинке?
0 votes3 answers -
Небольшая проблема с JQzoom
Если резко переместить курсор вправо и остановить его на увеличенной области то она не исчезает вот пример Сайт BigLion использует этот плагин, пробовал копаться в их коде но не шашел как они смогли решить данную проблему, у них если быстро навести на увеличенную область которая справа то она исчезает как и положенно, вот пример
0 votes2 answers -
Проблема с плиточной версткой
Буду краток: Нужно что бы вот это: http://ynws.esy.es/index2.html выглядело как это: http://ynws.esy.es/index.html В чём соль: По второй ссылке новости заданы структурой 4 колонки, а в них уже плитки. По первой ссылке задан фиксированный размер родителя, а в нем плитки прижатые float:left. Как видите в этом случае вторая и последующие строки разъезжаются. Фиксированную высоту, пожалуйста, не предлагайте
0 votes14 answers -
Замена ссылок на выпадающий список
Здравствуйте! Подскажите, пожалуйста, как заменить ссылки: <p class="amount">Показать по: <a href="{$path}?on_page=20">20</a><xsl:text> </xsl:text> <a href="{$path}?on_page=50">50</a><xsl:text> </xsl:text> <a href="{$path}?on_page=100">100</a></p>на выпадающий список с сохранением функционала: <label>Показать на странице</label><select onchange="setLocation(this.value)"> <option value="#" selected="selected"> 20 </option> <option value="#"> 50 </option> <option value="#"> 100 </option></selec…
0 votes5 answers -
Выпадающий список на AJAX
Здравствуйте! Подскажите, пожалуйста, как сделать выпадающий список без перезагрузки страницы, который реализован вот здесь (над товарами ВЫВОДИТЬ ПО РЕЙТИНГУ): http://rozetka.com.ua/mobile-phones/c80003/filter/preset=smartfon/ Буду благодарен за помощь!
0 votes7 answers -
Изображение в изменяющемся заголовке
Есть заголовок, который меняет свою высоту в зависимости от размера экрана (20% от высоты экрана). Нужно в него поместить картинку, которая будет высотой 80% от заголовка и находиться точно по центру. Расположить в центре по горизонтали было легко, а вот по вертикали не получается. Header - это div, headerimage - img #header { height:20vh; background:red; margin:0px; text-align:center;}#headerimage { max-height:80%;}Подскажите, как правильно это сделать?
0 votes1 answer -
макет базируется на диагоналях
Добрый день. У меня макет весь состоит из диагоналей, треугольников и меню необычной формы. Вот ссылка: Посоветуйте, что лучше использовать для этого. Я подумала про transform, но он не входит в стандарт и в IE9 может глючить, и вообще границы мелкими волнами идут, мне в голову приходит только картинки использовать в этом случае. Есть ли еще варианты?
0 votes4 answers -
Подвинуть чуток фиксированные блоки.
Что можно сделать с body, html или другим узлом DOM, чтоб все фиксированные элементы подвинулись немного вправо. Т.е. я понимаю, что fixed-блоки позиционируются относительно окна, а мне нужно левую границу области окна подвинуть немного вправо. Может есть какое-то новое CSS свойство или может это можно реализовать javascript'ом не используя перебора всех элементов и выбора из них всех фиксированных?
0 votes3 answers -
Кроссбраузерность: CSS3 и JS
Недавно скачал шаблон с HTML5 Up и увидел, что на том сайте все шаблоны делаются не на CSS3 media query для адаптирования, а через написанный автором того сайта JS фреймворк skeiJS. Вот и задумался. А ведь правда, JS, который был еще во времена войны Netscape Navigator с IE, намного кроссбраузерней CSS3. Почему все используют последний? Да и вроде с CSS3 media query браузеру приходится загружать стили для всех экранов, а JS их подгружает их по мере необходимости. P. S. Я не настаиваю на том, чтобы все использовали JS. Я понимаю, что на использование CSS3 есть причина и хочу ее узнать.
0 votes3 answers -
тег <a> перед <li> выдает ошибку в валидаторе HTML
Добрый день. Я использую адаптивную верстку. Вот ссылка на сайт: 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> п…
0 votes4 answers -
Как грамотно расположить объекты напротив друг друга
Здравствуйте. Я хочу в шапку сайта расположить объекты таким образом: (левый край экрана)Текст-ссылка1 и логотип1 пустота логотип2 текст-ссылка2 (правый край экрана) Подскажите пожалуйста оптимальный метод, как это можно было бы сделать, используя css и html. Спасибо.
0 votes5 answers -
Фон с аркой для резиновой вестки.
Привествую профессионалов и новичков вкрстки. Стокнулся с некоторой проблемой во время верстки сайта Верстка резиновая и с ней как таковой проблем нет, чего не скажешь о фоне Вот такой вот борк должен быть на главной странице. И как это сдедать с помощью HTML/CSS - я понять не могу. Решение с JS имеется, но прежде чем его применять, хотелось бы удостовериться что без JS не обойтись. Еще раз подмечу, что верстка резиновая.
0 votes15 answers -
radial-gradient и с префиксами тоже
Добрый день! Гуглил целый вечер, так не до конца и понял. Я могу написать так, это работает: radial-gradient(45px 70px at bottom left, transparent 100%, rgb(255,255,255)),А вот так уже не работает: moz-radial-gradient(45px 70px at bottom left, transparent 100%, rgb(255,255,255)),С другими префиксами та же фигня. То есть, получается, что если оставить, как есть, то несколько устаревшие версии браузеров правильно это не нарисуют. Собственно, можно ли с этим что-то делать? Я так понял, что нет.
0 votes10 answers -
Как растянуть блок на 100% высоты
По моему мнению, в этом макете нужно растянуть левый блок на всю высоту экрана, чтобы при Масштабирование он не обрезался. Как это сделать ? http://cs425128.vk.me/v425128727/8b81/KLGiFV2VzCc.jpg http://vidiatest.esy.es/site/
0 votes2 answers -
При наведении не показывается блок
<div class="top-menu"> <div class="moduletable_menu"> <h3>Заголовок меню</h3> <ul> <li><a href="">О нас</a> <ul> <li>Онас 2</li> <li>Онас 3</li> </ul> </li> <li><a href="">Контакты 2</a> <ul> <li>Онас 2</li> <li>Онас 3</li> </ul> </li> <li><a href="">Контакты</a></li> </ul></div></div>.top-menu h3 { display: none;}.top-menu ul { margin: 0 auto; padding: 0; display: table;}.top-menu li { width: 127px; height: 27px; float: left; list-s…
0 votes1 answer -
Проблема hover на Ipad при скролинге
Есть меню, в котором подпункты появляются по hover. Если в Ipad промотать немного, то на том месте, где было меню срабатывает hover. Странное поведение и не понятно почему. Кто сталкивался с такой проблемой?
0 votes4 answers -
Что такое замощает?
Нашёл я ето слово в предложении, про background-position. По умолчанию фоновое изображение "замощает" фон элемента или повторяется по горизонтали и по вертикали снова и снова, пока не заполнит всё пространство.
0 votes4 answers -
Таблицы.
Дали нам задние сделать сайт используя только таблицы. Как можно реализовать данный пункт через таблицы ?
0 votes5 answers -
Меню на всю ширину блока.
Здравствуйте! Есть задача сверстать такое меню: Сначала подумала сделать имитацией таблицы, но вроде был способ с помощью inline-block, Посоветуйте, что лучше? Где можно посмотреть примеры решений?
0 votes11 answers -
Различное отображение шрифтов
Добрый вечер. Суть проблемы: в разных браузерах текст в одном и том же блоке смотрится по-разному. На примере firefox(верхний) и opera: Firefox и ie отображают Arial Narrow корректно, а вот с chrome и opera проблемы. В чем может быть проблема? в firebuge и оперовском редакторе в выделенном блоке отображается используемый шрифт Arial narrow, но в визуальном плане все иначе. ссылка на сайт
0 votes2 answers -
Не могу опридилитися...
Не могу опридилитися. Что можно сделать с главными колонками, подключить скрипт одинаковых колонок, или розтянуты их на 100%? Если можно добавьте к ответу и код решения http://vidiatest.esy.es/site/
0 votes1 answer