HTML Coding

29,542 questions in this forum

1. Div с изображением

   Есть <div> с изображением внутри. размер избражения известен заранее.Можно ли сделать div так, чтобы изображение снизу подрезалось на несколько пикселей ? т.е. не отображалось полностью

   Asked by lmaolmao, November 1, 2013

   0 votes
   6 answers
2. Div с использованием float: left и right

   Помогите пожалуйста сверстать, дивна без таблиц - резиновый ID=1 - резиновый ID=2 - фиксированный 25px на 25px ID=3 - резиновый ( ширина - как у ID=1, высота - резиновая)

   Asked by uExpo, September 18, 2011

   0 votes
   3 answers
3. div с полосой прокрутки. Изменение стилей отображения

   Добрый день! Подскажите как правильно создать блочный элемент, вероятней всего div встроенный в страницу с полосой прокрутки. Полоса прокрутки должна иметь собственный стиль (цвет и форма верхней и нижней кнопок прокрутки, ну и самой полосы). Интересует методика, как правильно это делать. Если есть то ссылки на статьи с описанием примеров. Заранее благодарен, за ответы!

   Asked by andrey1, April 17, 2012

   0 votes
   1 answer
4. Div с прозрачными границами

   Доброго Дня! Нужна помощь, не могу понять как верстать, пример на изображении: Высота блока динамична и зависит от контента. Ширина прозрачной границы 10px, отступ во внутреннем блоке 5px до контента(текста или картинок...) Решение нужно на CSS, без использования полупрозрачного фонового изображения.

   Asked by stranger_Jack, September 29, 2012

   0 votes
   4 answers
5. div с фиксированной высотой внутри ячейки

   Пытаюсь создать таблицу, в которой высота ячейки фиксированная вне зависимости от контента, Для достижения эффекта заворачиваю внутри каждой ячейки div с фиксированной высотой. По идее все что внутри дива должно обрезаться, и на высоту ячейки никак не влиять, и тем не менее почему-то высота ячейки меняется в зависимости от контента внутри дива. Проверял в IE FF и Chrome. Нигде не могу найти обьяснения почему так происходит. <tr style="display: table-row;"> <td style="height: 24px; min-height: 24px; max-height: 24px; overflow: hidden;"> <div class="ecl-grid-cell-inner ecl-border-box" style="overflow: hidden; position: relative; height: 24px; ma…

   Asked by graf, May 7, 2013

   0 votes
   3 answers
6. div с фиксированной высотой, нужно сделать футер

   есть div с фиксированными высотой и шириной. внутри 3 дива - заголовок, контент, футер. <div class="container"> <div class="header"> title </div> <div class="content"> item content </div> <div class="footer"> toolbar </div> </div> нужно сделать, чтобы футер был снизу, а контент занимал все свободное пространство между заголовком и футером. прижал футер к низу так: .container{ position:relative; } .footer{ position: absolute; bottom: 0; } но с контентом не могу сообразить как.. upd забыл один важный момент: div с контентом должен быть с overflow:hidden. т.е. содержимое дива не должно растягивать див-контейнер.

   Asked by maximt, June 28, 2011

   0 votes
   3 answers
7. div сам растянулся на всю ширину.

   HTML <div class="imgcenter"> <div class="oneimg"> <a href="/course/1"> <img src="http://borsh/img/course/1431865746.jpg"> <h3>Курс 14</h3> </a> </div> <div class="oneimg"> <a href="/course/1"> <img src="http://borsh/img/course/1431865746.jpg"> <h3>Курс 14</h3> </a> </div> <div style="clear:both;" id="del"></div></div>CSS .imgcenter{ max-width:98%; display:inline-block; margin: 0 auto; }.oneimg { text-align: center; width: 133px; float: left; margin: 1%; position: relative;}.oneimg im…

   Asked by xTODx, July 21, 2015

   0 votes
   3 answers
8. DIV слой поверх flash

   Знаю что тема изъезженная до нельзя, но тут ситуация немного другая. На сайте есть flash и всплывающие окно. Flash это плеер с сайта http://megavisor.com/, который генерируется посредством вставки iframe на мою страницу, и уже в этом самом iframe и есть тот flash. Соответственно при открытии всплывающего окна флеш вылезает поверх этого самого окна. Разработчик не учел расширенные настройки своего плеера. К параметру wmode не подобраться. Есть идеи?

   Asked by sergeyvolk, August 4, 2013

   0 votes
   5 answers
