HTML Coding

29,542 questions in this forum

1. Блок с фиксированным положением, обтекаемый текстом

   Есть такой код: <div class="div1"> <div class="div2"></div> А тут любое количество любого контента, могут быть картинки, просто текст, другие дивы, списки или параграфы </div> div1 имеет заранее определенную ширину и растягивается по вертикали исходя из контента, который в нем размещен. div2 имеет заранее известные размеры. Нужно задать такие свойства для див2, чтобы он всегда был жестко прибит к левому краю div1, находился, например, на высоте 30% от верхнего края див1 и чтобы все содержимое див1 его обтекало.

   Asked by Качан Капусты, October 4, 2008

   0 votes
   2 answers
2. Блок с фиксированными width, height но не block.

   Собственно нужен елемент, например div, что-бы при указанных width, height, он держал форму но при этом не было display:block; т.е. могло быть несколько в одной строке. PS Положить block-элементы в таблицу не преблагать. PPS Заранее спасибо.

   Asked by Astraller?, October 17, 2007

   0 votes
   0 answers
3. Блок с черным фоном

   Подскажите, при создании блока с черным фоном, текст не выравнивается слева от картинки, отображается снизу, или не выравнивается на всю длину блока. В опере таких проблем нет. Что может быть? Вот код: <div style="margin: 10px ;padding: 12px;color: black;background: black;border: 4px solid white;border-radius: 30px;box-shadow: 0px 0px 15px black"><table style="border: 0px ridge rgb(0, 0, 0);text-align: center" /><TBODY><tr /><td /> StarCraft II: Heart of the Swarm Дата выхода: 12 марта 2013 г. Жанр: Strategy, Add-on Разработчик: Blizzard Entertainment Издатель: Blizzard Entertainment Платформа: PC Качество: HD 720p + HD 1080p Размер: 45,2 МБ …

   Asked by vinil87, December 30, 2012

   0 votes
   2 answers
4. Блок со скошенными краями

   Здравствуйте, подскажите пути решения такой вот задачи: Скрытый текст Адаптивный дизайн, родительский блок сделал с помощью clip-path:polygon, но у внутренних блоков есть border:2px поэтому clip-path не подходит. Подскажите, как правильнее это сверстать?

   Asked by Alex Def, June 25, 2018

   • css
   • clip-path
   1 vote
   12 answers
5. Блок со скроллингом

   Проблема следующая: есть шаблон сайта, весьма запутанный. В дебрях таблиц необходимо одну ячейку с текстом и картинками при ресайзе окна сжимать и показывать скроллинг. Если делаю див на пустой странице, тут все понятно и хорошо. Если помещаю див в таблицу, тогда плохо: таблица и див изменяют размеры до тех пор пока не упираются в изображение, дальше все пропадает за пределами окна... Если не понятно объяснил, могу еще раз Есть некий вариант решения в такой ситуации?

   Asked by patgod, May 29, 2008

   0 votes
   10 answers
6. Блок со случайным фоном.

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

   Asked by drevil37, January 31, 2014

   0 votes
   7 answers
7. Блок средствами css

   Здравствуйте, возможно кто-то посоветует как реализовать таки блок средствами css:

   Asked by Ghost86421, January 5, 2016

   0 votes
   1 answer
8. Блок срезается в ИЕ

   В выпадающих меню(Примеры документов и Партнеры) выпарающий блок срезается нижними фоновыми рисунками и даже текстом. А должны быть разумеется поверх всего. z-index не помогает. Во всех браузерах кроме ИЕ все норально. Помогите, пожалуйста. http://vbp.kiev.ua/newverstka/index.html Зарание спасибо.

   Asked by Monster, March 11, 2010

   0 votes
   4 answers
9. Блок страницы всегда сверху шапки

   Здравствуйте! С недавних пор изучаю HTML. Раньше писал простой код, но сейчас решил вносить новые веяния. Пишу лендинг для себя. Шапка сайта закреплена, и при прокрутки страницы, всегда видна. Написал блок навыков: <div class="blok-navik"> <div> <h3>HTML и CSS</h3> <p>Использую этот язык</p> </div> <div> <h3>Непрерывность работы IT-инфраструктуры</h3> <p>Непрерывность работы и доступности IT-инфраструктуры: IP-видеонаблюдение, сетевое оборудование, антивирусный контроль</p> </div> <div> …

   Asked by iiwanc, May 12, 2021

   0 votes
   4 answers
