HTML Coding

29542 questions in this forum

1. Меню выходит за пределы div

   Добрый день. Вопрос: Сайт на joomla 2.5 вертикальное меню при наведении наезжаеет друг на друга. Где может быть ошибка. Рисунок

   Asked by nexen76, August 20, 2012

   0 votes
   1 answer
2. Как прижать подвал к низу страницы?

   Как я не пытался на разрешении больше 1663 x 823 съезжает футтер. Помогите! сайт http://kofe.16mb.com/

   Asked by vova.a99, September 15, 2012

   0 votes
   2 answers
3. Ширина блока по тексту

   Здравствуйте! Прошу прощения, если пишу не туда, довольно срочная проблема. Есть слой, в котором ссылка, при наведении на эту ссылку появляется дополнительный слой (что-то вроде выпадающего меню). Выпадающее меню имеет определенную ширину (в зависимости от длины текста и т.д.), мне очень надо сделать, чтобы ширина этого выпадающего слоя была равна ширине ссылки, при наведении на которую появляется это меню. Пробовал разные пути, сейчас остановился на этом. Нахожусь в абсолютном тупике. Буду благодарен за помощь. <style type="text/css"> .cat-list_parts_link { float: left; width: 150px; padding: 0 5px 20px 10px; } .cat-list_parts…

   Asked by vlasenkov, October 1, 2012

   0 votes
   6 answers
4. 2 бордера или как иначе?

   Доброго времени суток. Возникла такая проблема: <div class="block"> <h2>Заголовок</h2> <p>текст абзаца 1</p> <p>текст абзаца 2</p> </div> <style> .block{ width:200px; } .block h2{ border-bottom: 1px black; } </style> мне нужно что бы тег "p" разделялся между собой белой полоской, кроме того все теги "p" должны находиться в одной единой рамке. <style> .block p{ border: 1px white; } </style> не катит, поскольку между тегами рамка получается 2px. весь <div class="block"></div> в рамку тоже не могу взять, по сколько заголовок <h2>Заголовок</h2> попадает в эту рамку. Пробл…

   Asked by RandyHot, December 10, 2012

   0 votes
   4 answers
5. Фиксация div-а по вертикали

   Всем доброго дня! Подскажите пожалуйста, возможно ли зафиксировать блок div с определенной длиной по вертикали, но в тоже время, чтобы он раздвигался в зависимости от контента внутри? Сейчас у меня если текста мало - то блок сужается: тЫц Если наоборот, текста много - то все нормально, блок раздвигается вниз на нужную длину. Стиль главного блока: #PostCenter { position: Static; background-image: url(/new_design/bg_post_2.png); display: block; background-repeat: repeat-y; width: 909px; float: right; } Стиль блока, в котором находится текст (т.е блок PostMsg у меня внутри блока PostCenter) #PostMsg { position: relative; display: block; width: 870px; float: l…

   Asked by volazar, April 1, 2013

   0 votes
   2 answers
