HTML Coding

29,542 questions in this forum

1. Вертикальное центрирование блочных эелементов

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

   Asked by alexshvarts, August 18, 2010

   0 votes
   14 answers
2. как сделать перелистывание контента на странице?

   Взял простенький psd макет для практики. Возник вопрос. Как сделать так, чтобы при клике на выделенные на скрине стрелочки, контент между ними перелистывался? На данном этапе сделал заголовок и навигационное меню, а также добавил фон. Возможно ли как то решить данную задачу при помощи HTML и CSS?

   Asked by RoninDeath, March 24, 2019

   • активные элементы
   • скролл контента
   0 votes
   7 answers
3. height:100%; + scrollbar

   Примерно получается следующее: голый html без DOCTYPE! + CSS, таблицей заданы колонки: 200 пикс., 60% и 40% остального пространства (еще одна встроенная таблица). В колонке с шириной 60% надо встроить блок (не обязательно div, можно все что угодно в рамках html(xhtml)+css), который будет растягиваться по ширине на 100% колонки, и на 100% по высоте оставшегося ОКНА БРАУЗЕРА (под "оставшегося" понимается наличие сверху хедера и снизу - футера) и имел полосу прокрутки. То есть я хочу сделать так, что бы сайт не вылезал за пределы окна браузера вообще ни по горизонтали, ни по вертикали с, практически, любым разрешением мониторов (практически потому, что я не беру в учет разре…

   Asked by mozart, May 15, 2008

   0 votes
   8 answers
4. Три колонки, крайние тянутся, центральная фиксированной ширины.

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

   Asked by mozart, October 8, 2008

   0 votes
   7 answers
5. Семантическая верстка хедера

   День добрый форумчане. Сейчас пытаюсь семантически грамотно сверстать хедер страницы, содержащий название фирмы и ее контакты. Что я подразумеваю по "семантически грамотно"? Разметка должна быть логичной, все элементы html должны использоваться по назначению, следственно не должно быть таблиц. Контакты оформлены микроформатом hCard. Но это пока что не обязательно. Название фирмы в тег h1. Логически правильно весь хедер оформить в тег div. А отдельные его части, если потребуется в span. Всё представление должно быть вынесено из html во внешний css файл. В html должна остаться только структура данных и сами данные. Итак, имеем мы следующее: html: <div id="header"> …

   Asked by happyproff, September 2, 2008

   0 votes
   12 answers
6. не работает hspace и vspace в mozille

   Коллеги, прошу подсказать как быть в ситуации: есть картинка, вокруг картинки задана белая рамка с помощью css: #author {padding:10px; border:2px solid white;}. В тэге картинки стоят атрибуты hspace и vspace по 5px. В IE (!!!) текст отодвинулся от рамки как положено, а в mozille прилип. Если делать padding-right и bottom, то картинка уезжает от рамки, а рамка стоит на месте, прилипшая к тексту!

   Asked by uncleChalex, October 6, 2010

   0 votes
   7 answers
7. синтаксис - маркирование решетка и точка

   Никак не пойму в чем разница в коде CSS: #myid и .myid если в HTML все равно будет идти id="myid"?

   Asked by paf, June 15, 2007

   0 votes
   7 answers
8. Левая колонка скрывается без скролла

   При увеличении масштаба или изменении разрешения (например, 1024 х 768) наблюдаю удручающую картинку во всех браузерах: левая колонка "уходит" за край окна браузера без скролла. Возможно это вызвано комбинацией резиновой и фиксированной составляющей верстки (звучит наверно глупо, но больше мыслей по этому поводу нет ) Тестовый адрес пациента: _http://alex.hhos.ru/test/ Помогите решить задачку P.S. Заказчик страдает seo - паранойей, поэтому не удивляйтесь что блоки расположены, мягко говоря, не на своих местах P.S.S. Буду благодарен за любую обоснованную критику стиля верстки Спасибо!

   Asked by htmlkin, March 7, 2010

   0 votes
   29 answers
9. Проблемы с обтеканием (float)

   Здравствуйте уважаемые форумчане. На днях возникла проблема. На страничке сайта блоки выходят за пределы основного блока (их там несколько, у всех стоит высота auto). В первого блока все нормально, он вписывается в основной блок, а во всех остальных не все так гладко. Вот скрин: http://s2.ipicture.ru/uploads/20111213/GU3mxdLE.jpg Я так понимаю все из-за обтекания блоков со 2-го по остальные. Если я меняю float на none, то блоки со 2-го выстраиваются в горизонтальном порядке, один под другим и при этом основной блок растягивается на всю высоту. мне то нужно чтобы они были как сейчас на скриншоте только основной блок был бы растянут на всю высоту. Надеюсь вы сможете прочита…

   Asked by dexteron, December 13, 2011

   0 votes
   30 answers
10. перекрытие div'ов - первый сделать выше всех (кроме z-index)

    в общем проблема: есть 2 div - сначала один, потом второй, в коде с одинаковыми параметрами стиля: <div style="text-align:center;font-size:16pt;padding:10px 50px;z-index:2222212489;position:fixed;left:0pt;top:0pt;background:#ffffff;text-decoration:none;width:999px;height:999px;">что-то</div> так вот, какой бы z-index у первого ни делал, второй всегда перекрывает первый. задача - как еще можно сделать (кроме z-index), чтобы первый всегда был сверху (читай - виден) независимо от параметров второго зы: important не могу вставлять.

    Asked by crunchar, October 21, 2009

    0 votes
    7 answers
11. Img, div и float

    Косяк: Код страницы: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <title>yomoto:.beta</title> <link rel="stylesheet" type="text/css" href="mainstyle.css" /> <link rel="shortcut icon" href="images/favicon.ico" /> </head> <body> <div id="header"><img src="images/logo.png" class="logo" alt="yomoto.ru:. ты и твой телефон"/></div> <div id="main"><div class="content"><h1…

    Asked by M.org, March 10, 2009

    0 votes
    12 answers
12. 3 Div в стороку

    Вобщем такая проблема, имеется три div <div class="news"> <div id="left"></div> <div id="center"></div> <div id="right"></div> </div> нужно чтобы они были в одну строку, первый див прижат к левому краю, второй посередине, третий прижат к правому...вот css который я написал #left{ border:1px solid #000; overflow:hidden; float:left; width:80px; height:80px; background:url('../images/left.png') no-repeat left top; } #center{ border:1px solid #000; overflow:hidden; float:left; width:auto; height:80px; background:url('../images/center.png') repeat-x center top; } #right{ border:1px solid #000; overflow:hidden; float:rig…

    Asked by kamaz6141, March 11, 2011

    0 votes
    26 answers
13. Опера

    Помогите решить ошибку оперы!!!!Стиль сайта сделан на картинках в опере открываеться как попало как будто стоит фукция случайного вывода картинок!!!Что делать!!!!!Сайт написан с помощью языка PHP!!Заранее блогадарю Кирилл

    Asked by kiry, September 25, 2008

    0 votes
    12 answers
14. Фон с шумом(не картинка)

    Здравствуйте, Мне надо сделать noise на фоне. Как это сделать средствами css3? Если это не возможно, то напишите решение хоть какое-то кроме картинки. Если это javaScript, то, пожалуйста, объясните как это использовать, потому что ранее дел не имел со скриптами. Зарание спасибо.

    Asked by higimo, October 23, 2011

    0 votes
    3 answers
15. Как выровнять баннер по центру ?

    Как выравнить баннер по ценру, : http://kvshu39.ru/forum/viewforum.php?f=7&...619d234b150e10c <!-- INCLUDE overall_header.html --> <script type="text/javascript"><!-- google_ad_client = "pub-5796305367349667"; /* киу_форум_без прокрутки_700x140 */ google_ad_slot = "8800195845"; google_ad_width = 728; google_ad_height = 90; //--> </script>" Пасиб

    Asked by persey01, August 21, 2009

    0 votes
    2 answers
16. Высота сайта 100%. Нужна помощь.

    Всем привет. Проблема: Сайт растягивается в высоту больше, чем собственно само наполнение тела. Подвал уехал далеко вниз. Не понимаю в чем проблема. Пожалуйста помогите понять в чем тут дело и какая ошибка в коде? Надеюсь тема поможет найти ответы на вопросы не только мне. Задача: При неполном наполнении тела, обеспечить высоту в 100%, чтобы подвал был всегда прижат к низу. Спасибо. Вот так он отображается http://www.mprakennus.fi/index2.php Код страницы: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <style type="text/css"> html, body { height: 100%; margin: 0px; padding: 0px; } #page-hea…

    Asked by Влад, November 2, 2007

    0 votes
    9 answers
17. Горизонтальное выпадающее вверх меню на css в IE и Opera

    Здравствуйте. Есть выпадающее меню на html+css. В Мозилле все нормально по выпадающем меню можно водить мышкой, выбирать пункты и т.д. В Опере и в ИЕ проблема, когда наводишь на пункт где есть выпдающее меню - оно появляеться, но если наводишь на него то оно сразу пропадает. В чем может быть проблема: Код CSS: ul.cssMenu ul{display:none} ul.cssMenu li:hover>ul{display: inline;} ul.cssMenu ul{position: absolute;left:-1px;bottom:98%;} ul.cssMenu ul ul{position: absolute;left:-2px;bottom:98%;} ul.cssMenu,ul.cssMenu ul { margin:0px; list-style:none; padding:0px 0px 3px 0px; } ul.cssMenu table {border-collapse:collapse;}ul.cssMenu { display: inline; zoom:1; position…

    Asked by EnergY2007, May 15, 2009

    0 votes
    1 answer
18. как имитировать фрейм в ячейке

    Смысл таков, есть ячейка, в ней контент, нада чтобы в ячейке появлялся вертикальный скрол и не давал ячейке растягиватсо больше чем она есть :|

    Asked by BogusUA, June 7, 2007

    0 votes
    7 answers
19. Можно ли сделать таблицу прозрачной?

    Поясню. Допустим на странице с белым фоном, таблица ? цвет фона которой ч?рный. В не? вставлена таблица с текстом ? цвет фона которой бледно синий. Можно ли как-то задать прозрачность для таблицы с бледно синим фоном, чтобы под ней слабо, но просматривался ч?рный фон ? нижней таблицы? Вс?. {...перенесено в Таблицы kiD}

    Asked by CRANK, July 30, 2007

    0 votes
    3 answers
20. не работает display:grid

    подскажите может почему не работать display:grid в новых версиях браузеров? Opera 45.0, Chrome 58.0.3029.110 (64-bit), FireFox 53.0.3 был использован рабочий код с вебинара на geekbrains по модульным сеткам, но ни один из указанных браузеров не хочет выводить информацию как надо. на всякий случай вот ссылка на код https://jsfiddle.net/AlexZaw/cdj6h2e1/ PS. разобрался, все дело было в простой опечатке...

    Asked by AlexZaw, June 1, 2017

    • display:grid
    0 votes
    1 answer
21. текущая неактивная ссылка - как сделать?

    Здравствуйте! Я хочу сделать меню такого, чтобы текущая ссылка меню была неактивной и с беграундом. Ставлю псевдокласс current (вроде такой есть) - не понимает браузер. как это осуществить? код списка: ul#listed { border-bottom: 1px solid #000; list-style: none; } ul#listed li a { font-family: Arial; font-size: 14px; display: block; color: #000; font-weight: bold; text-transform: uppercase; text-decoration: underline; margin: 8px; padding: 5px 5px 5px 7px; list-style: none; border-bottom: none; background: #fff; } ul#listed li a:hover { text-decoration: none; color: #fff; background: #3366ff; font-family: Arial; font-size: 14px; font-weight: bold; display: block; } /*ul…

    Asked by walaby, January 27, 2008

    0 votes
    3 answers
22. растяжка по высоте,падинги,опера,эксплорер

    http://timako.iskra-net.ru/temp/index.html в опере отображается нормально, но не растягивается по высоте. в эксплорере паддинг шапки как-то не так считается и сразу появляется дырка. (я помню была статья про то, как в эксплорере считается падинг, но так и не нашел) если убрать доктайп, то и в опере и эксплорере растягивается по высоте, но под меню появляется пустая полоска. уже замучался е? убирать... наверняка где то или фонт сайз прописать надо или с падингами что то не так... помогите, пожалуйста доктайп сохранить, по высоте растянуть, полоску убрать.

    Asked by LikeAPilot, March 4, 2008

    0 votes
    20 answers
23. INPUT - определение стилей для select

    Есть такой простой select: <select size="5"> <option value="1">option 1</option> <option value="2" selected>option 2</option> <option value="3">option 3</option> <option value="4">option 4</option> <option value="5">option 5</option> </select> Задача: надо поменять стиль выделения пункта в списке. Как это можно сделать?

    Asked by ATr, May 25, 2007

    0 votes
    3 answers
24. Не открывается модальное окно в IE

    html: <a href="#zakaz" class="buy">Заказать</a> <div id="zakaz" class="modalDialog"> <div> <a href="#close" title="Закрыть" class="close">X</a> <center><h2>Оформление заказа</h2></center> </div> </div> css: .modalDialog { position: fixed; overflow: auto; font-family: Arial, Helvetica, sans-serif; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0,0,0,0.8); z-index: 99999; -webkit-transition: opacity 400ms ease-in; -moz-transition: opacity 400ms ease-in; transition: opacity 400ms ease-in; display: none; pointer-events: none; } .modalDialog > div { width: 700px; position: relative; margin:…

    Asked by xoff, August 15, 2013

    0 votes
    14 answers
25. bootstrap, выход за предел container

    Как в bootstrap сделать что бы фон меню(ленточка) выходил за края container? Возможно ли это вообще?

    Asked by Brodyaga337, July 22, 2017

    • bootstrap
    • разметка
    0 votes
    8 answers