HTML Coding

29,542 questions in this forum

1. Что за непонятные пробелы между блоками?

   Задача – чтоб высота основного контейнера (темно-синий) подстраивался под высоту голубых, при этом голубые должны идти вряд не соскакивая вниз. Но вот здесь http://rozma.inf.ua/ видно, что между голубыми контейнерами есть какие-то просветы, которые спихивают последний блок на следующий ряд. В чем загвоздка – никак не пойму..

   Asked by lego904, August 23, 2012

   0 votes
   2 answers
2. Проблема с отступами

   есть конструкция типа <div id="1"> <div id="2"> </div> </div>. Мне нужно у id=2 сделать отступ сверху. прописываю margin-top: 50px; а у меня оступ срабатывает у id=1. Но если у id =1 прописываю border, то всё нормально Ничего не могу понять. В чем дело

   Asked by timmi55, January 14, 2013

   • Html css margin
   0 votes
   2 answers
3. Смена картинки и ссылки

   Привет, подскажите пожалуйста, как реализовать следующую штуку: Имеется ссылка, под ней картинка. При нажатии на ссылку, текст ссылки меняется на другой и появляется всплывающая картинка, либо картинка поверх всего. При нажатии на новую ссылку, появляется первая ссылка и первая картинка. При появлении 2ой картинки, 1ая должна либо пропадать,либо закрываться 2ой картинкой.

   Asked by RK3DNP, October 12, 2013

   0 votes
   0 answers
4. Помогите найти ошибку в вёрстке

   Помогите найти ошибку в вёрстке Не могу понять природу белой полоски под превьюшками. Выяснил только, что картинки без полосок, где-то в вёрстке ошибка. Инспектором в хром найти не могу. вроде это не margin. просмотрел стили - ничего подозрительного применительно к a не нашёл. Возможно это делает js, но врядли. http://sherwood62.ru/photogallery/

   Asked by OlegALL, February 3, 2014

   0 votes
   1 answer
5. Как выбрать только первые <li> без вложенных <li>

   Здравствуйте, подскажите как в данном коде : <ul class="spisok"> <li><a>Home</a></li> <li><a>Home</a> <ul> <li>Home</li> <li>Home</li> <li>Home</li> <li>Home</li> <li>Home</li> </ul> </li> <li><a>Home</a></li> <li><a>Home</a> <ul> <li>Home</li> <li>Home</li> <li>Home</li> <li>Home</li> <li>Home</li> </ul> </li> <li><a>Home</a></li>…

   Asked by alacka, February 6, 2014

   0 votes
   1 answer
6. Выравнивание li в колонку и переход к следующей, если все элементы не уместились в первой.

   Друзья, добрый вечер! Возникла задача сверстать список. Задача такая: дано, например, 17 li в ul. Требуется, чтобы "по умолчанию" они выравнивались вертикально строго друг под другом в колонке. Колонка может поместить в себе 15 li. Так вот с первыми 15 все ясно, а 2 оставшихся должны переместиться в колонку правее и также выравниваться друг под другом в формате уже другой колонки, но одного списка ul. Как это реализовать? float: left не подходит тут, потому как тогда все li будут строиться сразу в 2 колонки, а главным условием является сперва полное заполнение первой колонки и далее уже, если не поместились в первой, показывать их в колонке рядом. Спасибо.

   Asked by simplehtml, June 10, 2014

   0 votes
   2 answers
7. Закругленныи конец в header

   <nav id = "navigation"> </nav> css #navigation{ height:40px; background-color:rgb(150,150,150); margin-top: 10px; } Skajite kak sdelat zakruglennyi konec u headera.

   Asked by Leyla84, October 28, 2014

   0 votes
   1 answer
8. Использование :after&:before

   Доброй ночи! Нужно сделать пунктирную линию справо и слево от изображения. На картинке пример http://c2n.me/3c83tWt Вот то как это пока сделал я http://jsbin.com/pibecoyofo/1/edit?html,css,output Кто подскажет как сделать больше чем одна точна с одной стороны?

   Asked by alex.kv, February 9, 2015

   0 votes
   1 answer
9. Создание адаптивной галереи

   Добрый день, подскажите пжлст, как сделать Чтобы фотографии подстраивались друг под друга и занимали все свободное пространство http://www.armani.com/ru/armanijunior

   Asked by Romasa, March 3, 2015

   0 votes
   0 answers
