HTML Coding

29,542 questions in this forum

1. растягивание фоновой картинки в ИЕ

   Всем привет. есть блок с фоном, который тянется в зависимости от ширины блока. .menu-nav div ul li:first-child+li { margin:0px; padding:10px; margin-top:10px; list-style:circle; background:none; background:url(../images/m_grin.png) no-repeat; background-size: 100% 100%; list-style:none; } но ие его не тянет. не работает background-size: 100% 100%;. Как растянуть фон в ие?

   Asked by stone86, April 27, 2011

   0 votes
   2 answers
2. растягивание цвета фона на всю ширину экрана

   Доброго времени суток! Извините за беспокойство! У меня такой вопрос http://legenda-dom.ru/ вот в таком сайте, как сделать так, чтобы цвет фона самой верхней полоски (голубой) был растянут на всю ширину экрана, независимо от его размеров, при центрировании остального контента посередине? Заранее благодарю!

   Asked by КрисИрис, May 3, 2016

   • фон
   0 votes
   1 answer
3. Растягивание центральной колонки в таблице

   Добрый день! Искал на форуме не нашел. Суть в следующем Есть таблица в ней 5 колонок, необходимо чтобы центральная растягивалась а 4 остальные нет ( у них фиксированная величина) Ситуация усложнена тем что всего 4 строки и 2 с третьей объединены. td#t_1{ width:141px; height:113px;} td#t_2{ width:106px; height:113px;} td#t_3{ width:auto; height:113px;} td#t_4{ width:106px; height:113px;} td#t_5{ width:141px; height:113px;} td#m_1{ width:124px; height:71px;} td#m_2{ height:71px;} td#m_3{ width:124px; height:71px;} td#m_4{ width:106px; } td#m_5{ width:106px; } td#b_1{ width:141px; height:145px;} td#b_2{ width:106px; height:145px;} …

   Asked by parfeon, March 26, 2009

   0 votes
   4 answers
4. растягивание элемента из-за отступов

   На страничке находится несколько input'ов и кнопка отправить. input'ы растягиваются на всю длину блока. Если input'ам установить padding общая длинна input'а увеличится и он вылазит за пределы отведенной области. Код для примера: <div width="500"> <p>Укажите свой e-mail<br><input type="text" name="email" class="mtinput</p> </div> Код стилей: .mtinput { width:100%; padding:5px; } Если я устанавливаю в стилях padding в 5пх размер input"а будет не 500 а 510пх и он вылазит за пределы области. Это как-то можно поправить? Явно указывать размеры не подходит, так как один стиль используется в нескольких местах где размеры блока разные и идеально…

   Asked by alleclf, March 25, 2013

   0 votes
   1 answer
5. Растягивать ячейку по высоте

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

   Asked by evgeniy123, July 10, 2011

   0 votes
   3 answers
6. Растягивающаяся до пола конструкция

   Не думал, что когда-нибудь скажу такое, но ie впервые за много лет сделал так, как нужно мне На самом деле, имею конструкцию, которая тянется до пола, а нужно вот что: - чтобы была рамка вокруг сайта, с отступами по 20px, которая будет тянутся до пола; - чтобы при уменьшении размеров браузера относительно вертикальной оси эта рамка не наезжала на контент, а оставалась внизу. Пока именно так и происходит в ие; -ну и конечно же, чтобы не утратилась способность подвала всегда оставаться внизу. Сейчас всё так, но вот в лисе при уменьшении окна браузера относит. верт. оси, рамка наезжает на контент. зы: сайт тянется не только сверху вниз, но ещё и по ширине. Очень прошу вашей…

   Asked by Trust, June 14, 2009

   0 votes
   1 answer
7. Растягивающаяся кнопка

   Хочу создать кнопку, которая растягивается по длине текста. Как задавать бекграунд такой кнопке?

   Asked by fofan, February 16, 2012

   0 votes
   1 answer
8. Растягивающееся горизональное меню

   Как сделать растягивающееся на 100% в ширь меню. Так что-бы внутрение элементы тоже растянулись на всю ширь. То есть если внутри четыре пункта то каждый из них взял на себя 25%.

   Asked by Rendom, September 12, 2007

   0 votes
   5 answers