10. блок съезжает влево

    блок съезжает влево хотя я главному блоку и тем которые внутри дал margin: 0 auto; помогите понять причину бага или наити его сайт http://frontend-er.h1n.ru/

    Asked by victorius, December 7, 2019

    0 votes
    4 answers
11. Блок тянется вниз за соседним

    Здравствуйте. Есть проблема, которую немогу решить, уже всё пересмотрел, голову ломаю. Есть сайт трехколоночный, на дивах, натянутый шаблон на CMS. Так вот покажу на скриншотах проблему, чтоб не объяснять на пальцах. Блок, выделенный красным цветом тянется за блоком боковым (зелёный) и образуется пустое, никому не нужное, пространство. Дело в том, что далее ,следующий блок идёт нормально. Это пустое пространство создаётся только в первом блоке, возле которого боковые блоки. Где копать ? Почему так ? Честно, не могу догнать, я не очень в этом ещё силён, в принципе всё элементарно, но именно это я не понимаю. Сайт где видно всё это - в профиле.

    Asked by *JoKeR*, March 31, 2012

    0 votes
    4 answers
12. блок тянущийся только в одну сторону

    Есть такой не обычный блок на дизайне, сама контентная часть фиксированая а фон тянится до конца правого края. Подскажите как лучше сверстать такой макет? главная внутри

    Asked by chiffenok, May 29, 2012

    0 votes
    0 answers
13. Блок улетает вниз в IE7

    Привет! Подскажите пожалуйста как мне укротить упрямого тупого осла под названием IE7 (в ИЕ6 наверное также) ? Везде ДИВ 3 и ДИВ 4 нормально отображаются, даже в ИЕ8. А в ИЕ7 они улетают вниз. Пробовал их вкладывать в 1 общий ДИВ но не помогло. В картинке шлю скрин проблемы. Сайт где посмотреть вживую -- http://av-sport.ru/

    Asked by andx, October 22, 2009

    0 votes
    14 answers
14. Блок уходит вниз при добавлении в него заголовка

    Здравствуйте! Проблема: При доб. текста в "div.block-item" (внутри тегов <p>,<span>,<h5>) он уходит вниз. С помощью "display: table" для <h5> можно это исправить, однако "text-align: center" не будет работать. Код HTML: <html> <head> <link rel="stylesheet" href="style.css"> <meta charset="utf-8"> </head> <body> <div class="center"> <div class="block"> <div class="block-item"></div> <div class="block-item"> <h5>TEXT</h5> </div> <div class="…

    Asked by abubakr, December 14, 2016

    • h1
    • h2
    • h5
    0 votes
    4 answers
15. Блок-контейнер

    Всем привет, помогите, пожалуйста Верстаю такой макет Проблема с центральной частью. Соответственно два дива, правы и левый и блок-контейнер, у которого задан фон. Контейнер ведет себя очень странно, растягивается на высоту только одного из блоков, который задан первым. ПОЧЕМУ ТАК? <div class="main"> <div class="right_cont"></div> <div class="left_cont"> </div> .main{ width:1000px; background:url(img/right_back.jpg) no-repeat right top; } .left_cont{ width:734px; margin-right:265px; } .right_cont{ width:264px; float:right; height:100%; }

    Asked by Likeit, May 3, 2010

    0 votes
    7 answers
16. Блок-распорка занимает место на шаблоне

    Есть такой код - http://jsfiddle.net/GVHSoDHREgZotPCz8CJv/tGXgA/ Не могу понять, откуда берется отступ внизу - http://itmag.es/3bxjB По идее ведь это пустой блок, распорка. Почему он занимает какое-то пространство на шаблоне?

    Asked by aaron, April 23, 2013

    • div
    • linline-block
    • spacer
    0 votes
    2 answers
17. Блок, в котором текст выравнивается от низа

    Блок может быть произвольной ширины и высоты (или, если при таком условии это не возможно, тогда допустим он фиксированной высоты в 100 и ширины в 150). Текст как видите выравнивается от низа. В случаи двух строк чёрный фон растягивается (или, если при таком условии это не возможно, то на всю длину он не растягивается). Как?

    Asked by Избранный, August 24, 2009

    0 votes
    7 answers
