HTML Coding

29,542 questions in this forum

1. Блок <div... поверх картинки

   всем привет ! как разместить несколько блоков поверх картинки на примере : #header { margin: 0 0 0.2em 0; padding: 1em 1.5em; height:8em; /* CHANGED */ background: #343434 url('header.jpg') no-repeat top left; border:1px solid ##2D5289;; }

   Asked by dima2207, April 18, 2008

   0 votes
   5 answers
2. Блок <div> по всей высоте родительского блока

   Здравствуйте уважаемые форумчане! Уже давно зарегистрировался и мониторю этот форум, он помог в решении многих задач.) Подскажите как решить эту проблему. Нужно растянуть блок <div> (блок 1 на рисунке ниже) на всю высоту родителя (родитель имеет не фиксированную высоту, она может меняться). Высоту родителя задает блок 2. (показал на рисунке) Ниже добавлю часть макета с этой задачей: Заранее спасибо!

   Asked by demarko, September 19, 2011

   0 votes
   5 answers
3. Блок article не растягивается на всю ширину, при media запросе на 900px

   https://vasyldubno.github.io/project1/#blog https://github.com/vasyldubno/project1

   Asked by vasyl_runner, June 22, 2022

   0 votes
   1 answer
4. блок contacts

   Уважаемые форумчане подскажите как лучше и грамотнее сделать следующий блок: <иконка телефона><код города><номер телефона> <иконка почты><ссылка на почту> <иконка в контакте><ссылка на контакт>. Куча способов, а вот какой верный не совсем понятно.

   Asked by Sergik+, June 22, 2014

   0 votes
   3 answers
5. блок div с новой строки

   столкнулась с тем, что нужно блок, оформленный в div, не всегда начинается с новой строки. Как сделать, чтобы такой блок железно начинался с новой строки, а не съезжал при разных разрешениях экрана?

   Asked by oshaly, September 24, 2008

   0 votes
   4 answers
6. Блок DIV во всю высоту

   Имеются 3 блока див, должны быть все вытянуты по вертикали. Во втором(среднем) весь контент, в 1 и 3 рамка которая должна вытянуться до конца страницы(а не окна). Помогите с вытягиванием этих рамок по вертикали Код: CSS #vertical1{ padding-right:115px; position: relative; float: right; height: 100%; background: url(photo/grmk.png) repeat-y; clear: right; } #vertical2{ min-height:100%; padding-left:115px; position: relative; float: left; background: url(photo/grmk.png) repeat-y; clear: left; } body { min-height:100%; background-size:100%; position:relative; background-attachment:fixed; background-color:#CD96CD; background-position:right bottom…

   Asked by DR.acula, November 5, 2012

   0 votes
   9 answers
7. Блок DIV на всю высоту BODY

   Всем привет. На сайте http://100faceufa.ru/ есть проблема с выводом правой колонкой на всю высоту экрана. На разных мониторах, отображает по разному. вот так, косячно все выводиться на мониторе: 1600x1024 https://www.dropbox.com/s/om9pq2cjd6j5cpk/123.jpg https://www.dropbox.com/s/ucty97ake0rbi9h/456.jpg Помогите пожалуйста исправить

   Asked by Aidakaev, March 26, 2013

   0 votes
   5 answers
8. Блок div не растягивается в высоту.

   Добрый день! Родительский <div class="content-main"> имеет параметр height: 100%, в него вложены <div class="left"> и <div class="right"> с параметрами height:100%. Но они прижаты к верху и не растягиваются в высоту. index.html style.css

   Asked by GLOCTARR, March 23, 2016

   0 votes
   4 answers
9. Блок Div сдвинут на 1 пиксель в Опере

   Доброго времени суток, уважаемые форумчане! Появилась проблема, с которой я раньше как-то не сталкивалась. В Опере div сдвинут на 1 пиксель в сторону. В Хроме такой проблемы нету. Подскажите, в чем может быть загвоздка? Сайт xstroy.biz

   Asked by katjuha6, March 29, 2012

   0 votes
   6 answers
