HTML Coding

29542 questions in this forum

1. Размещение блока div и резиновый дизайн

   Я уже почти день ломаю голову и никак не могу придумать как это все сделать. Может, поможете? http://cssdesk.com/vku9R Нужно, чтобы дизайн был резиновый, а именно 25% 50% 25% Шапка и подвал на своих местах. Блоки .menu #content .ads были на одном уровне.

   Asked by Haindell, March 29, 2014

   0 votes
   2 answers
2. И снова div

   Всем привет, возникла проблема с Div ни в какую не хочет растягиваться по размерам дочерних блоков. <div class="divCenter"><div class="divCenter2"> <div class="divMain1"><img src="img/main1.jpg" width="600" height="380" alt="Изображение не доступно" /></div> <div class="divMain2">Комфорт превыше всего!</div> <div class="divMain3"><img src="img/main2.JPG" width="510" height="320" alt="Изображение не доступно" /></div> <div class="divMain4"><img src="img/main4.jpg" width="1140" height="400" alt="Изображение не доступно" /></div> </div></div> .divCenter {width:1200px; height: 100%; …

   Asked by Skej, September 28, 2011

   0 votes
   0 answers
3. верстка горизонтального меню

   Переделываю строительный сайт stroyrus.com понадобилась такая менюшка: есть список, или табличка (без разницы) шириной 90%. Он выравнивается по центру по Х. и есть 4 ячейки таблицы, или элементов списка - смотря как верстать. надо сделать так чтобы при разном расширении экрана все тянулось на эти 90% - но между не самими ячейками а непосредственно названиями списка были одинаковые расстояния. см. рис. без динамики не проблема, сверстал. а вот при ресайзе надо чтобы расстояния а (см рис.) уменьшались. есть вообще способ без скриптов сделать подобное ?? Чисто версткой - возможно ??? может кому надо было подобное!

   Asked by adax, October 29, 2011

   0 votes
   3 answers
4. высота страницы не определяется

   Наверстал страницу. Новичок. Проблема в том, что браузер не понимает автоматически высоту страницы и обрезает ее. Ставил в body height 100%, в page ставил 100%, не помогает. Либо надо явно задавать высоту, что не всегда приемлемо, либо отображается криво как аттаче. Какие типичные ошибки могли к этому привести? В некоторых местах для дивов задавал margin-top:-200px; Может ли быть в этом проблема? вот например ссылка. страница кривая пока, но главное, что иллюстрирует проблему обрезания высоты. http://zgid.d-mir.ru/zgid/Tarif/ таблица обрезается. так происходит со всеми страницами((

   Asked by Vertex, February 21, 2012

   0 votes
   2 answers
5. как сделать слайдер резиновым?

   как сделать такой http://divhack.com/downloads/slider/index.html слайдер резиновым?

   Asked by olechic, July 9, 2012

   0 votes
   0 answers
6. Помогите исправить ошибки на сайте

   Посмотрите, что касается форума, есть ли какие ошибки или нет, ссылка - http://barsik.ucoz.ru/

   Asked by barsik007, January 1, 2013

   0 votes
   0 answers
7. Странное поведение z-index

   Сверстал попап http://jsfiddle.net/pbhAb/ Делаю так: затемняющая подложка <div class="popup_overlay"> и внутри нее сам попап <div class="popup"> В итоге, подложка, почему-то затемняет мой попап, но по логие это не возможно. У подложки z-index: 100, а у попапа z-index: 101. Если подложку и попап сделать элемнтами-соседями, то тогда всё в порядке <div class="popup_overlay"></div> <div class="popup"></div> 1) Почему это происходит? 2) Зачем вы поставили дефолтный скин ИПБ? Он ведь не торт(

   Asked by Evkaky, January 11, 2013

   0 votes
   1 answer
8. Как грамотно организовать навигацию

   Здравствуйте! Помогите пожалуйста сделать такую навигацию. Имеется основной список ul 1, расположенный горизонтально. В него (в одну из ссылок) вложен второй список ul 2, тоже горизонтальный и начинается как и родительский список. В списке ul 2 в ссылку вложен третий список ul 3, отображаемый вертикально, но уже параллельно ссылке, в которую вложен. Ах да, все в статике, т.е. ничего никуда не пропадает. Заранее спасибо! <ul id="navi"> <li><a href="index.html">ГЛАВНАЯ</a></li> <li class="re"><a href="produkt.html">ПРОДУКЦИЯ</a> <ul id="navi2"> <li><a href="#">Цифр…

   Asked by Syndrome, December 22, 2010

   0 votes
   0 answers
9. Кросбраузерная верстка.1 шаг до победы / HTML, CSS

   Верстаю страницу. код здесь: http://codepen.io/felchris/pen/cgkDm Состоит из прижатого к низу футера и 3 колонок.Колонки реагируют на изменение ширины.То есть сайт резиновый. Высота задаётся картинкой(gif).В идеале должно быть так: http://joxi.ru/bT7AU4wyTJDRBm1c0ao при растягивании колонки так же изменяются.Схема класс! ____________________________________________________________ Вышла такая штука: http://www.cyberforum.ru/attachments/419119d1405087875 Предполагаю,что они учитывают друг-друга,как блочные элементы. Разрешить пока не удалось. <body><div id="container"> <div id="main"> <div id="all"> <div id="outer"> <div id="inn…

   Asked by nash2000, July 11, 2014

   0 votes
   0 answers
10. Настройка анимации (срочно)

    Как настроить анимацию так, чтобы элементы плавно плыли по течению. Думаю проблема в процентный значениях между кадрами. Вот песок: https://jsfiddle.net/8awkpysn/1/ И собственно код. <p class="q1"></p> <p class="q2"></p> .q1{ position:absolute; left:0px; width:100px; height:80px; background:black; animation: c1 5s linear infinite; } .q2{ position:absolute; left:110px; width:100px; height:100px; background:black; animation: c2 5s linear infinite; } @keyframes c1 { 15%{ left:-252px; } 15.1%{ left:450px; } } @keyframes c2 { 15%{ left:-252px; } 15.1%{ left:560px; } to{ left:11…

    Asked by aqua.77, November 26, 2016

    0 votes
    0 answers
11. Проблема с подключением шрифтов @font-face

    Помогите пожалуйста разобраться, в чем дело. Подключаю шрифт таким образом: @font-face { font-family: HelveticaNeue; src: local('HelveticaNeue'), url('HelveticaNeue.ttf'); } body { font-family: HelveticaNeue; font-size: 45px; } На чужом компьютере все работает, а на моем нет. Подскажите пожалуйста, из-за чего это может быть, и как решить данную проблему?

    Asked by shtrobnik, December 2, 2011

    0 votes
    0 answers
12. Отрицательный отступ 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;}

    Asked by Silar, May 20, 2012

    0 votes
    1 answer
