HTML Coding

29,542 questions in this forum

1. блок не спускается под блок (IE)

   http://kaskad.bardov.nnov.ru/ Меню (UL в верхней части страницы) в IE6 отображается сразу за логотипом (справа от него), а должно быть под ним. И логотип и меню обернуты в слои с параметрами overflow:hidden, position:relative Почему так?

   Asked by d0ublezer0, April 21, 2009

   0 votes
   2 answers
2. Блок не тянется в высоту

   Здравствуйте! Есть сайт: http://frendlix.ru В правом нижнем углу над футером есть блок, так вот, я поднял его чуть повыше задав ему отрицательный маржин в 100px, и притянув его ближе к шапке сайта, что бы левый и правый блоки отображались на одном уровне. Но вот не задача, притянув этот блок к шапке сайта, снизу (как я и говорил выше) появился этот самый отступ в 100px, то есть сам блок тянется, в зависимости от кол-ва текста на странице, но этот отступ никак убрать не получается. Помогите если есть у кого время) Спасибо!

   Asked by chendger, February 20, 2012

   0 votes
   4 answers
3. блок не тянется по ширине в ie7

   Нужна помощь. Во всех браузерах все работает нормально, а в ie криво. Вот код: Html <div id="wrap_header"> <!--Блок который должен тянуться --> <div id="header"> <!--Блок который должен быть фиксированным --> <div id="logo"></div> <div id="menu"></div> </div> </div> CSS #wrap_header{ width: 100%; height: 150px; background: url(../images/header_bg.jpg) repeat-x; } #header{ width: 1024px; height: 150px; margin: 0 auto; } #logo{ float:left; width: 200px; height: 80px; background: имадже; } #logo{ float:right; height: 80px; } Во всех нормально отображается, нормально тянется и фиксируется. А во…

   Asked by Digidie, July 11, 2012

   0 votes
   10 answers
4. Блок не умещается

   http://owlyart.ru/alex/resume.html На CSS верстаю недавно, и столкнулся с проблемой - при низком разрешении экрана, основной блок банально не умещается в окне браузера, а полоса прокрутки не появляется. Маюсь уже приличное время, пробовал отцентровать в ячейке таблицы 100%/100%, попробовал атрибут overflow. Но первое не сработало, а второе скроллит содержимое блока, а не сам блок. На форуме и в гугле ответ не нашёл, решился задать вопрос сам. Заранее спасибо.

   Asked by AlexSvet, May 3, 2012

   0 votes
   1 answer
5. Блок не хочет обтекать

   Надо сделать так http://divhack.com/downloads/study/3/3.jpg (правая колонка в контенте) У меня не выходит сделать обтекание. http://troshka.hut4.ru/ Задаю .content .right{ float:right; } и блок встает вниз, и вообще как он вылез за пределы блока content, в котором находится?

   Asked by ВикторТрошка, January 25, 2013

   0 votes
   5 answers
6. Блок непонятным образом изчезает в Opera

   Здравствуйте, столкнулся с проблемой, которая проявляется только в браузере Opera, последняя версия [12.15] Страница: http://bit.ly/Ynv89G Когда курсор перемещается за границы #wrapper, блок .desc который абсолютно позиционирован просто исчезает. Даже нет догадок, почему так происходит. Обязательное условие: чтобы .desc шел раньше в коде и футер должен быть приклеен к низу окна.

   Asked by Gruberhoff, April 14, 2013

   0 votes
   2 answers
7. Блок неправильной формы(срезанные прозрачные углы)

   Всем привет) помогите люди добрые нужно сверстать такой блок http://joxi.ru/Vm66NWRSxEBdQm пол дня гуглил,так и не нашел ничего подходящего обычно подставляют срезы белого цвета через before и after. но в данном случае подложка тоже картинка,по этому срезы должны быть прозрачными

   Asked by F4rr3LL, March 29, 2016

   0 votes
   2 answers
8. Блок новостей с переключателем страниц

   Нужно сделать блок, в который будут добавляться новости, а внизу должны быть кнопки с переключателем страниц. К примеру "Назад 1 2 3 ... Вперед". Сайт сам на html и css. Может у кого пример кода есть? Заранее благодарю.

   Asked by @ртемова, August 4, 2015

   0 votes
   1 answer
