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
-
Язык в документе HTML
Здравствуйте. Интересует необходимо ли указывать язык в документе HTML, например en и т.д. Столкнулся с противоположными мнениями, как в его необходимости, так и бесполезности.
0 votes3 answers -
Помогите разместить блоки
Доброе время суток. Я тут сделал вот такую радость: http://jsfiddle.net/Bizon4ik/wQPgR/ Помогите решить следующие задачи: 1. Как с права от серого блока прижать еще один блок высоты больше чем серый, но при этом синий должен продолжать растягиватся на всю свободную высоту экрана 2. Как сделать так что бы синий блок не ездил при горизонтальной прокрутке?
0 votes9 answers -
h2 cдвигает весь блок
Здравствуйте! У меня проблема: <div class="shashka"><h2>Заказ такси</h2></div> .shashka { background: url(../images/shashka.png) no-repeat; height: 66px; margin: 0 auto; width: 191px; } .shashka h2 { color: #fff; font-size: 24px; margin-top: 15px; <—— Это свойство сдвигает не заголовок относительно .shashka, а весь блок .shashka на 15px вниз text-align: center; } Почему это происходит??? Может кто нибудь сталкивался с этим? Если добавляешь к .shashka { border: 1px solid white; } то все работает нормально, h2 смещается вниз на 15px, а не весь блок <div class="shashka">
0 votes2 answers -
Div при наличии max-width все равно расползается.
Ребят,помогите новичку. Очень тупо получается как-то.Почему у меня блок layout при заданном max-width все равно дальше расползается?header и footer при заданным max-width дальше не расползаются,а этот расползается. Вот что у меня получается:
0 votes5 answers -
шрифты в мобильных браузерах
Добрый день! У меня такая проблема - я подключаю дополнительные шрифты, расположенные на локальном сервере: @font-face { font-family: 'BrandonGrotesqueBlack'; src: url('/fonts/brandon_grotesque_black.ttf') format('truetype'); src: url('/fonts/brandon_grotesque_black.svg') format('svg'); }потом:#left_num .num { font-family: 'BrandonGrotesqueBlack'; font-weight: bold;}Так вот, проблема в том что в браузерах на компе шрифты отображаются правильно, проблем никаких, а вот в мобильных браузерах нет, ни в эмуляторе опера мобайл, ни в опере мобайл и в хроме на андроид планшете шрифт не отображается - показывает тот что по умолчанию. Пробовал размещать CS…
0 votes1 answer -
css
Добрый день, подскажите какой класс править чтоб нормально отобразить кнопки добавить в корзину и подробней сейчас кнопки направлены в разные стороны и бэграунд кривой. Правил такие классы class="product-buttons" class="product-buttons-container clearfix" class="show_details_button" при помощи падингов что -то получается но криво. Мне нужно чтоб обе кнопки были по середине, и имели нормальный бэгрануд. Спасибо.
0 votes7 answers -
Адаптация слайдера roundabout.js
Всем привет. Ребят, нужна помощь, не могу сама справиться. Адаптирую старый сайт. В нём есть слайдер roundabout.js версия 1.1. Так как responsive поддерживается с версии 2.1, установила её, но здесь как-то странно высчитывается позиция left в position:absolute, где-то на 100рх больше, из-за чего картинки вываливаются из своего блока и появляется горизонтальный скрол. Ребята, кто работал с данным плагином, есть там возможность откорректировать left ?
0 votes0 answers -
Подскажите, что тормозит на странице?
Добрый день всем! С праздником Рождества Христова! Всем здоровья и счастья! Подскажите, не могу понять, что тормозит появлению картинок на странице КУПИТЬ, а также карусель на главной странице?? Спасибо!
0 votes5 answers -
Поле с изображением
Здрасти. Такая проблема. Вот в этой статье (http://stepbystep.htmlbook.ru/?id=23)написано, что можно вместо кнопки поставить изображение. Это хорошо. Но не до конца. Мне нужно, чтобы там было не просто изображение, а rollover, с текстом поверх картинки. Как такое можно осуществить, имея только это: <input type="image" src="/images/imgbutton.gif" width="91" height="25" align="middle" alt="Отправить форму на сервер"> и это: <FORM name=web action=http://www.yandex.ru/yandsearch method=get><INPUT maxLength=500 size=38 name=text><font face=arial> <a href="???" class="rollover3"><div onclick=location.http:/???"><table style='FONT-SIZ…
0 votes0 answers -
2-этажное меню
хочу сделать 2 горизонтальных выпадающих меню, которые прижаты друг к другу. если для одного горизонтального меню сделать выпадающее - не проблема, то для двух уже начинаются глюки см. http://woyar.leaderhost.ru/nav.html (корректно отображается только нижнее меню) или http://woyar.leaderhost.ru/nav2.html(корректно отображается только верхнее меню). совместить оба приема не получается. мучаюсь уже неделю. посмотрите свежим взглядом, может подскажете чего.
0 votes1 answer -
Ненаследуемость параметров
Имеется много-много div'ов, обозначенных классами. И есть один, не обозначенный им, но только конкретно ему я должен привоить парметр в css. Однако, он естественно будет наследоваться вовсюда к тегам div. Как сделать так, чтобы параметр не наследовался. Просто пишу свою css для ресурса, чтобы было его удобнее использовать, и, поэтому, ничего не могу менять в html коде
0 votes3 answers -
Проблема с CSS меню
Установил меню над шапкой. И появился вот такой зазор между CSS меню и Шапкой сайта.(Cм. рисунок выше) Что делать?
0 votes6 answers -
Шапка из 5 элементов
Здравствуйте, помогите пожалуйста сделать шапку. ( div+css ) <->right.png<->right-center.png<->center.swf<->left-center.png<->left.png< где right-center.png и left-center.png должны растягиваться под разрешение
0 votes6 answers -
Проклятый height: 100%
Столкнулся с такой проблемой как блоки внутри таблицы. Как сделать блок #second высотой в 100% от родителя? http://jsfiddle.net/rDfgW/
0 votes11 answers -
Почему IE9 ломает таблицу?
Привет всем. Я никак не могу понять, почему у меня в корзине таблица со списком товаров "ломается" в IE? Съезжают ячейки и в коде как-будто еще одна таблица появляется. Код, формирующий таблицу, вызывается один раз (проверял). В FF, Хроме, Опере - всё хорошо, отрабатывают все скрипты и верстка не расползается. В консоли IE ошибок не замечено. Один раз в процессе отладки правда словил такое сообщение: Вот тестовый сайт, добавьте что угодно в корзину (без товаров она не покажется). Что я просмотрел?
0 votes5 answers -
box-shadow в CSS3
Синтаксис свойства: box-shadow: h-тень v-тень размытие протяженность цвет inset; На своей подопытной страничке http://prodpak.ru перебрав множество примеров из интернета, изменив немного значения методом тыка, мне удалось сделать внутреннюю тень как хотел, но знаний я так и не получил. То есть нет структурного понимания поведения своей же записи на сайте box-shadow: -4px 0 10px -2px #F0F0F0 inset; Например, не пойму почему, когда я сменю -4px на 4px, то тень у блока будет слева. Как же ориентироваться? Вообще поначалу я полагал, что нужно руководствоваться top right bottom left где относительно элемента тень будет смещаться в ту или другую сторону.
0 votes3 answers -
Можно ли использовать border вместо margin?
Делаю верстку с резиновыми колонками и фиксированными отступами между ними. .col {margin-left: 10px;margin-right: 10px;}Через float колонки находятся в одном ряду. Если задать margin, при ресайзе окна колонки не обтекаются и переносятся. Подумал для этого использовать бордеры, вот так: border-left: solid 10px transparent;border-right: solid 10px transparent;Можно так?
0 votes1 answer -
Градиент текста в CSS
Здравствуйте. Сенат просит помощи у джедаев. Мне нужно осуществить выпадающее меню при помощи div. Но самой справиться мне мешает тот факт, что текст пунктов меню нужен градиентом, который я делаю так http://jsfiddle.net/kattiperk/Q9LM4/ Есть какой-нибудь способ либо другого градиента для текста, чтобы можно было меню написать списком? Либо сделать спойлер через div, но чтобы корректно отображалось с градиентом уже написанным? Или дайте где почитать. Спасибо.
0 votes3 answers -
Стандартный title
Здравствуйте, помогите пожалуйста избавиться от стандартной всплывающей подсказки. Есть блок в котором при наведении я реализовал вывод подсказки, но он показывает их сразу две, ту что я сделал и ту которая идет стандартной от браузера. Вот код моей подсказки .tooltips{ display: inline; position: relative; } .tooltips:hover:after{ background: #767E9E80; border-radius: 5px; bottom: 15%; color: #fff; content: attr(title); left: 10%; padding: 5px 15px; position: absolute; z-index: 98; width: auto; text-align: center; } .tooltips:hover:before{ border: solid; …
0 votes2 answers -
Тень для псевдоэлемента
Всем привет, возможно ли средствами css реализовать такую тень для псевдоэлемента after или before (иконки fontawesome) http://prnt.sc/eio3kx ?
0 votes1 answer -
Зафиксировать высоту ячейки таблицы.
Здравствуйте. Нигде не могу найти как указать высоту таблицы в пикселах фиксированной. Чтобы при заполнении её текстом, она не увеличивалась в высоту (не расползалась вниз), а текст бы превышающий вертикальный размер был бы скрыт, а при нажатии на ячейку раскрывался (текущая строка увеличивалась до размеров всего текста). Полосы прокрутки не нужны. Гуглил несколько часов, уснуть не могу блин, везде пишут, что так сделать невозможно, таблица так и будет расползаться вниз чтобы вместить весь текст (((((( но ведь я видел, так где-то делали, но найти к сожалению не смог.
0 votes4 answers -
Увеличение символа мнемоники
Подскажите, пожалуйста, как можно увеличить символ мнемоники в css? Font-size не работает. Спасибо! <div class="sign_left"></div> .sign_left::before { content: "\003C"; display: inline-block; color: rgb(192, 34, 34); }
0 votes2 answers -
Открытие двух окон с одной гиперссылки
Подскажите, пожалуйста, как спомощью одной гиперссылки открыть два окна
0 votes4 answers -
нахлест при использовании тега OL
Всем привет! Столкнулся с проблемой... номера пунктов залезают на картинку вот коды пунктов и картинки: Как можно выкрутится, чет никак не пойму....
0 votes4 answers -
utf-8 + IE
Кто может - объясните, пожалуйста, почему когда выбрана кодировка utf-8 для странички: <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> при изменение размеров окна браузера, с помощью мыши возникаю некоторые задержки (тормоза). Если же использовать windows-1251: <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> то все просто замечательно, резвенько меняется. причем просматриваю страничку локально. И данные тормоза наблюдаются лишь в IE (8 и 7 тестил), в опере, мозиле, комодо без всяких тормозов работали что с той, что с другой кодировкой. Страничка состоит из таблицы с тремя строчками (у каждой свой фоновый ц…
0 votes4 answers