13. Отверстать меню сайта с резиной

    Добрый день ) Не могу разобраться как отверстать шапку сайта, и чтобы она была резиновой. Суть вот какая. В шапке сайта изображение слева - Логотип, правее от нее идут 4 кнопки. Логотип прижимается к левому боку, оставшееся пространство должно занять 4 кнопки, причем занять так, чтобы они занимали 25 процентов от оставшегося пространства в контейнере div за вычетом размера изображения логотипа, т.е. чтобы если расширять окно блок под кнопку увеличивался, но не учитывал размер логотипа. Надеюсь понятно задал вопрос. И заранее большое спаисбо

    Asked by braincini, May 29, 2012

    0 votes
    1 answer
14. Обрезается фон

    http://www.site-service.net/weatlas/ Есть верстка рассчитанная на по ширине на 1200px, так вот вопрос: При меньшем разрешении обрезается фон справа, как это поправить?

    Asked by site-service, November 12, 2012

    0 votes
    1 answer
15. Не проходит валидацию

    Подскажите пожалуйста, в стилях есть строчка border-radius:3px при этом в html <!doctype html>. В валидаторе предупреждение что border-radius только для css3. Как исправить ?

    Asked by Sergik+, June 13, 2014

    0 votes
    2 answers
16. Проблема с radiobutton

    Удалите тему

    Asked by Tim, July 24, 2014

    • radiobutton
    • самопереключение
    0 votes
    1 answer
