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
-
Отступы в Мозиле
исправили бубном, пока не актуально
0 votes0 answers -
В чем дело? Резиновый шаблон катается по экрану
Выручайте бьюсь уже 3-и дня не понимаю, что нужно дописать в css что бы меню с картинками не уезжало при изменении разращении окна браузера? бэграунд имедж задаю 100% и всё меню с картинками поехало. сайт http://babiole-shop.ru/ Тоесть если смотреть через компьютер и не играть с разрешением, то все отлично, но как только я начинаю смотреть с телефона, или просто уменьшая разбер окна браузера, то сначала картинка ребёнка, а потом образовывается белое пространство и дальше уже идёт меню. Я понимаю, что это из-за того что картинка уменьшается в размерах
0 votes2 answers -
разметка компонента
помогите пожалуйста разобраться в вопросе обычно, делая компонент, разработчик предоставляет возможность добавить в html один элемент. например: <div id="megaSlider"></div> и затем подключенные скрипты заполняют этот компонент нужной разметкой и поведением. это красиво и лаконично. но не всегда удобно. например, если используется bootstrap и шаблонизатор типа underscore. в этом случае при написании компонента разработчику приходится поочерёдно открывать шаблоны и добавлять в них классы: container, row, col-md-6 и т. д. от такой деятельности голова пойдёт кругом но есть и другой путь. в теле страницы вместо <div id="megaSlider">&l…
0 votes0 answers -
расположение трех таблиц на всю страницу по высоте
Доброго всем времени суток! Возникла следующая проблема: я очень слабо знаком с CSS, но сейчас делаю на делфи выгрузку произвольной таблицы в простейший html-файл. Особенность - на странице надо расположить 3 таблицы вертикально одна под другой: заголовок с названиями столбцов, собственно таблица данных, футер с итоговыми данными. Причем и заголовок, и футер могут быть как однострочными, так и многострочными - заранее неизвестно. И они должны всегда отображаться на странице, а основная таблица с данными будет перематываться. Вопрос вот в чем - как с использованием только CSS (без JS) указать height для центрального div-а с данными? Высоту страницы я подставляю к…
0 votes0 answers -
Отверстать меню сайта с резиной
Добрый день ) Не могу разобраться как отверстать шапку сайта, и чтобы она была резиновой. Суть вот какая. В шапке сайта изображение слева - Логотип, правее от нее идут 4 кнопки. Логотип прижимается к левому боку, оставшееся пространство должно занять 4 кнопки, причем занять так, чтобы они занимали 25 процентов от оставшегося пространства в контейнере div за вычетом размера изображения логотипа, т.е. чтобы если расширять окно блок под кнопку увеличивался, но не учитывал размер логотипа. Надеюсь понятно задал вопрос. И заранее большое спаисбо
0 votes1 answer -
color действует не для всех элементов select
Здравствуйте. Здесь внизу страницу у меня проблема с перекраской шрифта в выпадающих списках select. Почему-то с помощью свойства color окрашивается чёрным лишь только текущий выбранный пункт selecta. Как выкрасить черным остальные пункты, которые видны при раскрытии списка? Благодарю
0 votes1 answer -
Таскается картинка размещённая в img
Как можно запретить? Интересует именно тема с img, тема с background-image не подходит.
0 votes1 answer -
Проблема с шириной
Здравствуйте. Был сайт на таблицах, переделал на блоки (боковые фиксированного размера 160px, а центральный резиновый). Но есть раздел, где большая таблица и она вылазит за границу блока нерастягивая его и наесжает на правый блок. У сайса задан min-width: 1021px; max-width: 1400px; margin: 0 auto; min-height: 100%; width: 100%; в таблицах он работал а в дивах всегда минимум держит. Как это можно исправить? http://bgpllp.brest.by/?o=1window Спасибо.
0 votes1 answer -
Сверстать для смартфона
http://jsfiddle.net/ceA3n/ на компе все окей а на мобиле полосы на картинку налезают как можно такое сверстать?
0 votes1 answer -
проблема округления
привет! знаю про проблему округления но как с ней воевать не знаю для опери !! <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml"> <head> <title>template</title> <meta http-equiv="content-type" content="text/html;charset=utf-8" /> <meta http-equiv="Content-Style-Type" content="text/css" /> <style type="text/css"> * { margin: 0; padding: 0; } html, body { height: 100%; } .wrapper{…
0 votes0 answers -
Редактирование разных данных в таблице пользователем
Всем привет. Делаем сервис в котором присутствует куча настроек. Настроек много и они однотипные, поэтому объединяем их в таблицу. И встал вопрос как поюзабельней сделать редактирование этих настроек. Среди полей таблицы есть и просто текст, есть и числа, даты, есть и комбобоксы. Если реализовывали что-то такое, или видели где реализовано, подскажите плиз.
0 votes1 answer -
где ошибка?
помогите начинающему разобраться, где ошибка. По замыслу при наведении на li добавляется класс dob и в результате меняется ссылка. но ничего не работает! $(window).ready(function(){ $('li').hover(function(){ $('a').addclass('dob'); }); });
0 votes1 answer -
Отрицательный отступ POSITION
Вопрос: при использовании свойства position:relative; top:-10px для блока в родительском элементе СНИЗУ образуется дополнительные +10px. Как можно от этого избавиться, если высоты родительского и дочернего элемента отличаются(высота родител. блока в %, а дочернего - в PX)? <div class="a"> <div class="a1">Первый блок</div> <div class="a2">Второй блок</div> </div> .a1,.a2{width:100px; height:100px;} .a{background:grey; width:300px;} .a1{background:red;} .a2{background:blue; z-index:2; top:-10px; left:30px;}
0 votes1 answer -
z-index у вложеного элемента
Добрый день! Допустим есть структура. Каким образом можно задать внешнему div, z-index больше первого? <div> <div></div> </div>
0 votes0 answers -
Резиновый DIV
Здравствуйте! Очень нужна помощь по одному вопросу: Правая колонка сайта имеет ширину 260px. Дивы которые справа при фиксированной ширине выглядят на месте, но когда изменяется ширина окна браузера в меньшую сторону дивы смещаются вниз страницы. Так и должно быть. Вопрос в том, что блок1 должен становится на всю ширину центра страницы если окно браузера не на весь экран, остальные дивы не меняя размера становятся под ним. Если я пытаюсь задать ширину дива1 min-width:240px; max-width:660px;, то этот див не лезет в ширину правого столбца 260px, а сразу перескакивает вниз, несмотря на то, что браузер на весь экран. Если задать фиксированно 240px, то всё ок. Как сделать так, …
0 votes1 answer -
Position: absolute и Opera(а также IE 8)
Добрый день. Помогите пожалуйста решить проблему. Есть главная страничка по адресу http://roof-store.su/. На этой страничке большой слайдер, а у него белая овальная картинка, которая служит фоном для точек переключателей(посередине-внизу слайдера). Во всех браузерах точки переключатели по центру этой картинки, а в опере и точки влево съехали и нижний контент постоянно дёргается. Код для этой картинки #slider-image { position: absolute; top: 600px; left: 620px; z-index: 100; } Как можно это решить?
0 votes1 answer -
Размещение блока div и резиновый дизайн
Я уже почти день ломаю голову и никак не могу придумать как это все сделать. Может, поможете? http://cssdesk.com/vku9R Нужно, чтобы дизайн был резиновый, а именно 25% 50% 25% Шапка и подвал на своих местах. Блоки .menu #content .ads были на одном уровне.
0 votes2 answers -
Текст шире ячейки
Народ, подскажите как сделать так чтобы текст вылезал за границы ячейки, т.е. нужно изобразить следующее http://gyazo.com/57f7c267be08e36c938a25f291f471c7 Ширина всего столбца по пунктирной линии, а слово питание в верхней ячейки шире всего столбца.
0 votes1 answer -
Разместить картинку сбоку от опредёленного элемента после загрузки страницы
Здравствуйте! Здесь слева от категории Подарки к 2016 году надо добавить картинку, которая будет стоять за пределами бордовой области. Пробовал добавлять картинку через background-image для <li> и смещать её с помощью background-position, но это не даёт фоновой картинки вырваться за пределы бордовой области. Как можно добавить картинку слева от "Подарки к новому 2016 году" за пределами бордовой области? Через jq?
0 votes1 answer -
высота страницы не определяется
Наверстал страницу. Новичок. Проблема в том, что браузер не понимает автоматически высоту страницы и обрезает ее. Ставил в body height 100%, в page ставил 100%, не помогает. Либо надо явно задавать высоту, что не всегда приемлемо, либо отображается криво как аттаче. Какие типичные ошибки могли к этому привести? В некоторых местах для дивов задавал margin-top:-200px; Может ли быть в этом проблема? вот например ссылка. страница кривая пока, но главное, что иллюстрирует проблему обрезания высоты. http://zgid.d-mir.ru/zgid/Tarif/ таблица обрезается. так происходит со всеми страницами((
0 votes2 answers -
Помогите с SSI
php нет, зато есть ssi. На сайте несколько ссылок, а сама страница пустая. Как сделать так, что бы при клике на ссылки через ssi подгружался на страницу контент из другого файла. Интуитивно я представляю что нужно как то через onclic передать в ssi на проверку по условию и после уже подгрузить инклюд. Но на практике не выходит. Спасибо. П.С. Страничка в shtml с элементами 5 html.
0 votes1 answer -
Div в div'e(взаимная зависимость размера)
Здравствуйте! Столкнулся с такой проблемой при вёрстке. Есть 4 дива: <div id="content"> <div id="left"> </div> <div id="main"> <div id="menu"></div> </div> <div id="right"></div> </div> В диве main хранится контент, у него установлена min-height:600px. Когда контент превышает размер, main, как и следовало ожидать, растягивается по вертикали, а вот остальные остаются такого же размера. Как сделать, что бы все они растягивались, включая content. Заранее благодарю!
0 votes1 answer -
ссылки по документу
Добрый день. при переходе на страницу сайта - site.com/dokument.html все нормально, но если потом перейти по ссылке site.com/dokument.html#href заголовок съезжает наверх могу дать линк на сам сайт
0 votes1 answer -
смешение блоков
ребят здравствуйте есть макет с 3 колонками с фиксированой шириной на данный момент сверстал 2 но возникла проблема должно быть так но при убирании маргина у второй колонки блок улезает вниз код первой колонки #contaner { width: 320px; height: 750px; float: left; border-radius: 10px; }код 2 колонки изза маргина третья колонка улетает влево если убрать улетает 2 почему у первой не работает флоат лефт никак не пойму #content { width: 390px; height: 800px; background: #fff; margin-left: 320px; border-radius: 5px;}код 3 колонки тут совсем с маргинами ужас но нормально отображаеться только так #news {width: 250px;height: 780px;background: #333;margin: -754px 68…
0 votes1 answer -
Не проходит валидацию
Подскажите пожалуйста, в стилях есть строчка border-radius:3px при этом в html <!doctype html>. В валидаторе предупреждение что border-radius только для css3. Как исправить ?
0 votes2 answers