9. Блок Обратная связь

   на сайте есть готовое решение http://htmlbook.ru/practical/obratnaya-svyaz все работает но как сделать что бы выезжала не слева, а справа??

   Asked by galsik2009, January 27, 2016

   • htmt css
   0 votes
   8 answers
10. Блок обрезает картинку

    Здравствуйте. Столкнулся с проблемой, когда блок при уменьшении размеров урезает картинку, которая находится в нём. Можно ли растянуть картинку по всей ширине и высоте блока, чтобы она не обрезалась? Или только в фш подгонять размеры? Код сейчас выглядит так: контейнер { width: 100%; margin-top: 1rem; } блок с картинкой { width: 1280px; height: 960px; margin: 0 auto; }

    Asked by Еврейская Мышь, February 10, 2018

    0 votes
    1 answer
11. Блок оставить отзыв

    Проблема в том что на сайте http:// domatino.ru слева есть блок оставить отзыв.Сайт сделан под разрешение 1024. Когда стоит такое разрешение блок заезжает на текст.Как быть? Ширину менять не хочу.Потому что многое придется переделывать!

    Asked by AlexNN, January 29, 2012

    0 votes
    2 answers
12. Блок остается на месте

    В общем что имеем: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <div id="a"> <ul> <li></li> <li></li> <li></li> </ul> <div id="b"></div> </div> В каждом ли еще по ul с свойством display:none a - posytion:relative; b - posytion:absolute; bottom:0; Ну в общем стандартное меню. Теперь если задать ul-aм display:block во всех браузерах высота блока a увеличится, ну и соответственно блок b останется верен bottom:0 и уедет вслед за нижней границей. К сожалению ie6 так не делает, в нем не увеличивается блок a. А зна…

    Asked by pizzZ, November 30, 2010

    0 votes
    44 answers
13. Блок отображается не там где надо

    Господа,подскажите почему блок right-block не хочет встать на свое место(справа в главный блок)?ему задано float:right http://cssdesk.com/zsAyf

    Asked by Temik2704, October 22, 2013

    • Новичок
    0 votes
    8 answers