17. Вопрос про flexbox

    Задавать ли флекс элементу width, если ему задано свойство flex-basis?

    Asked by DivMan, June 24, 2015

    0 votes
    1 answer
18. Отступы в Мозиле

    исправили бубном, пока не актуально

    Asked by Bicou, August 10, 2015

    0 votes
    0 answers
19. Разместить картинку сбоку от опредёленного элемента после загрузки страницы

    Здравствуйте! Здесь слева от категории Подарки к 2016 году надо добавить картинку, которая будет стоять за пределами бордовой области. Пробовал добавлять картинку через background-image для <li> и смещать её с помощью background-position, но это не даёт фоновой картинки вырваться за пределы бордовой области. Как можно добавить картинку слева от "Подарки к новому 2016 году" за пределами бордовой области? Через jq?

    Asked by borus, October 10, 2015

    0 votes
    1 answer
20. разметка компонента

    помогите пожалуйста разобраться в вопросе обычно, делая компонент, разработчик предоставляет возможность добавить в html один элемент. например: <div id="megaSlider"></div> и затем подключенные скрипты заполняют этот компонент нужной разметкой и поведением. это красиво и лаконично. но не всегда удобно. например, если используется bootstrap и шаблонизатор типа underscore. в этом случае при написании компонента разработчику приходится поочерёдно открывать шаблоны и добавлять в них классы: container, row, col-md-6 и т. д. от такой деятельности голова пойдёт кругом но есть и другой путь. в теле страницы вместо <div id="megaSlider">&l…

    Asked by cyklop77, May 1, 2016

    • bootstrap
    • html
    • js
    0 votes
    0 answers
21. Разъезжаются элементы

    На странице 4 новости в два ряда, по всей видимости когда высота какой то новости больше, то они разъезжаются Я установи min-height и для хрома помогло, а вот мозилка не прочувствовала изменений как-то Помогите разобраться с недоразумением пожалуйста Колонка новостей http://yametal.net/home.php

    Asked by Tchorteg, September 14, 2011

    0 votes
    1 answer
22. нечеткое изображение

    посоветуйте пожалуйста способ, которым можно решить мою проблему. верстаю вот такой макет. страничка. пытаюсь при помощи piexelPerfect подогнать блок с формой, который находится в левой колонке. глаза сломал. изменял настроики монитора, не сильно помогло. возможно, принципиально другой способ существует для подобных ситуаций... вообще говоря подогнать то со временем можно. но хотелось бы более эффективно тратить время

    Asked by cyklop77, January 8, 2012

    0 votes
    3 answers
23. резиновая колонка с полосой прокрутки

    сделал страницу как на http://htmlbook.ru/content/fiksirovannyy-dizayn-svoystvo-float в "Пример 2. Двухколонный макет" проблема в том, что когда во второй колонке находится широкая таблица, она "сжимается" до 750px. вопрос - можно ли сделать ширину страницы в % и чтобы при появлении в ней широкой таблицы появлялась горизонтальная полоса прокрутки?

    Asked by max.sa, May 15, 2012

    0 votes
    0 answers
24. color действует не для всех элементов select

    Здравствуйте. Здесь внизу страницу у меня проблема с перекраской шрифта в выпадающих списках select. Почему-то с помощью свойства color окрашивается чёрным лишь только текущий выбранный пункт selecta. Как выкрасить черным остальные пункты, которые видны при раскрытии списка? Благодарю

    Asked by borus, July 4, 2012

    0 votes
    1 answer
25. Прижать footer

    Доброго времени суток! Не могу разобраться с тем, как прижать footer. Если не использую границу блока и верхний/нижний отступ от окна браузера, то всё нормально, а с границами и отступами появляется полоса прокрутки, подскажите как от неё избавиться? Самый простой пример: html: <!DOCTYPE Html PUBLIC "-//W3C//DTD Html 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251 "> <title>Основы блочной верстки (Div верстки)</title> <link href="style.css" rel="stylesheet" type="text/css"> </head> <body> <div …

    Asked by spleen, September 24, 2012

    0 votes
    1 answer