6. выделение tr

   Подскажите пожалуйста, имеется таблицы пускай стандартная <table class="table"> <tr> <td>1</td> <td>2</td> <td class="red">3</td> </tr> <tr> <td>1</td> <td>2</td> <td class="red">3</td> </tr> <tr> <td>1</td> <td>2</td> <td class="red">3</td> </tr> </table> .table tr:hover{ background-color:#00ff00; } .red{ background-color:#ff0000; } Вот при наведении на ряд, окрашивается ряд, кроме ячейки с классом red. Как реализовать чтоб он тоже окрашивался?

   Asked by darlov, April 8, 2013

   0 votes
   3 answers
7. пару проблем

   вот что я сверстал http://auto.com.preview.ihc.ru/ такие вопросы: 1.как сделать, чтобы при 110% текст не убегал? 2. кнопка "заполнить опросный лист" как сделать, чтобы при hover эта картинка заменялась на другую, например такого же размера, только другого цвета ну и какие еще замечания?

   Asked by kl09, April 6, 2013

   0 votes
   3 answers
8. Выравнивание по центру резины в резиновом div

   Всем привет! Начал верстать свою 3-ю работу и решил взять шаблон посложней а именно этот! и решил себе усложнить задачу, решил сделать резиновую ширину и высоту, но столкнулся с трудностью. Значит есть резиновый div(С заданной мин и макс шириной), в нем ещё 2 дива, один из них фиксированный а другой резиновый(тоже с заданной мин и макс шириной), но проблема в том, что Я никак не смог добиться выравнивания элементов по центру внутри этого div. (Это конечно заметно только при масштабировании и если макс ширина будет меньше чем разрешение на мониторе, но все равно напрягает) И ещё один вопрос, когда мы задаем одному блочному элементу float: left; и Я думал что весь блок нахо…

   Asked by li4e, April 21, 2013

   0 votes
   1 answer
9. Все ли указанные в font-face шрифты загружаются?

   Все ли указанные в font-face шрифты загружаются? А то у меня папка со шрифтами вышла под 8мб, все свг - по метру весят (и то белка мне сначала 8 мб нагенерила, пришлось другим конвертером пользоваться). Будут ли они загружаться вместе с другими шрифтами на каждом браузере? Где-то читала на эту тему, но не могу найти. П.С. Калибри италик ttf почему-то вышел в 1 мбайт..

   Asked by Zverushka, November 13, 2013

   0 votes
   12 answers
10. Список блоков с разным вертикальным выравниванием и ховер

    Переделываю список товаров. Выравняла изображение и название товара поверху, а цену и кнопку купить понизу, как тут http://chikuyonok.ru/2011/04/inline-vertical-align/ Вот бьюсь, не могу сделать ховер для блока с товаром, если это вообще возможно. Прошу помощи! Ссылка http://jsfiddle.net/vera17/kk459/1/

    Asked by vera17, February 4, 2014

    0 votes
    2 answers
11. margin 0 auto

    Почему разработчики придумали значение auto а не center????

    Asked by DivMan, March 1, 2014

    0 votes
    3 answers
12. Изображение в изменяющемся заголовке

    Есть заголовок, который меняет свою высоту в зависимости от размера экрана (20% от высоты экрана). Нужно в него поместить картинку, которая будет высотой 80% от заголовка и находиться точно по центру. Расположить в центре по горизонтали было легко, а вот по вертикали не получается. Header - это div, headerimage - img #header { height:20vh; background:red; margin:0px; text-align:center;}#headerimage { max-height:80%;}Подскажите, как правильно это сделать?

    Asked by Percent2014, March 13, 2014

    0 votes
    1 answer
13. Как сделать прозрачные углы у inframe

    Я в верстке новичок, многих вещей не понимаю, как сделать такие же рамки и такую же прозрачность углов как на картинке, если учесть что это inframe

    Asked by Dobriyvecher, April 18, 2014

    0 votes
    7 answers
14. Плагин для отображения каскада в браузере

    Здравствуйте. Довелось тут перевёрстывать шаблон один, так вот там мало классов и id, одни каскады, причём очень длинные. Хотел свой прописать, но не получается, может элемент какой пропускаю. Есть ли какая софтина, которая бы показывала полный каскад до элемента? Скажем открываю я средства разработки браузера, тыкаю на элемент, а он мне строку показывает: body>#superid>.superclass>div>div spanГуглил, но ничего не нашёл похожего.

    Asked by Sigizmund, December 15, 2014

    0 votes
    4 answers
15. Пошаговая форма, проблемы

    Я новичок в этом деле, никак не могу сделать, пошаговую форму (html + css). Не получается скрыть ненужные формы в данном шаге. Например: при первом шаге, должна отображаться только первая форма, а вторая и третья должны быть скрыты. Аналогично со вторым и третьим шагами... а и еще только html + css, скрипты и т.д. пока еще не знаю )) Вот пример: http://jsfiddle.net/3Lgfo785/ Прошу выложить решение! Заранее благодарю!)

    Asked by Igor.D, May 20, 2015

    0 votes
    5 answers
16. Псевдоэлемент :before и z-index в ie8

    #main { background-color: #fff; border-radius: 15px; border: 1px solid #d5d5d5; display: block; height: 1000px; margin-top: 7px; position: relative; width: 948px;}#main:before { content: url(../images/top-shadow.png); display: block; position: absolute; top: -10px; z-index: -1;}<div id="main"></div> Здравствуйте. Подскажите пожалуйста, как заставить работать z-index в псевдоэменте ( :before ) для браузера ie8. Основная задача заключается в том, что нужно поместить подложку ( в данном случаи тень овальной формы ) под основной элемент ( #main ). В "нормальных" браузерах данный код работает. В ie8 подложка "выезжает" на передний план.

    Asked by poseidon, November 16, 2015

    • html css z-index :before
    0 votes
    2 answers