14. Блок по всему родительскому блоку с выравниванием по центру

    Есть родительский div Его нельзя трогать. Нужно создать в нем div внутри с размерами 100%. И выравниванрием по центру. Обычный способ с display: table-cell; почему-то не подходит. Вот сокращенный код: <style> .center { background-color: gray; text-align: center; display: table-cell; vertical-align: middle; } </style> <div style="position: absolute; width: 800px; height: 600px; background-color: yellow;"> <div style="position: absolute; width: 100%; height: 100%" class="center">Проверка</div> </div> Не работает vertical-align: middle; из-за position: absolute; Если position: absolute; убрать(а этого нельзя делать…

    Asked by Absinthe, July 18, 2012

    0 votes
    3 answers
15. Блок по середине

    Вот у меня блок.Как расположить его точно по середине,при этом надо учитывать,что ширина будет разной.Если я делаю так .wrapper_bodydiv { clear:both;margin-left:8%;margin-right:8%;margin-top:10px;margin-bottom:10px; } То у меня при ширине 1024 пикс. блок точно по середине а при большой смещается ближе к левой стороне.Если поставить text-align:center; не помогает.Скажите как сделать?:!

    Asked by new01, April 26, 2011

    0 votes
    5 answers
16. Блок по центру и масштаб

    Здравствуйте, товарищи ! Столкнулся с такой вот проблемой: когда height не влезает, то делается нежелательный отступ (по-сути сдвиг: с права на лево). Вот html: <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Test</title> <meta http-equiv="Content-type" content="text/html; charset=utf-8" /> <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript"> function load() { $.ajax({ url: "/text.txt", cache: false, success: function(xml){ $("#m").html(xml).show(); setTimeout("$('#m').html('Python (англ. python — питон, произноситс…

    Asked by Selector, April 27, 2013

    0 votes
    1 answer
17. Блок по центру страницы

    Как расположить блок по центру браузера по ширине и высоте (заглушка сайта), на дивах. Доктайп такой: <!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"> Буду благодарен за помощь!

    Asked by okunev2, March 11, 2009

    0 votes
    4 answers
18. Блок по центру экрана

    Как растянуть блок по размеру экрана а не так чтобы он улетал за экран? // CSS .dropdown { display: inline-block; } .dropdown-content { z-index: 1; display:none; position: absolute; background-color: #000; width: 100%; padding: 46px 24px 40px; max-width:1358px;; } .dropdown:hover .__open { background-color: #000; color: #4a4a4a; } .dropdown:hover .dropdown-content { display:block; } // HTML <div class="dropdown"> <a class="__open" href="#">Ссылка 4</a> <div class="dropdown-content"></div> </div>

    Asked by Неугомонный, July 29, 2019

    0 votes
    17 answers
19. Блок поверх других

    Делаю выпадающее меню. Структура такая: Код HTML: <div class="top_container"> <div class="menu"> <ul class="nav_menu"> <li>Item1</li> <li>Item2</li> <li>ItemN</li> </ul> </div> <div class="mask"> </div> </div> <div class="main_container"> </div> Мне надо, чтоб элементы из ul выводились поверх всего, в т.ч. и блока "main_container". В таблице стилей у меня прописано Код: ul.nav_menu { position: absolute; overflow: visible; disaply: block; z-index: 1000; } .mask { position: absolute; disaply: block; z-index: 500; } .main_container { position: absolut…

    Asked by aronsky, January 28, 2012

    0 votes
    8 answers
20. Блок поверх строки таблицы

    Народ привет всем! Есть задача сделать на ховер строки таблицы, или по клику (не важно), чтоб появлялся блок поверх этой строки, на ее высоту и ширину. Помогите плз идеями, ниче в голову не приходит. http://jsbin.com/hafihigija/edit?html,css,output

    Asked by vladmih, October 23, 2015

    0 votes
    4 answers
21. Блок поверх флэша

    Привет всем. У меня все время появляется проблема с видимостью блока когда на сайтах есть флэш. Как бы блок не могу отображать поверх него. Это мне надо например в меню, под меню находится флэш и когда наводиш выпадающий меню из-за флэша не виден. Я посмотрел только Opera правильно показывает а все остальные браузеры игнорируют z-index. Что можно делать в таком случае? Создал простой документ для наглядного просмотра http://jsfiddle.net/CAM9B/1/ Там напишите .flash-banner {display:none} и увидите блок а так он под флэшом

    Asked by jumancy, September 29, 2011

    0 votes
    2 answers
22. Блок под блоком

    Здравствуйте! Я разрабатываю сайт, но у меня появилась проблема: Блок, который выполняет функцию рамки (если кто подскажет, как сделать рамку в 6px белого цвета с 50% прозрачности, то вопрос решен) не хочет правильно функционировать. Как было задано min-height, так он и остается... Не масштабируется В общем. Причем похожие стили были у блока body, но он масштабируется прекрасно. Вот небольшой листинг HTML кода: А вот листинг CSS Как сделать, чтобы рамка растягивалась под размер блока?

    Asked by Jaguar™, August 10, 2011

    0 votes
    7 answers
23. Блок под блоком

    уже часов 6 сижу и немогу допреть как сделать так чтобы блок под логотипом выводился не под ним, а справа от него.. подскажите пожалуйста.. пробовал float:left для обоих блоков... вроде начал выводить но только текст второго блока смещался всеравно под логотип. main.tpl - <a class="webmacter" href="/index.php" title="*********.ru"><img src="{THEME}/images/webmacter.png" alt="********.ru" /></a> <!--ТАБЫ--> <div class="tabsContent"> <!–- tabs -–> <ul class="tabNavigation"> <li><a href="#zero">Приветствие</a></li> <li><a href="#first">Погода</a></li> <li&g…

    Asked by montuk, November 2, 2011

    0 votes
    11 answers
24. Блок под блоком

    Народ привет, поскжаите, какой тут плагин используется, что бы блоки становились как на сайте —-> http://mirtesen.ru/

    Asked by mini, December 8, 2014

    0 votes
    2 answers
25. Блок под размеры изображения внутри

    Здравствуйте, уважаемые. Мне надо создать блок, в котором будет картинка и подпись к ней. Ширина блока должна быть равной ширине картинки + какой-нибудь padding. Я создал пример на котором видно что у меня ничего не получилось http://borber.ru/htmlbook/04072012/1.html — там я попробовал четыре варианта: • Просто блок. Он растягивается по ширине подписи • Попробовал сделать width: 100px (типа пинимальная ширина), но картинка вылезает справа • Попробовал сделать inline — мало ли что • Сделал табличкой — я был изначально уверен что так будет работать, но по-моему табличка неуместна тут. Подскажите, пожалуйста, как это делать правильно?

    Asked by Veseloff, July 4, 2012

    0 votes
    2 answers