10. Вопросы по верстке футера

    Доброго времени суток. Верстаю футер. В процессе возникло несколько вопросов. 1) По макеты нужно, чтобы 3 колонки были в одну линию. Выставляю все необходимые отступы, и, к примеру, в мозиле все нормальна, а в хроме последний блок съезжает вниз. Как такое можно исправить. 2) Почему то textarea немного смещен относительно других input в последнем столбце. Почему так происходит? У placeholder в textarea шрифт почему то отличается от всех остальных. Как это можно победить? http://a96362zl.bget.ru/index.html

    Asked by IvanRu08, May 9, 2016

    0 votes
    1 answer
11. подвал уползает вниз

    помогите пожалуйста решить проблему с подвалом. на этой страничке при небольшом количестве текста в колонках подвал располагается ниже уровня экрана. при большом количестве текста это не критично. у меня не получается сделать так чтобы при небольшом количестве текста подвал был прижат к нижней части экрана в пределах видимости. приём с footer correct не помогает в моем случае

    Asked by cyklop77, October 21, 2011

    0 votes
    2 answers
12. Не получаются стили для карусели

    Не получаются стили для карусели Хочу изменить дизайн карусели товаров на сайте http://srv23440.ht-test.ru/ -сейчас кнопки расположены сверху, но мне необходимо по бокам. Для этого я создал 3 div и поместил их в контейнер, левый div для левой кнопки, правый для - правой, центральный для самой карсуели товаров. И вроде бы все ок, но все страшно съезжает. На каком этапе я совершил ошибку? Исходный код <?php // no direct access defined('_JEXEC') or die('Restricted access'); ?> <script type="text/javascript" src="/modules/mod_topmovie/assets/jquery.tinycarousel.min.js"></script> <script type="text/javascript"> jQuery(function() { jQuery('.zoo…

    Asked by alanbus, November 11, 2011

    0 votes
    0 answers
13. вопросы по checkbox

    прошу помощи у тех кто сталкивался и знает как сделать. проблема такая: в поле checkbox вместо того чтобы выбранные элементы (checked) обозначались галочкой, меняли цвет фона. то есть выбранные элементы будут отличаться цветом а не галочкой. главный вопрос - как задать фон именно выбранным пунктам? заранее спасибо

    Asked by DeFlea, May 4, 2012

    0 votes
    2 answers
14. поправить код

    помогите пожалуйста поправить код страницы так чтобы валидатор перестал ругаться как я понимаю, валидатор говорит о том, что rel не может иметь значение 'group'. туц. поменять имя нетрудно, но в js я не нашел фразу 'group'

    Asked by cyklop77, May 9, 2012

    0 votes
    2 answers
15. появляется пустота

    Ребята, вот появляется пустое место в контейнере. Что это может быть, и как от этого избавиться?

    Asked by Dima 01, August 18, 2012

    0 votes
    4 answers
16. глюк с размером A и вложенным IMG

    Здравствуйте! у меня следующая проблема. в html документе есть елемент A (ссылка) в ней картинка. Так вот "размеры" ссылки меньше "размеров" картинки, а точнее высота. .main-toolbar { background-color : #c0c0c0 ; margin-bottom : 2px ; } .tool-btn { cursor : pointer ; } .tool-btn:hover { background-color : #8080ff ; outline : 1px solid #404080 ; } .tool-btn-img { margin : 0px ; padding : 0px ; width : 21px ; height : 21px ; border : none ; } <div class="main-toolbar"> <a class="tool-btn"><img src="line.png" class="tool-btn-img" width=21 height=21></a> <a class="tool-btn"><img src="line.png" class="tool-btn-img"></a…

    Asked by PeeX, October 11, 2012

    0 votes
    4 answers
17. позиционирование

    Добрый день! Нужна помощь! Помогите разобратся с позиционированием. есть 3 блока и css к ним: <div class="header"> </div> <div class="bar"> </div> <div class="slider"> </div> div.bar { background-image: url(images/bar.png); height: 50px; width: 1000px; margin: auto; margin-top: -25px; position: absolute; } div.header { background-image: url(images/fon.png); height: 151px; width: 1200px; margin: auto; } div.slider { background-image: url(images/slider.png); height: 300px; width: 1200px; margin: auto; } Блок BAR встает к левому краю страницы хотя задан для него margin: auto; Если отключить position: absolute; то он встает по центру, но …

    Asked by wert-one, April 27, 2013

    0 votes
    1 answer
18. Чем проверяете "кроссбраузерность"?

    Чем тестируете сайт на кроссбраузерность? Сделала себе набор новичка: 1) Последние версии Chrome, Firefox, Opera, IE. Последняя доступная Safari для windows. 2) IE tester и режимы совместимости IE, а также сайт http://netrenderer.com/ из-за переодических глюков этих программ и неверного отображения. 3) Сайт http://browsershots.org/ до кучи убедиться, что сайт терпимо выглядит, но в основном ориентируюсь на программы на компьютере. 4) Какие нашла portable версии старых браузеров firefox 3.0, 3.5, 3.6, 10.0 Opera 9, Opera 10 Может что-то еще нужно поставить, скачать или какой-то удобный сервис?

    Asked by Zverushka, July 10, 2013

    0 votes
    3 answers