9. Растягивающие кнопки в меню.

   Как правильно сделать такую менюшку? Кнопки не растягиваются, задаю размер фиксированно. Должны растягиватся. <ul type="none" style="margin-top: -5px;" dir="rtl"> <li> <div style="width: 146px;" class="button_active"> <div id="content" > HOMEPAGE </div> </div> </li> <li> <div style="width: 114px;" class="button_in_active"> <div id="content" > LINE-UPP </div> </div> </li> </ul>

   Asked by optimist32, June 4, 2011

   0 votes
   60 answers
10. Растягивающиеся div'ы + перенос их на новую строку

    Нужен совет, цель такая: Есть блоки, которые должны располагаться друг за другом, т.е. 1, 2, 3... Все они должны растягиваться и занимать одинаковую ширину. Есть некий минимальный размер блока, если в строке помещается 3 блока с минимальной шириной - они должны быть в одной строке с ~33% шириной каждый, если не помещается, то 2 блока с шириной ~50% от допустимой ширины родительской области, а третий (и четвертый) - переноситься на новую строку и иметь ширину равную верхнему блоку. Блоков может быть больше чем 3, так нужно будет обрабатывать все. Единственное, что будет неизменным - количество блоков в одной строке от 1 до 3. Заранее спасибо

    Asked by kalexi, April 23, 2013

    • div
    • адаптивная верстка
    0 votes
    1 answer
11. Растягивающий фон

    Помогите, как сделать растягивающий фон http://clip2net.com/s/2o6M8 надписи 404 слева от экрана до надписи. Надпись находится в центре страницы. Фон просто белый цвет с прозрачностью 0.3

    Asked by X-Miller-X, October 12, 2012

    0 votes
    1 answer
12. Растягивающий центральный блок

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

    Asked by X-Miller-X, September 13, 2012

    0 votes
    4 answers
13. Растягивающийся DIV

    Есть простой html: http://infosite.org.ua/divs/ Это - один див-оболочка (#main) , и два дива внутри (#main #left,#main #right). Хочу добиться, чтобы внутренние дивы были _таки_ внутри, причем были по высоте одинаковы, в зависимости от высоты вложенного текста. Вот как хочется, чтобы было: помогите...

    Asked by softm, March 23, 2010

    0 votes
    8 answers
14. Растягивающийся div

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

    Asked by lersen, December 10, 2013

    0 votes
    5 answers
15. Растягивающийся DIV и толкающий в низ следующий DIV

    Уважаемые сослуживцы, совсем я впал в ступор. Прошу помощи. Верстаю страницу где четыре основных блока #level1, #level2, #level3, #level4, #level2 - Это блок с меню и текстом, там будет находится разной длинны текст, вставляемый системой управление, при длинном тексте #level2 должен тянуться дублируя фон и окантовку по краям и #level3, #level4 толкать в низ. Я не могу ни как этого сделать. Все карежится то в Опере, то в Експлоере. Посмотрите пожалуйста. <!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…

    Asked by Guest Гость_Максим_*, August 28, 2008

    0 votes
    6 answers