9. div смещается при изменении размера окна

   Плохо понимаю как объяснить, чтобы все поняли, извините, пожалуйста. http://lumitest.unoforum.ru/ Здесь в шапку основной таблицы понапихано div'ов с relative позиционированием и видимостью только по hover. В div'ах - анимация для элементов изображения из шапки. В наших браузерах всё выглядит одинаково и верно, но стоит в мозилле или хроме уменьшить окно, чтобы таблица в него целиком не помещалась, подвешанные div'ы смещаются на пиксель влево. Можно ли это исправить? Скажем, кругляш в серединке: .hat { height: 371px; margin:0px; padding:0px; color: #241A08; font-size:0px; letter-spacing:-1px; } .hat a { display: inline-block; position:relative; border:0px; marg…

   Asked by Divo Divnoe, May 3, 2012

   0 votes
   0 answers
10. div со скругленными рамками

    Нужно сделать слой со скругленными рамками. Верхняя картинка/рамка и нижняя у меня фигурная и прозрачная, поэтому боковые рамки выезжают за пределы (вверх и вниз). Как это исправить? Вот здесь пример http://jsfiddle.net/8QZV7/

    Asked by aizul, August 6, 2013

    0 votes
    2 answers
11. DIV средствами CSS: вертикально максимальный, горизонтально центрированный?

    Здравствуйте, новичку нужна консультация гуру. Для некоторых сайтов (например, чатов) крайне желательно, чтобы их контент занимал по вертикали всю высоту окна. Захотелось попробовать сделать необходимое макетирование с помощью <DIV>, в результате накропал следующий код: HTML <body> <div id="mainDiv"> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint o…

    Asked by Kostia.Ivashchenko, October 22, 2012

    0 votes
    15 answers
12. Div ссылка и Z-index

    Такой вопрос:есть 5 ссылок и 6 картинок 1 статичная находится в контейнере рядом другие нужно подключить к этому контейнеру так чтобы они заменаяли статичную если наводишь на ссылки тоесть к каждой ссылке приписываем по 1 изображению. Я разобрался как работает это с java :вот код a href="#" onmouseover="document.getElementById('kartinka').src='../Images/smena2.jpg';" onmouseout="document.getElementById('kartinka').src='../Images/smena1.jpg';">пункт 1</a> <UL> <li><a href="#">пункт 1.1</a></li> <li><a href="#"> пункт 1.2</a></li> <li><a href="#"> пункт…

    Asked by Stripped, August 31, 2012

    0 votes
    0 answers
13. DIV ссылкой

    Здравствуйте! Подскажите. пожалуйста, как можно целый див сделать ссылкой? Да ещё что б "анимированная" была (как здесь). Спасибо.

    Asked by Mr_Murder, September 23, 2010

    0 votes
    4 answers
14. div строго под заданным div

    Здравствуйте, уважаемое сообщество htmlbook. Мне нужен совет: как сделать так, чтобы блок меню начинался точно с того места, откуда начинается блок баннера? Код страницы под спойлером. Заранее спасибо.

    Asked by sw33t, December 3, 2012

    0 votes
    12 answers
15. DIV съезжает

    1) Не получается сделать, чтоб <div> Цены не съезжал вниз, когда ему делаешь отступы вот мой код http://jsfiddle.net/vEWYu/1/ Как это исправить? 2) Вот макет, то, что обведено красным, вот такую вот кнопку можно сделать одним только CSS?

    Asked by FinFan, August 11, 2013

    0 votes
    1 answer