18. Блок, видео на фоне

    Видел на нескольких сайтах. Блок с элементами, а на фоне видео. Как такое сделать?

    Asked by torsar, January 1, 2016

    0 votes
    1 answer
19. Блок, фиксированный на одном месте

    Здравствуйте! Задача состоит в следующем: сайт с фиксированной шириной. Нужно разместить кнопку "Заказать звонок" так, чтобы она всегда находилась в одном месте относительно края общего блока, а не области просмотра. Как это сделать? Если можно, то без JS.

    Asked by Светлана Г., August 6, 2014

    0 votes
    17 answers
20. Блок: занять 100% оставшегося места

    Есть блок parent шириной 600 пикселей. В нем может быть блок right и блок main А может быть только main. Ширина блока right 100 пикселей. Как сделать ширину блока main такой, чтобы она занимала все оставшееся пространство parent? Т.е. либо 500, либо 600 пикселей.

    Asked by Absinthe, July 20, 2012

    0 votes
    4 answers
21. Блоки

    Всем привет. Такая проблема. Верстаю сайт блоками и хочу сделать сайт в три ряда, но с третимя рядом проблемы, смотрите: Код сайта: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title></title> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <link rel="stylesheet" href="hb.css" type="text/css"> <link rel="stylesheet" href="fp.css" type="text/css"> </head> <body> <div id="title">Шапка</div> <div id="bread">Реклама</div> <div id="col1"> <div class="panel">Навигация</div> <div…

    Asked by Cyrax, June 14, 2008

    0 votes
    2 answers
22. Блоки

    Вот у меня проблема с расстановкой блоков.Страница разделена на два блока по горизонали .У левого блока float:left;.Но проблема не в них.В левом блоке у меня ещё два подблока,которые распложены вертикально один сверху другой снизу.Проблема в следующем:с таким кодом у меня в опере всё отлично т.е. блок ровно под другим блоком.В экспловере же у меня две проблемы: 1)Нижний блок имеет меньше отступ слева, чем верхний 2)Нижний блок margin-top:339px; делает от нижнего края верхнего блока. Подскажите как решить проблемы? Вот код: <div class='wrapper_left'> <div class='wrapper_bodyfoto'> </div> <div class='wrapper_mir' id='mir'> </d…

    Asked by new01, April 12, 2011

    0 votes
    2 answers
23. Блоки

    Помогите пожалуйста реализовать такое размещение блоков Тут: красный блок имеет непостоянную высоту (зависти от содержимого), но постоянную ширину; зеленый блок имеет высоту, равную высоте красного блока и постоянную ширину; желтый блок имеет непостоянную высоту (зависти от содержимого), но постоянную ширину и по любому выравнивается в самом низу зеленого блока. Да, забыл нарисовать - зеленый и красный блок находятся в одном общем блоке GENERAL соответственно с непостоянной высотой, но постоянной шириной. Вот что делал я и оно не работает как надо - зеленый блок не равный по высоте красному и желтый блок не в самом низу. .general { margin-bottom:10px; } .red { fl…

    Asked by Dayks, November 6, 2012

    0 votes
    11 answers
24. Блоки <DIV>

    Здравствуйте! Прошу вас о помощи! Мне необходимо переделать сайт, который состоит в основном из блоков <DIV>. Сейчас столкнулся с проблемой: блоки налезают друг на друга. Как мне их упорядочить, чтобы второй блок начинался после того, когда закончится первый? Заранее спасибо! <div id="text24" style="position:absolute; margin-top: -80px; overflow:hidden; left:13px; top:1550px; width:781px; height:380px; z-index:77";> <div class="wpmd" align=justify> БЛА БЛА БЛА </div></div> <div id="text25" style="position:absolute; overflow:hidden; left:13px; top:1813px; width:786px; height:74px; z-index:78;"> <div class="wpmd"> БЛА …

    Asked by egorns, December 26, 2012

    0 votes
    3 answers
25. Блоки "уехали" в IE

    Здравствуйте! Столкнулся с такой проблеммой, на страницах http://online.ukrworld.net/reviews.php?id=3 и http://online.ukrworld.net/reviews.php?id=2 правые блоки почему-то "уехали" вниз. Хотя на других страницах, с точно такой же конструкцией, ничего подобного нету. А в других браузерах и на этих страницах все отлично. Пожалуйста, подскажите в чем проблема... P.S. С Новым Годом!

    Asked by Ark, January 4, 2009

    0 votes
    3 answers