16. Растягивающийся на всю высоту родителя. Реально ли?

    Привет Всем Вот, как обычно, сижу верстаю - и тут встречается такая проблемка: нужно, чтобы ДИВЫ занимали всю высоту их РОДИТЕЛЯ. Ну или схожая ситуация - чтобы ДИВЫ были равны по высоте самому высокому(длинному) ДИВУ в РОДИТЕЛЕ (В общем-то ситуация одна и та же). Перепробовал кучу приёмов - безрезультатно... Вот код: <!DOCTYPE html> <html> <head> <style> body{ background:#e4e4e4; } .wrapper{ width:700px; background:silver; border:4px dashed gray; margin:0 auto; overflow:hidden; } .left, .right{ float:left; width:40%; margin:10px; background:#eee; padding:10px; } .right{ width:200px; border:2px solid red; } …

    Asked by PanSoul, May 16, 2011

    0 votes
    2 answers
17. Растягивающийся по вертикали блок

    Добрый день. Вот такой вопрос. Зеленый блок растягивается на высоту страницы. Два голубых блока - фиксированной высоты, между блок, в котором много элементов и вертикальная прокрутка (список). Необходимо, что бы красный блок растягивался и занимал все пространство между синими блоками. Как это сделать? Интересует решение задачи именно на CSS, т.к. делать это через JS - путь к ошибкам и трудностям в будущем. P.S. В идеале, высота голубых блоков неизвестна и может меняться.

    Asked by Odrin, April 4, 2013

    0 votes
    6 answers
18. Растягивающийся по высоте div при вертикальной прокрутке

    Уважаемые гуру, подскажите пожалуйста. Дизайн состоит из двух колонок фиксированной ширины, расположенных по центру экрана. Левая колонка маленькая - для меню, рекламы и прочего, имеет цветной фон. Правая колонка для контента. Изначально колонки растянуты но вертикали на 100%. Верстка сделана следующим образом: левая колонка имеет внутри несколько div-ов с абсолютным позиционированием для вывода фиксированных бэкграундов, а потом идет див, у бакграунда которого стоит repeat-y, для заполнения до низа браузера. Однако, если контента больше, чем на экранную страницу, то при скроллинге левая колонка съезжает вверх, отрываясь от нижнего края браузера: Верстка тут: http://fil…

    Asked by kiteman, December 25, 2011

    0 votes
    4 answers
19. Растягивающийся фон

    Всем привет, в процессе верстки столкнулся с проблемой которую нужно решить средствами css и html. Задача: требуется сделать растягивающийся фон, который будет при любом изменении экрана сохранять свои пропорции. К примеру есть картинка 3:4, если размер экрана становится узким по высоте(3:10 например), тогда картинка растягивается по ширине сохраняя пропорции. А если узким по ширине, тогда растягивается по высоте сохраняя пропорции. Соответственно так как пропорции сохраняются часть картинки просто не показывается, остается за пределам браузера, скрол не показывается.

    Asked by Mal4ishnik, October 27, 2010

    0 votes
    8 answers
20. Растягивающийся фон

    Вобщем смысл вот в чем. Нужно задать фон для верхней части сайта (хеадера). Фон дожен быть резиновый или хотя бы фиксированного размера по центру. Но нужно чтобы картинку нельзя было скопировать обычным способом тоесть чтобы она была прописана именно в CSS в теге background-image. Вот я прописываю её а картинка начинает дублироватся. Вот код из CSS #header { background-image: url(logo.png); } Как сделать что-бы он растягивался, а не дублировался?

    Asked by zer00, June 6, 2011

    0 votes
    4 answers
21. Растягивающийся фрейм

    Подскажите возможен ли растягивающийся фрейм? Проблема вот в чём: Есть гостевая книга,есть сайт вставляю гостевую книгу средствами iframe, по ширине все устраивает но по высоте есть нюанс по мере заполнения книги появляется прокрутка этого фрейма. Как это дело устранить и возможно ли это!! Вставляю фрейм следующим образом <iframe src="guestbook/index.php" width="765px" height="" frameborder="0" align="center"> Ваш браузер не поддерживает плавающие фреймы! </iframe>

    Asked by wortex, May 16, 2011

    0 votes
    4 answers
22. Растягинуть див

    Есть примерно такая схема сайта Нужно чтобы sidebar растянулся по высоте content, для того чтобы block3 был на уровне нижней границы content. На практике есть дизайн, автор захотел чтобы в block 3 была некоторая контактная информация + ссылка чтобы подниматься вверх <div id="main"> <div class="sidebar"> <div class="block1"> </div> <div class="block2"> </div> <div class="block3"> </div> </div> <div class="content"> </div> </div> Структура вот такая. Как вариант проскакивала мысль с помощью абсо…

    Asked by magiq, March 26, 2011

    0 votes
    14 answers
23. растяжение

    Всем привет, делал по этому макету: http://divhack.com/downloads/study/8/html/ как я понимаю тут резиновая верстка, я вот сделал так: http://createside.com.preview.ihc.ru/ но как видно при растяжении-получается все очень фигово...как это лучше исправить?

    Asked by kl09, March 24, 2013

    0 votes
    2 answers
24. Растяжение div на всю строку. Как убрать рамку?

    Дорогие мои и уважаемые программисты. Подскажите, пожалуйста, почему, если закомментировать в классе .new рамку: .new { /*border: 2px solid fuchsia;*/ overflow: hidden; float: left; } нажать на кнопку добавить, а потом на кнопку удалить - то поле w(бирюзовое) не расстягивается на всю ширину? Почему рамка влияет на растяжение другого div? https://jsfiddle.net/upzfr4q5/

    Asked by zvezda_t, June 27, 2015

    0 votes
    9 answers
25. Растяжение блока(div) вместе с формой(textarea)

    Когда растягиваешь форму(textarea), то она вылазит за блок.Как сделать, чтобы блок растягивался вместе с формой?

    Asked by tarakan012, November 28, 2012

    0 votes
    6 answers