16. div съезжает вниз

    Всем привет! Уже час ломаю голову, почему центральный див съезжает вниз ? Заранее благодарю! <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>Документ без названия</title> <style> .positions { width:100%; height:197px; padding:10px 0; display:table; } .positions figure { width:20%; height:197px; display:table-cell; } .positions figure div { width:171px; height:185px; background:url("img/posFon.png") no-repeat; padding:6px; } .positions img { width:170px; height:149px; } .positions figcaption { text-align:center; margin:10px 0 0 0; } .fonL { float:lef…

    Asked by lolka84, October 5, 2011

    0 votes
    8 answers
17. DIV уезжает вниз.

    Почему <div class="working_panel"> уезжает вниз! я не могу понять почему! <body> <form id="form1" runat="server"> <div class="pre_working_panel"> <div class="event_promo_panel"> <div class="header">Event Promo</div> <div>eventpromoby@gmail.com</div> </div> </div> <div class="working_panel"> <div> <img class="image" src="3f0ad3de.png" /> </div> </div> </form> </body> *{ margin: 0; padding: 0; outline: medium …

    Asked by EventPromo, April 26, 2011

    0 votes
    2 answers
18. DIV уходит в бок.

    сайт Хотел сделать чтобы сайт тянулся от разрешения 1024*768 до 1200*1024 выщитал примерно по пикселям, указал мин и макс где нужно. Вроде весь сайт тянется как нужно. А вот Див с текстом не хочет, вроде всё правильно указал. Дома всё работало в нескольких браузерах. А на работе что-то не очень. Под IE поставил отдельный css так как не понимает мин и макс.

    Asked by AnTiBAnnik, January 29, 2009

    0 votes
    2 answers
19. DIV уходит вправо в IE

    В IE DIV Почему-то уходит вправо... В Опере и Хроме всё норм... Вобщемто всё даже сложнее... Сижу на 2-х мониторах. 1-15" 2-24" на 15 дюймах всё норм в окне отображается. а на 24 дюймовом если во всё окно развернуть то получаеться что див уходит вправо... в IE если же на всё окно растянуть то всё нормально... Жесть какая-то на 2 моника руками растянул всё норм..... <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <title>Untitled Document</title> &lt…

    Asked by AnTiBAnnik, January 26, 2009

    0 votes
    4 answers
20. Div уходит вправо только в ФаерФоксе

    В общем сам сабж, при открытии странички в ФФ, див с галерей уходит вправо, в любом другом браузере все нормально. В чем проблема не могу понять. http://svetlogradstroy.ru/portfolio.html

    Asked by BoB, April 10, 2012

    0 votes
    6 answers
21. div фон

    Подскажите пожалуйста ! Есть контейнер в нём все дивы в цсс пытаюсь сделать так,что бы у див лефт картинка была растянута и что бы это по ИЕ 7 подходило , но никак не получается...кто подскажет ??? #left{ background:url(i/170.jpg) center no-repeat; /*background: url(i/170.jpg) no-repeat;*/ /*background-color: #0ff;*/ background-size: 100% 100%; /*расстягиваем картинку под див*/ /*border: 1px solid #000000;*/ width: 70%; height: 400px; float: left; /*обтекание блока по правой стороне другим блоком*/ } <div id="container"><!--CONTAINTER STARTS--> <div id="header">header</div> <div id="…

    Asked by morgusha, November 22, 2012

    0 votes
    42 answers
22. DIV являеться родителем для другого DIV

    Форумчане выручайте! Например к описанию свойства margin идет следующие Если я применяю данное свойство к DIVу который находиться в другом DIVe, то отступ идет в обоих дивах. Как мне сделать, чтоб первый див был родителем для другого дива находящегося в нем?

    Asked by lamaka, October 7, 2010

    0 votes
    3 answers
23. DIV-ка с изображением внутри

    Здравствуйте, такой вопрос: Сайт сверстан слоями. На сайте три колонки. Верстка резиновая. В центральной колонке нужно разместить блок (дивку), в которой размешено большое (2000px по ширине) изображение. При этом это изображение должно быть отцентровано в этой дивке. Т.е., если к примеру центральная колонка сайта получилась шириной 800px, то от изображения должно обрезаться справа 600px и слева столько же, а центральная часть отобразится. Это было бы просто сделать, если положить изображение бэкграундом, но вся беда в том, что изображение связано с картой (MAP)? т.е. на изображение есть ссылки. Я попробовал применить к дивке вот такие стили overflow: hidden; text-align: …

    Asked by Stutzer, December 23, 2007

    0 votes
    3 answers
24. div-ы

    итак. ситуация такова. у меня есть на странице таблица. <table cellpadding="0" cellspacing="0" border="0" width="100%"> <tr valign="top"> <td width="180"> <table cellpadding="4" cellspacing="2" border="0" width="180"> <tr> <td id="to_main" class="td_menu" onClick="java script:display_page('main')" onMouseOver="java script:change_fon_on('to_main')" onMouseOut="java script:change_fon_off('to_main')"> ... </td> </tr> <tr> <td id="to_clinika" class="td_menu" onClick="java script:display_page('clinika')" onMouseOver="java script:change_fon_on('to_clinika')" onMouseOut="java script:change_fon_off('to_cli…

    Asked by arlek1n, February 6, 2009

    0 votes
    0 answers
25. div-ы - граница компонента тянется вниз

    Доброго времени суток, уважаемые знатоки css. При верстке у меня возникла довольно странная проблема. Описать ее непросто, но я постараюсь. Шаблон сайта сверстан в 3 колонки с помощью div-ов. При открытии одного из компонентов в FireFox, Chrome или Opera происходит довольно странная вещь - главная область компонента растягивается вниз так, чтобы нижний конец стал вровень с нижней границей правой или левой колонки. При этом в IE все отображается как надо. Проблема в картинках: Вот как это выглядит в IE (как оно должно выглядеть): Нижняя граница компонента заканчивается там, где кончается текст компонента. Нижние границы правой и левой колонки ни на что не влияют. А вот к…

    Asked by zaero, October 14, 2010

    0 votes
    22 answers