10. блок div смещается вниз при заполнении соседнего div`a

    Доброго времени суток, форумчане. Пытаюсь сделать 3 div`a в ряд, вроде всё хорошо, но когда начинаю заполнять один из них текстом, то 2 остальных смещаются вниз на одну строку (скрин прилагается). Так же, еще одна проблема. Ткните носом, что почитать, чтобы разобраться с размещением элементов на странице. Какие конкретно параметры за это отвечают? Мне нужно сделать меню поверх картинки, но у меня получается, что меню внизу картинки (хотя всё в одном div`e). Заранее спасибо HTML: Скрытый текст <!DOCTYPE html> <html> <head> <meta charset="windows-1251"> <title>Скотч с логотипом от производителя.</title> <li…

    Asked by DarkEnot, April 25, 2017

    0 votes
    8 answers
11. Блок без отступов на Mac OS в Chrome

    Здравствуйте На странице в блоке http://joxi.ru/4Ak3JeESEx6JAqнет отступа сверху. На Windows всё как нужно http://joxi.ru/GrqeJqLSqDBbrz Стоит line-height, высота не задана. Кто чем поможет? На эмуляции мак ос всё в норме.

    Asked by kattiperk, May 8, 2015

    • mac os
    • chrome
    0 votes
    0 answers
12. Блок без текста

    Добрый день, как сделать блок без какого-либо текста и без символов, но чтобы высота блока была ровно такая же, как будто бы он там был (включая отступы). Пробовал задать height: верхний отступ + нижний отступ + 1em; не помогает...

    Asked by Kenshi24, March 27, 2014

    0 votes
    2 answers
13. блок в блоке

    учусь верстать div'ами... проблема такая: блок ?1 содержит в себе блок ?2. как сделать так, чтобы при увеличении блока ?2 по вертикали (вставляю текст большей длины), также увеличивался блок ?1? у меня получается, что блок ?2 растягивается до края блока ?1, и текст вылезает наружу...

    Asked by Slashka, April 15, 2008

    0 votes
    6 answers
14. Блок в блоке со смещением

    Как сделать так, что бы второй блок находился в первом и что бы часть блока была смещена и скрыта на несколько пикселей.

    Asked by SHo, August 23, 2010

    0 votes
    2 answers
15. Блок в блоке,сохранение состояния предка

    Добрый день! Столкнулся с проблемкой: есть такая структура: <ul> <li><a><img src="images/xxx.jpg"</a><div class="text">текст описания</div></li> </ul> Должно выглядит это следующим образом: Когда мышка не наведена: на объект выводится картинка, на ней выводится текст, ближе к низу. Картинка в рамке. Когда мышка наведена: цвет рамки и текста меняется, текст становится подчеркнутым, рамка меняет цвет. Это все реализовано, но возникает баг - когда мышка наводится на текст, рамка меняет свой цвет на тот, который был!! Как сделать так чтоб цвет рамки оставался прежним, когда мышка наводится на текст? Посоветуйте пожал…

    Asked by arrtem, September 29, 2011

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

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

    Asked by npofopr, April 29, 2014

    0 votes
    9 answers
17. Блок в самом низу

    Есть div 500px и второй 200px нужно тот что меньше разместить внутри большего и чтобы он отображался в самом низу, без позиционирования это возможно ?

    Asked by AntonSolo, January 12, 2009

    0 votes
    25 answers
18. блок в форме сердца css

    Представим что у нас есть блок а в нем изображение <div class="heart"><img src="image.jpg" alt="foto" /></div> Как сделать так что бы блок был в форме сердца и обрезал не влазящие части картинки?

    Asked by draftmax, July 17, 2012

    0 votes
    8 answers
19. Блок в центре другого блока

    Как разместить один блок в центре другого блока? Вот заготовка - http://jsfiddle.net/u8zsehb5/ получается только по горизонтали центрировать, а как по вертикали сделать?

    Asked by alleclf, February 28, 2015

    0 votes
    3 answers
20. Блок ведет себя не естественно

    Пытаюсь сделать блок но он ведет себя не естественно... В общем вот: http://jsfiddle.net/rzR8y/ margin почему то ведет себя как padding, тока он не только шурудит то что внутри, дак он еще и сдвигает как margin и расширяет, как сделать тогда так, что бы он не расширял то что внутри, а всего лишь двигал.

    Asked by BSandro, November 23, 2013

    0 votes
    7 answers
21. Блок внизу страницы

    Допустим есть на странице несколько блоков: <div>блок 1</div> <div>блок 2</div> <div>блок 3</div> Если высота блоков 1 и 2 в сумме превышает высоту окна - то появится вертикальная полоса прокрутки и блок 3 окажется внизу, если же не превышает - то блок 3 будет отображён в середине страницы Как сделать, чтобы блок 3 в любом случае отображался внизу (пространство между блоком 2 и блоком 3 в этом случае должно быть заполнено фоновым цветом)?

    Asked by Iskatel, October 12, 2013

    0 votes
    6 answers
22. Блок внутри inline-block

    http://jsfiddle.net/Launder/38femeh7/2/ <ul class="menu"> <li><a href="#">Русская кухня</a> <ul> <li><a href="#">Филе рябчика фаршированное в сухарях </a></li> <li><a href="#">Заливной пирог с картофелем и белыми грибами</a></li> <li><a href="#">Щи суточные с расстегайчиками</a></li> </ul> </li> <li><a href="#">Украинская кухня</a> <ul> <li><a href="#">Борщ украинский с пампушками</a></li> <li><a href="#">Вареники с печенью в луке с салом</a></li> <li><a h…

    Asked by Launder, August 6, 2015

    • inline-block
    • display
    0 votes
    5 answers
23. Блок внутри ячейки таблицы.

    Как создать блок(div) внутри ячейки таблицы на 100% высоты ячейки при отсутствии задания у последней фиксированных размеров? Заранее спасибо. Пример скрипта: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title></title> <LINK rel="stylesheet" type="text/css" media="screen" href="screen.css"> </head> <body> <div id="block"> <table id="tab"> <tr> <td>1</td> <td>2</td> </tr> <tr> <td>3</td> <td> <div id="cont">4</div> </td> </tr> </table> </div> </body> &lt…

    Asked by TanaTiX, July 11, 2009

    0 votes
    8 answers
24. Блок вылазит за пределы области

    Блок со 100% шириной и отступом вылазит за пределы экрана. Как можно сделать что бы он помещался? Вот пример - http://jsfiddle.net/333vwb3k/

    Asked by alleclf, January 31, 2015

    0 votes
    2 answers
25. Блок вылезает из центровщика

    Пол года не занимался, не было времени, сейчас решил продолжить обучение и первым делом сел за практику опять...но многое забыл, вспоминаю, но не все получается. Например сверстал вот такую сетку и не могу понять, почему блок который skill-right при изменении масштаба браузера вылазит из под центровщика или вообще ломается. Очень хочу увидеть свои косяки, подскажите пожалуйста. https://jsfiddle.net/w02bzr4p/

    Asked by viliksar, September 9, 2019

    0 votes
    3 answers