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
-
<div>
Какие значения для <div> необходимо задать, чтобы он вытягивался по отношению его содержимого.
0 votes6 answers -
Помогите с кругляшами
Друзья, вот знаю что можно заверстать круглые уголки на меню двумя спосабами. 1. Сделать все пункты меню примерно одинаковыми по длинне и просто пихнуть одинаковую картинку в фон. 2. Подставить вторую половинку с другими углами рядом А что делать, если ни первый вариант, ни второй реализовать не возможно? Речь идет, только если в фоне именно картинка. Пример - см. рисунок позиция 1. И еще интересует можно ли сделать покрасивше позицию 2?
0 votes4 answers -
Две одинаковые таблицы, разное отображение
Здравствуйте. Выводится две абсолютно одинаковые таблицы: 1) http://concerts.in.ua/ (внизу страницы) 2) http://concerts.in.ua/index.php?view=venueevents&id=3:underground-music-hall (внизу страницы) В перво случае край таблицы вылазит, а во втором нет, при этом файл шаблона одинаковый, css одинаковый и т.д. Почему получается такая разница?
0 votes5 answers -
Проблема с выпадающим меню
Приветствую! Есть проблема. Нужно сделать выпадающее меню с картинкой. То есть чтобы получилось следующее: Надо чтобы картинки и ссылка были как бы одним блоком чтоли. Само меню сделал, а вот картинку когда вставляю все едет. Может нетуда вставляю. Вот код: HTML <ul class="my_menu"> <li><a href="#"><img src="my_img.jpg />"Провод СИП</a> <!-- пробовал так --> <ul> <li><a href="#">- IEK</a></li> <li><a href="#">- Арматура для СИП 4</a></li> <li><a href="#">- Арматура для СИП 6</a></li> </ul> </li> </ul> CSS .my_menu li{ float: left; pos…
0 votes1 answer -
Проблема с блоками
Использовал разные свойства вроде float и display:block но не помогает.В общем ситуация следующая:Есть новость,фоны для заголовка и текста заданы в ячейках таблиц(это нужно,чтобы при увеличении кол-ва текста средний фон растягивался(если у кого-то есть альтернативный вариант пишите)) и еще 1 ячейка в таблицы для нижней части фона и мне нужно,чтобы эти блоки отталкивали футер.Точно такая же фигня со спанами в общем прикладываю код. Хтмл пример со спанами <!doctype html> <html> <head> <meta charset="utf-8"> <link rel="stylesheet" type="text/css" href="css/styles.css"> <title>B?rnud?rzs R?GELE</title> </head> <div id="wrap…
0 votes2 answers -
помогите с квадратными блоками
Ребята! Вот суть: имеется много квадратных блоков div 252х252px, и нужно сделать так, чтобы они заполняли всю ширину страницы, не оставляя пустых мест и при изменении масштаба и разрешения экрана тоже все заполнялось. Как это сделать, уже несколько ночей решить не могу это проблему. вот пример https://mail.yandex.ru/disk/imgviewer/?id=%2Fdisk%2F1.jpg
0 votes6 answers -
Вертикальное выравнивание
Помогите <div class="section"> выровнять по центру вертикали на cardterapia.ru. То есть чтобы он всегда был по центру в не зависимости от монитора.
0 votes3 answers -
Правка стиля
Помогите, пожалуйста, разобраться: не могу исправить цвет/размер текста: Перепробовала уже все стили, не выходит никак...сайт: http://apriori-chic.ru/
0 votes4 answers -
Проблема с счетчиком в CSS
в корзине товары считаются счетчиком на CSS, проблема в том что на сайте есть еще выпадающая корзинка в которой товары тоже подсчитываются CSS счетчиком, при наведении на корзину она выпадает и счетчик пересчитывается , на картинке все указал. Как устранить пересчет если ниже идет тоже счетчик ? Товары в не выпадающей корзине включаются в подсчет как продолжение с товарами с выпадающей корзины
0 votes3 answers -
Передёргивание страницы на чекинг радио инпут
1) "Стар рейтинг" работает как задумано, только страница перёдёргивается. Решение вопроса через preventDefault() const labels = document.querySelectorAll('label'); function noDefault(e){ e.preventDefault(); }; labels.forEach(x => x.addEventListener('click', noDefault)); несостоятельно, т как инпуты перестают переключаться на "чекед". 2) Связанный с этим второй вопрос второго примера. Страница не передёргивается, чекится как надо. Только не работает в ИЕ, т как он не прощает :before применительно <input>, который не является блочным элементом. Первому варианту предпочтение, но оба примера применяют псевдоэлементы. Если нет…
0 votes3 answers -
Использование плагинов и других вспомогательных вещей js
Всем привет! Узнал о существовании плагинов js и появился такой вопрос: является ли использование плагинов и других вспомогательных вещей(типо галереи, слайдеры, карусели) на js хорошей практикой или лучше писать всё вручную?
0 votes1 answer -
многоколоночный текст
как реализировать для ие? прочитал что есть скрипты которые автоматически делают это но их не нашел!! нашел решение на http://www.xiper.net/collect/js-plugins/content/multi-column.html но у меня почему то не работает! пасиба за ваши старания
0 votes2 answers -
Таблица при помощи <li> css
Здравствуйте! помогите решить одну проблему: есть список, который выводит категории с подкатегориями сайта в виде таблицы Категория1 Категория 2 Категория 3 ———— ———— ———— ———— ———— ———— ———— ———— ———— ———— Категория 4 Категория 5 ———— ———— ———— ———— Как реализовать вывод категорий таким образом Категория1 Категория2 Категория3 ———— ———— ———— ———— ———— ———— ———— КАТЕГОРИЯ5 ———— ———— ———— ———— ———— ———-- Категория6 КАТЕГОРИЯ4 ———— ———-- ———— ———— ———-- ———— …
0 votes6 answers -
Раскрывающийся список
Добрый день !!! Сделал раскрывающийся список, но хочу ещё в добавок поставить значок "+" перед списком и сделать так что бы он менялся на "-" если список раскрыт. http://jsfiddle.net/wgyN6/ Честно говоря даже не знаю как лучше сделать, можете подсказать как лучше? Думаю загрузить две картинки и . но как организовать смену этих картинок по щелчку, я не знаю
0 votes5 answers -
проблема с атрибутами div
Привет! Делаю небольшой сайт по урокам, сайт делается на html/css блоках, проблема с float - в уроке (видеоуроке, так что перепутать что-то сложно) все работает, у меня ничего не работает, перепроверял 3 раза, копировал текст из идущего с уроком файла (исходный код), менял параметры, не помогает. Вот так должно быть (я специально привожу скриншоты потому что мой код очевидно содержить ошибку - он ниже) Вот html Вот css Вот результат (левое меню полностью обтекается рабочей областью и автоматически регулируется по высоте) А вот мой код Это html <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> &l…
0 votes2 answers -
прозрачность у background-color
Привет, мне нужно реализовать полупрозрачный бекграунд у дива, опасити применяется на все содержимое дива. Подскажите, как реализовать.
0 votes2 answers -
Оформление шапки сайта
В общем, такая проблема. Я не знаю или тупо забыл как изменить картинку в шапке сайта в данном случае.
0 votes3 answers -
Помогите разобраться! 4 блока, 3 из них фиксированы по высоте, 1 резиновый, не правильно отображается.
Помогите разобраться! Есть 4 блока. Первый, второй и четвертый фиксирован по высоте (height задан в px), а третий блок должен быть резиновым, но при минимальном количестве информации он должен растягиваться так, чтобы футер был самой крайней точкой, как на скриншоте, только без полосы прокрутки. Что не пробовал, никак не могу реализовать. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title>123</title> <meta name="robots" content="index, follow"> <meta http-equiv="content-type" content="text/html; charset=utf-8"> <link href="style.css" rel="styleshe…
0 votes4 answers -
Скрипт placeholder как на sotmarket ?
На Sotmarket интересная форма поиска с плавным переключением фона и непрозрачность текста, где найти такой скрипт ?
0 votes3 answers -
Применение классов к маркированным спискам
Здравствуйте! Не получается применить классы или ID к маркированному списку. Дело в том, что списков на странице будет несколько, у каждого списка присутствует свой маркер (маркер заменяю картинкой через list-style-image). Когда пытаюсь применить к списку класс или ID, то все стили слетают. Делать пытаюсь так: HTML: <ul class="ddd"> <li>Маркированный список 1</li> <li>Маркированный список 1</li> <li>Маркированный список 1</li> <li>Маркированный список 1</li> <li>Маркированный список 1</li> </ul>CSS: ul .ddd{list-style-image: url(images/okay.png);text-align:left;}
0 votes2 answers -
Позиционирование блоков с наездом
Помогите разобраться, как следует выполнить следующее задание: Длинна блока контейнера (Container) Зависит от большего по размеру блока Menu или Content. При этом Menu вылезает за пределы блока Container на 20px , а блок Content вылезает за блок Container на 10px. Сейчас все это обернуто в еще один контейнер, который имеет position: relative , а контейнеры Menu и Content position: absolute. Но при таком решении длинна Container остается не изменой. Как лучше справиться с этой задачей?
0 votes4 answers -
Резиновый сайт
ЧИТАЕМ МОЙ САМЫЙ ПОСЛЕДНИЙ ПОСТ!!!
0 votes8 answers -
Как спрятать текст в <i> , но чтобы картинка отображалась?
<li><i class="iconmail">... </i>info@reen.com</li> бекграундом вставил картину, но не знаю как спрятать текст, нужно чтобы картинка отображалась, Img не советовать
0 votes9 answers -
Какая должна быть разметка в данном случае?
Здравствуйте. Пытаюсь освоить адаптивный дизайн с bootstrap. Но пока не понимаю какая должна быть html разметка. С толку сводит например то, что на широком экране лого, телефон, магазины и корзина идут выше строки с меню, а в компоновке для узкого экрана - после меню. Или например поиск находит в сайдбаре на широком экране, но на узком в верхней строке после кнопки меню. Вот схема широкого экрана: А вот узкого: Объясните пожалуйста как решаются такие противоречия в адаптивной вёрстке? С помощью разного абсолютного позиционирования в медиа запросах css?.. Буду благодарен если вы покажите, какая должна быть html-разметка в данном случае.
0 votes4 answers -
Верстка составной иллюстрации
Здравствуйте. Я столкнулся с такой проблемой: есть иллюстрация, разбитая на три блока — левый, средний и правый, каждый из них имеет свой hover. Проблема в том, что кусок иллюстрации из правого блока наслаивается на кусок иллюстрации из среднего. Вопрос в том, как это сверстать? Как видите, просто порезать изображение на три части не выйдет. Заранее спасибо.
0 votes1 answer