19. Третий блок контента не становится на место )

    Здравствуйте, подскажите, пожалуйста, что не так. Не могу разобраться. Есть страничка ........ здесь три колонки в диве Контент. Две стали как полагается - третья зависла внизу. Не могу понять, в чем дело Премного благодарна.

    Asked by ShuraV, December 22, 2013

    0 votes
    5 answers
20. transition только для transform - возможно ли?

    Хочу анимировать только translatex translatey, но не all. Возможно ли это сделать через transition?

    Asked by Zverushka, April 1, 2014

    0 votes
    2 answers
21. Наезжающая прозрачность

    Собственно прошу помочь с реализацией, не знаю как сделать эффект типа hover прозрачность слева направо, вроде линейки, поняли идейку да? http://jsfiddle.net/NgLvW/

    Asked by Struggle, May 15, 2014

    0 votes
    1 answer
22. MapEdit интерактивная карта

    Делаю интерактивную модель человека. Все очень просто,нажимаешь на руку-открывается страницы с рукой. Но вот проблема,я сделал что при нажатии картинка увеличивается,если сделать для этой картинки интерактивность,то js отключается.Как исправить? может есть другой способ? Не очень нравится MapEdit . Посоветуйте что-нибудь)

    Asked by BeetleJuice541, August 9, 2014

    • MapEdit
    0 votes
    0 answers
23. Флеш баннер для андроида

    Здравствуйте, подскажите пожалуйста...Есть сайт с таким то адресом http://svtihon.ru/ на нём установлен флеш баннер в левом ферхнем углу. Создан в программе макромедия флеш 6.0 и всё бы ничего, на всех браузерах всё показывает. НО! запустил планшет (андроид 4) и кароче капец. Не видит, тока значок, показывающий бессилие браузера вместо картинки....Кто может что посоветовать? подскажите пожалуйста, файл .swf. Гифку ставить неохото уж больно много весит, аж в три раза толще Спасибо

    Asked by zhevtan, December 4, 2014

    • flash баннер
    0 votes
    4 answers
24. submit с триугольником справа

    Есть ли возможность с помощью css у submit сделать триугольную границу справа, как это было бы для ссылки? a::after{ content:''; position:absolute; right:-30px; bottom:0; border:15px solid transparent; border-left:15px solid #009944; }Дело в том, что after не работает для input. Можно просто сделат блок справа с триугольником, ну нужно при наведении мышки менялся цвет кнопки.

    Asked by PavelTkachev, July 6, 2015

    0 votes
    2 answers
25. Адаптивная верстка

    Здравствуйте. У меня проблемы с адаптивной версткой, а точнее с пониманием того, что должно происходить при изменении размеров. К примеру, есть такой код https://jsfiddle.net/o2e1fwyq/Я так понимаю, в определенный момент фото должно быть на одной строке, а текст опуститься ниже. При какой ширине окна это должно происходить, на глаз определять? И второе, верстаю флексбоксом не до конца понимая, как он работает. Почему фото имеет какую-то рандомную ширину? Как она определяется в текущий момент?

    Asked by alex_web64, January 27, 2016

    0 votes
    2 answers