17. кривое меню

    Парни,помогите выровнять меню,что б все было в одну строчку,и перенеслось.вот криво сайт http://chobd.esy.es/ Вот так должно быть http://hostingkartinok.com/show-image.php?id=bd6a438d718451850ec7008478f8a60d

    Asked by vitaxastifler, February 2, 2016

    0 votes
    3 answers
18. Неправильное отображение (масштабирование) на мобильных устройствах

    День добрый! Столкнулся с глюком на мобильных устройствах, а именно на айфоне 6 - при приближении(масштабировании) перескакивает в другое место или же устанавливается необычайно крупный масштаб. Более того, на некоторых устройствах(andoroid) при масштабировании образуется огромная пустая область снизу, и в итоге сайт удлиняется в десятки раз. Игры с viewport желаемого результата особо не дали. Сайт akses.kz (интернет магазин на wordpress, woocommerce) Куда копать? Благодарю.

    Asked by 101c, July 15, 2016

    0 votes
    3 answers
19. Правильная разметка

    Подскажите пожалуйста, как сделать то же самое, но более оптимизировано и правильно. Мне кажется что тут лишние див'ы и можно было сделать проще!? https://jsfiddle.net/dd36susm/

    Asked by oleg126, June 28, 2017

    0 votes
    1 answer
20. Перестал работать simple lightbox. не открывает большие фото

    Всем привет! Прошу помочь разобраться.. Есть самописный сайт. Прошу сильно не материться, делала его не я.. На сайте есть страницы в виде галереи с фото: http://av-bykov.ru/art/kadet-2018-1september Эти страницы работали корректно. Все было ок, фото открывались в большом размере. Недавно после редактирования файлов сайта перестали открываться большие фото. Страница с миниатюрами есть, сами большие фотки тоже есть (загружены на сервер и никуда не делись), но почему-то не открываются. При нажатии на любое фото по ссылке можно это увидеть: http://av-bykov.ru/art/kadet-2018-october Код я меняла в одном файле сайта, к-ый хранит все фото в вид…

    Asked by MariaKo, December 13, 2018

    0 votes
    0 answers
21. Как правильно и быстро вырованять 50на50 экран

    Нужно выровнять 2 дива ,как более быстро это сделать ,посоветуйте

    Asked by DoubleSuicide666, April 28, 2020

    0 votes
    1 answer
22. Z-index

    Всем добрый и сразу небольшой код <div class="l1"> <div class="l2"> </div> </div> .l1 {z-index: 1; background: url(images/bgtop.png) repeat-x; width:100%; height:15px;} .l2 {z-index: -1; background: url(images/left.png) no-repeat; width:30px; height:25px; } Имеем 2 дива вложенный один в другой и у каждого бекграунд. Задача: чтобы вложенный бекграунд был ниже родительского слоя если такой вид расположения не работает то просто 2 дива <div class="l1"></div> <div class="l2"></div> Задача та же. Оно реально? У меня что-то не работает

    Asked by ShumNo, December 14, 2010

    0 votes
    3 answers
23. проблемы с отображением меню в Opera 11.50

    Здравствуйте уважаемые форумчане, помогите пожалуйста решить возникшую проблему с работой плагина jQuery Vertical Mega Menu . В Opera 11.50 не отображается всплывающее меню. Вот ссылка на сайт http://testingweb.onlinewebshop.net/ . Помогите пожалуйста. Заранее благодарен

    Asked by msv_serg, August 24, 2011

    0 votes
    1 answer
24. 3 элемента hover

    имееться меню с 3 элементами(3 фонами) как сделать чтобы при на водке на любой менялися все ,на примере покажите) .g1 {background:url(../1.gif)} .g2 {background:url(../2.gif)} .g3 {background:url(../3.gif)} как чтобы при нажатии на любой стиль менялись все фоны аля .g1:hover {background:url(../1.gif)} .g2:hover {background:url(../2.gif)} .g3:hover {background:url(../3.gif)}

    Asked by sdasddsa, November 1, 2011

    0 votes
    3 answers
25. Java in Html

    Привет всем как вставить программу на Java в html? или исходный код апплета который выполнится ok deleted=) <APPLET CODE="day.class" WIDTH=500 HEIGHT=500 ALIGN=MIDDLE> Java applet that draws animated bubbles. </APPLET>

    Asked by Inteno, December 6, 2011

    0 votes
    2 answers