HTML Coding

29,542 questions in this forum

1. Непонятное расстояние между слайдами в IE8

   IE8 показывает какое-то непонятное расстояние между перым и последним слайдом. Можно подумать что там два пустых слайда. В IE9+ и других браузерах всё работает правильно. Что это и как привести в нормальный вид? http://tellmeof.cc.ua/Prechu/prechu.html

   Asked by Johnney, April 26, 2014

   0 votes
   2 answers
2. border и outline

   Посмотрите правильно ли я понял. Вот когда пишешь свойство border, то рамка появляется вокруг содержимого, а когда пишешь outline, то рамка появляется внутри содержимого. Я правильно понял? Зелёный цвет это граница дива.

   Asked by DivMan, April 26, 2014

   0 votes
   10 answers
3. Как сделать такой head ?

   Как сделать такой header на сайте ?

   Asked by Shenia132, April 26, 2014

   • head
   0 votes
   9 answers
4. Господа,у меня много вопросов,нужна Ваша поддержка!

   Я только начал свой путь в этом деле. Решил попрактиковаться,скачал шаблон,решил его посильней изменить. Решил сделать резиновую(адаптивную) верстку,с горем пополам справился. Вот теперь столкнулся с проблемами и целый день не могу справиться,голова кипит, знающих прошу помочь,пока я с ума не сошел. 1)съехавшие картинки-ссылки ни при каких условиях не хотят возвращаться и становиться горизантально. Нужно чтобы они всегда были в центре окна браузера. 2)точно так же в самом центре нужно чтобы стояла картинка баннер вверху. 3)самое верхнее меню надо чтобы своим правым краем не пересекала красную линию. Пытался поменять как только можно,что знаю,и меню только немного уезжае…

   Asked by tolik_ke, April 27, 2014

   • html
   • css
   • центрирование
   • резиновая
   • верстка
   0 votes
   5 answers
5. Проблема с наведением мышки на линк

   Здравствуйте, возникла следующая проблема, может кто сможет подсказать, в чем же дело, сделал сайт (изначально на Muse - landing page? потом дорабатывал html код, стили и т.д.), при наведении на логотип (название шапки в ссылке) стоит линк #top - для перемещения на верх страницы соответственно, но почему то ссылка получается активна не на все области, т.е. если посмотрите - http://arhis77.esy.es/ - получается что где то курсор обнаруживает ссылку, а в каких то местах нет.. никак не могу понять, в чем же именно дело... ссылка стоит для дива прописана в котором картинка (пробовал прописать для самой картинки, делал map - тоже самое)... если кто-нибудь сможет мне подсказа…

   Asked by arhis77, April 28, 2014

   0 votes
   3 answers
6. Футер переменной высоты и резиновый блок контента

   Привет. Вот обычный прижатый футер. http://jsfiddle.net/qLEd3/ Суть в том, что мне надо сделать следующее. Надо сделать, чтобы футер был также прижат, но он может быть любой высоты, а блок контента, если его высота меньше высоты окна минус высоты хедера и футера должен доставать до футера. Чтобы пояснить что я хочу получить, я сделал это на js. http://jsfiddle.net/qLEd3/3/ Как можно сделать то же самое без него, кто подскажет?

   Asked by Veseloff, April 27, 2014

   0 votes
   15 answers
7. Не применяется свойство right:0; к элементу pos abs

   http://jsfiddle.net/Rw4yW/ Господа,почему блок #prev_slide не виден?Ему заданы почти такие параметры,как и у #next-slide.Подскажите как разместить #prev_slide слева,а #next-slide относительно родительского элемента? Почему у меня не отображается как положено?

   Asked by Temik2704, April 27, 2014

   0 votes
   4 answers
8. Проблема с порядком элементов при вырезании группы слайсов

   Кто-нибудь справился с такой проблемой? Например, если куча марок, с которыми работает клиент - штук 30. В фотошопе они идут один за другим на картинке - слева направо в несколько рядов. Все это дело удобно сохранять выделив всю группу слоев и создав на основе них слайсы. Но... нумерация данных слайсов идет совершенно не по порядку, а каким-то особым образом... То есть если мы все это дело сохраним - номера картинок будут не соотвествовать последовательности в макете. Переименовывая каждый слайс вручную - мы практически полностью лишаемся бонуса в скорости работы через слайсы, а не через сохранение каждого слоя отдельно. Кто-нибудь решил эту проблему? Может можно задать п…

   Asked by Zverushka, May 9, 2014

   0 votes
   4 answers
