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
29542 questions in this forum
-
Непонятный отступ сверху в Firefox
Доброе время суток товарищи! Практически весь день бьюсь над проблемой непонятного отступа сверху ТОЛЬКО в Firefox. Фаербагом смотрел, он мне ничего не показывает. Там есть margin-top: 15px у верхних блоков, но так и задумано. В лисе же отступ гораздо больше... Ссылка на сайт: http://weltgroup.ru/sdm124/
0 votes5 answers -
воброс насчет background'a
имеется графический файл 1024x768, задаю в качестве фонофого рисунка при смены разрешения экрана, изображение в броузере отображается некорректно, как верно задать размеры фонового изображения для любого разрешения экрана?
0 votes6 answers -
CSS <input> + <datalist> как избавиться от смены фона при выборе значения?
http://jsfiddle.net/yxhzsk4m/1/ Первая строка таблицы ссылается на datalist. При выборе одного из значений фон меняется на жёлтый. А хочется, чтобы остался серым, ну или тем, которым укажу. Как это сделать? (:valid, вроде в этом случае не действует....) ПС Классно было бы также ограничить ввод в это поле только указанным в datalist списком значений. нельзя ли это сделать через pattern (в общем без JS)??? (В этом случае вроде рекомендуется использовать селект, но отказался от него из-за того, что он всегда ставит margin left и right + 3px, если рядом есть какой-либо элемент. А если нет, то не ставит!!! И красивой таблицы не получается... И высота у селекта меньше на…
0 votes2 answers -
Внедрение шрифтовых иконок в макет
Я создал шрифтовые иконки для сайта с помощью http://fontello.com/. У меня ряд вопросов: 1. Как вставить иконку не через свойство content внутри :before? 2. Вот в этой статье с данного сайта сказано, что iOs не поддерживает ttf-шрифты. А на сайте caniuse.com сказано, что поддерживает. Правда там начинается с версии 7.1. Какие именно версии iOs не поддерживают ttf-шрифты? 3. Какой mime-type нужно использовать для шрифтов при его внедрении в css?
0 votes31 answers -
Фильтрация таблицы на JavaScript
Здравствуйте! Имеется таблица с заголовками. Есть к ней фильтр: https://jsfiddle.net/3eqfLb7b/ Фильтрация убирает строки tr, которые не совпадают с искомым значением. Но заголовки th остаются. Подскажите, пожалуйста, как скрыть заголовки, которые не содержат искомое значение? Заранее благодарю за помощь.
0 votes7 answers -
не работает background color
Вопрос, когда подключаю к divам, CCS не работает background color, в чем может быть, причина? Вот стили: #line3 { background-color: #5B3403; float: left; width: 100%; height: 5px;}
0 votes18 answers -
Как растянуть блок ТОЧНО до нижнего края экрана
Вчера весь рабочий день просидел в гугле, но так и не смог найти ответа на вопрос: "Как в css растянуть блок по вертикали?". Точнее, ответы есть, но они на элементарные случай, когда блок растягивается на 100% высоты своего родителя. Но этот и подобные способы не работают, если перед моим блоком стоит другой блок, и мне нужно, соответственно, заполнить растягиваемым блоком все пространство от его текущего положения до конца экрана. Причем мне нужно именно растянуть блок точно до правого нижнего угла, а не "обрезать" родительским блоком все, вылезло за его размеры. Постараюсь объяснить зачем мне это нужно на простом примере: http://jsfiddle.net/ongpj2vz/ <body><…
0 votes3 answers -
Элементы наезжают друг на друга
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/8.0.1/normalize.css"> <link rel="stylesheet" href="style.css"> </head> <body> <div class="container"> <div class="header"> <div class="product"> <h1>Product Name</h1> <ul class="sps"> <li>Put on this page information about your product</li> <li>A detailed description of your product&l…
0 votes1 answer -
Ul Li Display: Inline; - Отступы При Использовании Бэграунда
Здравствуйте! Подскажите по ситуации, имею CSS: #maincontent > .sectionmenu { position: relative; margin: 0px 0px 0px 1px; padding: 0; width: 990px; height: 23px; border-top: 1px solid #000; border-bottom: 1px solid #000; } #maincontent > .sectionmenu.shadowline{ ~height: 9px; margin: 0; padding: 0px 0px 9px 0px; background: #fff url(/shdw3.png) top left no-repeat; } #maincontent > .sectionmenu ul{ background-color: #fff; margin: 0; padding: 0; height: 23px; } #maincontent > .sectionmenu ul li{ list-style: none; ~display: inline; background-color: #dedede; color: #333; padding: 0px 5px 0px 5px; margin: 0; font-size: 11px; line-height: 23px; height: 23px; …
0 votes6 answers -
как задать такой фон страницы?
может я торможу, но ребят, подскажите как задать такой фон страницы с текстурой никаких проблем,я задала,а как градиент прилепить вверх?как задать градиент вместе с текстурой?
0 votes5 answers -
косяк в ie6 с background-image для body и ul списком
ребята помогите такая проблема: вставил бекграундом в правый нижний угол картинку в теге html в css html {background: url("../images/trava.gif") right bottom no-repeat; height: 100%;} на странице код такой: <body> <div align="center" style="background-image: url('templates/5790default/images/header.gif'); background-repeat: repeat-x;"><!-- /Заголовок --> <div id="logo_head" align="center"> </div> </div> <div style="float: left; margin-top: -50px;"> <img src="images/stories/produkt/flonders.gif" border="0" width="355" height="390" /> <!-- /цветочки --> </div> <div style="float: right; width: 64%;"&…
0 votes1 answer -
как добавить иконку в инпут?
Здравствуйте уважаемые форумчане! Подскажите, пожалуйста, как добавить иконку в инпут? https://yadi.sk/i/ItL59eIZj9bwR
0 votes2 answers -
Верхний регистр
Здравствуйте! У меня возникла проблема: в одном столбце таблицы необходимо указать площадь в квадратных километрах (км 2). Как мне цифру "2" перевести в верхний регистр? Таблицу делаю в dreamweaver 8.
0 votes14 answers -
overflow:scroll не показывается скролл в macbook
Замучился уже искать решение проблемы, на сайте http://gl2.mercedesbenz-sale.ru/#9 на экране с таблицей наличия в macbook не показывается скролл в div, на windows всё нормально, подскажите как исправить?
0 votes7 answers -
height: auto для ios < 6
Здравствуйте. Проблема в height: auto; для iOS устройств ниже 6 версии. В контейнере есть картинка, которая имеет свойства width: 100% и height: auto; Но iOS отказывается понимать и тянет на всю высоту, оставляя ширину в порядке. То есть картинку изрядно плющит. Нашла пару запросов, но советовали только height: auto !important; С высотой работает через медиа запрос для aspect ratio. Но интересно, может есть заклятье?
0 votes15 answers -
позиционирование формы
Ребят подскажите как отпозоционировать input и option что бы они были на одном уровне и одинакового размера,кучу видосов посмотрел на ютубе но там никто не объясняет толком как и почему <html> <head> <meta charset="utf-8"> <link rel="stylesheet" href="style.css"> </head> <body> <div class="container"> <form action="#" method="post"> <p><label for="name">Name: <input type="text"></label></p> <p><label for="passvord">Passvord: <input type="text"></label></p> <p><label for="forza">Forza:</label> <select name="nav" id…
0 votes6 answers -
Как прибить слой по горизонтали? (+++)
Добрый день. Cайт отрисован и отцентрован по середине. Пробую пихнуть флэш-менюшку в слой, что-бы она нормально залезала на другие элементы сайта - получается. Но! По вертикале я задаю абсолютное значение (top:40px;) и оно попадает, но по горизонтале такой фокус не получается, т.к. сайт отцентрован и в разных разрешениях экрана меню появляется в разных местах (ползает по горизонтале). Собственно вопрос в том, можно ли решить эту проблему - например как-то привязать горизонтальное значение к какой-то табличке или т.п.? Можно в живую посмотреть тут - http://www.mcmotors.ru/cars_chevrolet.php Thx.
0 votes4 answers -
Вёрстка для старых браузеров
Есть необходимость сверстать сайт, который будет корректно отображаться и на старых и на новых браузерах. То есть начиная с IE 6, Opera 12, Safari 5.5. Страницы простые, но нужно добиться одинакового отображения. Какой доктайп использовать? Может ещё какие-то общие рекомендации дадите? Страница - заголовок, пару абзацев с текстом. И главное - обратный отсчёт времени. Я правильно понимаю, что какой-то красивости, кроме размера шрифта добиться для старых браузеров в отсчёте времени не получится?
0 votes33 answers -
Проблема с отображением шрифтов при использовании Smarty
Я нарезал страницу - во всех браузерах отображается нормально Потом с помощью смарти сфоримровал эту же страницу и залил на сервер. Все шрифты выросли раза в 3.(font-size) Почему так происходит. Стили все грузятся кроме шрифтов? Файл стилей я вставил в {literal}{/literal} Как лечить, помогите!
0 votes1 answer -
FORM SELECT ограничение строк
Возник вопрос - можно ли заставить select открываться строго на заданное количество строк и строго в заданном направлении (в частности вниз). Просто рядом находятся несколько select'ов, заполненных разным количеством пунктов. Весьма неэстетично, что один список раскрывается вниз, а соседний распахивается наверх весьма обширным списком... Подозреваю, что этим в принципе нельзя управлять, спрашиваю просто "а вдруг!". Может кто-то нашел нетривиальное решение...
0 votes3 answers -
bootstrap для новичка ?
Доброго времени суток, обитатели этого замечательного ресурса. Я начинающий верстальщик. Меня интересует такой вопрос: Стоил ли учится работать с css frameworkами начинающему верстальщику или же лучше все писать самому без какой либо помощи ? Не хочу что бы это как то отобразилось на моем обучении в худшую сторону...
0 votes4 answers -
Как выделить активную ссылку меню на сайте?
Здравствуйте. Уже второй день ломаю голову. Нужно чтобы активная ссылка была выделена другим цветом. Напр. переходим по ссылке "Мыло ручной работы" и на странице где информация о продукте, фон ссылки выделить другим цветом. Ссылка на сайт (http://floris-m.com.ua/) Пробовал использовать JavaScript, но ничего не меняется: <script> $(function() {$(«li»).click(function(e) {e.preventDefault();$(«li»).removeClass(«active»);$(this).addClass(«active»);});});</script>HTML: <div class="akkordeon"> <ul class="vmenu"> <li class="home"><a href="/shop/mylo-ruchnoj-raboty">Мыло ручной работы</a></li> <li class="parent"><a href…
0 votes7 answers -
ССЫЛКИ МНОГО ССЫЛОК!!!!
у меня на сайте есть похожие ссылки,как мне избежать тупого контрл+це контрл+в
0 votes21 answers -
Меню-аккордеон + спрайты
Всех приветствую! Столкнулся с такой проблемой. На сайте будет меню. Меню с подуровнем. Условие - меню-аккордеон, кроме этого используются спрайты (так как шрифт не стандартный и просили шрифт не изменять). Отдельно меню-аккордеон работает и сдвигает вниз следующие пункты меню. Но когда настраиваю спрайты и присваиваю <li> class то выходит фигня какая-то... кто может подсказать в чем проблема? HTML, CSS и скрипт можно посмотреть на http://mysite-demo.narod.ru Да... забыл сказать... второй уровень меню появляется если нажать на "Каталог"
0 votes10 answers -
Выпадающее меню прячется за баннер
Есть сайт, сделан на таблицах. Добавила на сайт менюшку на div. Все отлично все работает, но есть один нюанс. Выпадающее меню залазит под флеш-анимацию(баннер), а надо бы чтоб был сверху. Т.е. нужно чтобы выпадающий список закрывал собой баннер, а не прятался за него. Из-за чего такое происходит и как можно исправить. Спасибо.
0 votes12 answers