9. Помогите с CSS

   В браузере Firefox картинка слайдера ушла в сторону.. http://yari-design.ru/tovar/2014/mnogoletniki24 Я пытался подключить отдельные стили для Mozilla, не получилось - http://bolknote.ru/2008/03/14/~1623#14

   Asked by 561144, April 27, 2014

   0 votes
   3 answers
10. Кроссбраузерность

    Здравствуйте. При верстке возникает вопрос кроссбраузерности (особенно вопрос возникает по всем любимому IE). Подскажите типичные моменты, где следует обратить внимание, чтобы потом не переделывать весь макет для IE отдельно. Знаю точно, что старые IE не работают с прозрачностью файлов. Ну и т.д. Если будут ссылки на варианты решения вообще отлично. А также вопрос, каким образом верстать, чтобы при изменении масштаба не плавали блоки?

    Asked by psics, May 3, 2014

    0 votes
    14 answers
11. Что такое jumbotron в бутстрапе?

    Что такое jumbotron в бутстрапе и как это переводится?

    Asked by Zverushka, April 28, 2014

    0 votes
    3 answers
12. Блок в оставшуюся длину

    Привет. Я правильно понимаю, что чтобы растянуть .cell3 на оставшуюся длину, мне надо или таблицы использовать, ну или flex. http://jsfiddle.net/npofopr/w95eY/ Сут такая: сайт резинится от 1280 до 960px, т.е. в шапке есть четыре блока, три из них постоянной длины, а одно, это блок с поиском, т.е. с input и button, которые как раз проще тянуть. Вот и хотелось бы этот .cell3 растягивать. Или можно как то по другому здесь решить ситуацию?

    Asked by npofopr, April 29, 2014

    0 votes
    9 answers
13. Как натянуть готовую верстку на Joomla ?

    Как натянуть готовую верстку на Joomla ? подскажите видео курсы какие то

    Asked by Shenia132, April 28, 2014

    • joomla
    • верстка
    0 votes
    1 answer
14. магический отступ

    Доброго времени суток, дорогие форумчане. в общем проблема: отступ между двумя дивами ("да", "нет") никто не задавал, но он есть Ровно 5px; Прикладываю верстку Если из .buttonConfirm убрать display: inline-block отступ исчезнет Подскажите где накосячил

    Asked by lolovo, April 28, 2014

    0 votes
    6 answers
15. Абсолютный блок растягивает родителя

    Привет. Есть вот такой пример http://jsfiddle.net/npofopr/wSTJ3/ Можно ли как то сделать, чтобы при клике Добавить, блок с появляющейся формой не был "поверх" всего остального, а растягивал своего родителя, т.е. был обычным внутренним содержимым, а не выглядел отдельным элементом. По примеру более понятно должно быть, что не получается. Не то чтобы не получается, а пока вообще не знаю как быть.

    Asked by npofopr, April 29, 2014

    0 votes
    6 answers
16. Добавление полей к обтекающему элементу

    Добрый день! Имеется контейнер main c двумя section (.left_col и .right_col). .right_col обтекает .left_col справа с левым полем 350px, но при добавлении .right_col верхнего поля 30 px main съезжает вниз на величину этого поля (в CSS - first version). Почему так происходит? Может ошибка в коде? Или это естественное поведение блоков при данных условиях? Во втором случае, .left_col и .right_col задано float: left; и такой проблемы нет. (в CSS - second version). http://jsfiddle.net/4Q3qE/1/

    Asked by Tduty120586, April 29, 2014

    0 votes
    0 answers
17. Как сверстать такой бордер?

    Здравствуйте! Подскажите пожалуйста как быть с бордером в данной ситуации? http://jsfiddle.net/kublyakov/7PC5g/1/ В частности, мешают вот эти белые треугольники. Они берутся из-за разного цвета бордера снизу и по бокам. Подскажите как избавиться от них, что бы бордер сплошняком шел.

    Asked by Kublyakov, April 29, 2014

    0 votes
    3 answers
18. Центрировать картинку в div

    имеется блок l_photo в который помещена ссылка, в ссылке находится картинка в блоке l_users_photo. нужно отцентрировать картинку в блоке l_users_photo, причем, чтобы картинка была полностью в нем и не растягивалась. как сделать? код шаблона <div id="l_photo"> <a href="index.php"> <div id="l_users_photo"> <img src="image.jpg" alt="альтернативный текст"/> </div> </a> </div> код стиля #l_photo{ width:100%; height:550px; float: left; } #l_contain{ width:50%; height:100%; float: left; }

    Asked by cebephb1y, April 29, 2014

    0 votes
    3 answers
19. Коварный z-index

    Доброго времени суток! Столкнулся с такой проблемой. Есть 3 секции. Нужно чтобы тень от средней падала на нижнюю. Задаю z-index для верхней секции, чтобы перекрывал тень вверху, но он не срабатывает. Позиционирование стоит Пример кода: <!doctype html><html><head> <meta charset="UTF-8"> <title>Document</title> <style> section { display: block; width: 100%; height: 100px; position: relative; } .two { box-shadow: 0 0 10px #000; z-index: 0; } .one { z-index: 1; } </style></head><body> <section class="one"></section> <section class="two"></section> <section class="three…

    Asked by gregsv, April 29, 2014

    0 votes
    3 answers
20. Шрифт на экране телефона

    Всем привет! В подвале есть текст. На экране пк он выглядит соизмеримо со всем сайтом. Но стоит открыть на экране телефона все подстраивается как нужно кроме этого злополучного текста, он вытягивается на всю длину подвала( Для меня это постоянная проблема – один текст подстраивается а другой ……. Если не сложно откройте полную версию сайта на ПК и на телефоне, т.к. я новичок может визуально будет понятнее. http://soft-portal.net/ Спасибо!

    Asked by fabol, April 29, 2014

    • css font text
    0 votes
    3 answers
21. HTML5 Lightbox

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

    Asked by Homavi, April 30, 2014

    0 votes
    1 answer
22. Не могу настроить слайдер

    Здравствуйте! Имеется вот такой слайдер: /* Начало кода для слайдера */div.slider{ float:left; margin:0 0 0 10% }.viewport{ width: 30em; height: 17em; overflow: hidden; position: relative; }.slidewrapper{ position: absolute; left:0; top: 0; height: 17em; margin: 0; padding: 0; }.slide{ width: 30em; height: 17em; float: left; list-style: none; margin: 0; padding: 0; background: url(../image/Slider/ptichka.png) no-repeat; background-size: cover;}.slide a{ display:block; position:absolute; bottom:0px; height:80px; background:#333333; opacity:0.7; width:100%; color:#ffffff; font:1.2em Arial, Helvetica, sans-serif; text-…

    Asked by nightgremlin, April 30, 2014

    • слайдер
    0 votes
    4 answers
23. Применение классов к маркированным спискам

    Здравствуйте! Не получается применить классы или 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;}

    Asked by px379, April 30, 2014

    0 votes
    2 answers
24. Можно ли сделать margin больше при большом разрешении ?

    Проблема при разрешении 1024 блоки стоят по (им задан margin с левой стороны)центру но когда я увеличиваю масштаб то они становятся уже не по центру, можно ли сделать так чтобы когда увеличиваю разрешения margin с лева увеличивался ?

    Asked by Shenia132, April 30, 2014

    • margin
    0 votes
    10 answers
25. Помогите связать правила между собой

    Добрый день! Подскажите как в css связываются правила? Ну т.е. я хочу чтобы по какому-то событию происходило несколько вещей. Если более предметно, то есть прогресс-бар И есть собственно само слайдшоу, у которого смена кадра происходит по клику Вот тут можно посмотреть в работе http://jsfiddle.net/7JFkP/ Подскажите как переделать правила слайдшоу так чтобы оно не ждало кликов а срабатывало когда прогрессбар дойдёт до конца.

    Asked by McLotos, April 30, 2014

    0 votes
    2 answers