HTML Coding

29,542 questions in this forum

1. Резиновая верстка с фискированным блоком

   Нужна помощь по такому вопросу. Делаю стандартную росформатировку на 2 блока: основа и меню, причём меню решил фигачить фиксированного размера. Отсюда собственно и вопрос реализации. + доп условие сделать высоту менюшного блока 100% относительно основного блока. Предыдущую реализацию делал при помощи связки div-table, которую тестил на хромом(хроме), но запустив на фоксе заметил что изображения, по обычному уменьшаемые при помощи max-width и т.д. эту тему несхавали и, собственно, разлезлись на весь экран. Заранее благодарен за любую полезную инфу.

   Asked by SunChase, February 9, 2012

   0 votes
   2 answers
2. Выравнивание фона по окончанию отдельной строки

   Есть абзац, его код: <div style="background-color:red; position:fixed;"> 111111111111<br> 22222 </div> не могу выровнять в нем фон по окончанию каждой строки, на данный момент он выравнивается по окончанию самой длинной строки в абзаце. Подскажите как решить задачу, спасибо.

   Asked by Olegs2, February 10, 2012

   0 votes
   4 answers
3. ul и li в контейнере

   Вопрос по CSS. Подскажите как заставить работать ul {мои данные} ul li {мои данные} только в контейнере например с классом "mycontainer"

   Asked by _ZheKA_, February 10, 2012

   0 votes
   1 answer
4. Проблемы в использовании атрибута Checked

   Здравствуйте. Проблема у меня такова - не могу сообразить сценарий работы Checked'a, мне необходимо, чтобы при снятии галочки возле Пользовательского соглашения кнопка "Оплатить" у интернет-магазина блокировалась. Скриншот прилагается ниже.

   Asked by DoZa, February 9, 2012

   0 votes
   10 answers
5. не работает z-index

   пытаюсь нарисовать вот такое - на фоне полупрозрачного заднего фона из нескольких дивов, должен выплыть #box, где-то над div4-div6 он СНОСИТ ВНИЗ дивы, куда бы я не прилепила #box, и чем только я его не пробовала, что делать? тестю в мазиле <style> #column0 {position:relative; z-index:1} #app { overflow: hidden; z-index:2; position:relative;} .d1 { float: left; width: 32%; z-index:2; position:relative; padding: 5px 7px; text-align:center; margin: 5px auto; line-height: 1.2; text-shadow: -1px -1px #666, 1px 1px #FFF; font-family: verdana,arial,sans-serif; font-size:14px; color:darkblue; } .d2 { margin-left: 34%; z-index:2; position:relative;} .d3 { floa…

   Asked by ыра, February 8, 2012

   0 votes
   6 answers
6. Верстка.

   Всем привет! До сих пор понять так и не могу.Вот все говорят,что дабы div`ами верстать надо,всё же мне более удобно верстать на таблицах.Буду благодарен за Ваши ответы ...

   Asked by SteeLZzZ, February 10, 2012

   0 votes
   6 answers
7. Позиционирование картинки

   У нас фон - картинка без повторения, поэтому недостающее место заполняется обычным цветом. Сама картинка фона при любых обстоятельствах находится в центре. body {background-image:url(images/fon.jpg); background-position:center; background-repeat:no-repeat} Так вот далее - любое добавление элемента (добавляю div'ы) - определяет начальное положение от границы края окна браузера. Как мне заставить любое добавление начинать своё положение именно от границы картинки, а не края браузера? И чтобы при уменьшение/увеличении размеров окна браузера - картинка или текст всегда имели четкое положение по отношению к картинке основной?

   Asked by Hum9k, February 10, 2012

   0 votes
   1 answer
8. Помогите с калькулятором

   Привет всем, люди добрые! Нужно сделать форму-калькулятор для расчета стоимости натяжного потолка. Саму форму взял с этого сайта, вот собственно она: <form action="" method="post" class="calc"> <table> <tbody> <tr> <td> Фактура полотна <span>*</span> : </td> <td> <select necessary="1" name="texture" style="width: 250px; "> <option value="0">- не выбрано -</option> <option value="300.5" selected="">Эконом: Мат/лак бел 150/200</option> <option value="450">Германия: Лак бел/цвет 142</option> <option value="500">Германия: Лак бел/цвет 195</option> <option value="650…

   Asked by brendmaster, February 9, 2012

   0 votes
   8 answers
9. Изображение перекрывает видео

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

   Asked by Ihtios, February 9, 2012

   0 votes
   5 answers
10. Вопрос по <Select> и <Option>

    Очень важный для меня вопрос. Очень прошу помочь. Есть выпадающий список: <select size="3" name="select_01"> <option value="100">Черепица 01</option> <option value="200">Черепица 02</option> </select></p> Есть кнопка отправки: <input type="submit" value="Отправить"> Необходимо, чтобы при отправке на почту приходило не значение поля value="100", а текст в списке: "Черепица 01". Если такое невозможно, то хотя бы чтобы имя вида "Черепица 01" передавалась в текстовое поле, я уже из него буду отправлять. Огромное спасибо всем кто откликнется на мою проблему!

    Asked by Nadrill, February 9, 2012

    0 votes
    2 answers
11. Проблема с меню

    Всем привет! Помогите решить такую проблему? У меня меню с кодом: <div class="container"> <ul class="menu"> <li><a href="#"> <span>Ссылка1</span></a></li> <li><a href="#"> <span>>Ссылка2</span></a></li> <li><a href="#"> <span>>Ссылка3</span></a></li> <li><a href="#"> <span>>Ссылка4</span></a></li> <li><a href="#"> <span>>Ссылка5</span></a>></li> </ul> </div> CSS: .container{ width: 100%; height: 100%; position: relative; } .menu{ width: 100…

    Asked by Caeterra, February 10, 2012

    0 votes
    5 answers
12. отступы в div

    Привет всем, прошу опять помощи Как сделать отступы сверху и снизу так же как и слева и справа? <div style="background:#000;"> <div style="margin:10px;border:1px solid #dbdbdb;min-height:400px;"> </div> </div>

    Asked by JastinB, February 9, 2012

    0 votes
    2 answers
13. Почему стили работают частично ?

    Один и тот же сайт, без php. На компе стили работают корректно, на хостинге - большая часть отваливается, но не все, например шрифт и цвет текста работает. _____________________________________________________________________ Firebug на вкладке цсс все стили показывает. Файлы стилей перезалил на хостинг. Сайт на поддомене, но цепляются стили основного сайта. Как с этим правильно разобраться ? Путь к файлу стилей Firebug показывает правильно, но в самом файле видно стили меню основного сайта. Сайт вот http://cons.surgeryzone.net/

    Asked by kpripper, February 9, 2012

    0 votes
    2 answers
14. Фон элемента

    Здравствуйте. Я пытаюсь реализовать модальное окно у себя на сайте. Скажите, пожалуйста, как можно сделать так, чтобы левый, правый, нижний и верхний края имели каждый своё изображение? Пытаюсь сделать что-то типо этого:Может у кого-то есть другие варианты???

    Asked by antonhristovsky, February 9, 2012

    0 votes
    10 answers
15. filter:alpha(opacity) и overflow:hidden

    Добрый день! Появилась досадная проблема. Вот, собственно сам код: HTML: <div class="position"> <div class="vertical"></div> </div> CSS: .position { position:relative; top:20px; left:30px; width:100px; height:30px; background-color:#ccc; filter:alpha(opacity=20); } .vertical { position:absolute; width:0; height:30px; border-left:2px solid #000; top:-15px; left:30px; } Блок vertical выходит за границы position, на котором установлен filter:alpha(opacity=20). Однако установка фильтра скрывает выступающее содержимое, будто на блоке установлен overflow:hidden. Проблема проявляется в IE7. overflow:visible не помогает.

    Asked by Logunoff, February 9, 2012

    0 votes
    0 answers
16. Верстка меню

    Добрый день всем, подскажите пожалуйста как можно сделать вот такую стилистику. Я сам на php+css сделал менюшку. Все работает хорошо, за одним исключением, я в css делал так, что блок div в котором находится ссылка перехода по сайту, имеет серый цвет, потом когда навожу курсор на эту ссылку, она становится красной, точнее весь блок становится красным. Я нажимаю на ссылку, убераю курсор мыши, и этот блок div снова становится серым. Я хочу чтоб когда просто смотришь на кнопку то она была серой, когда навожу на блок, он становылся красным, а когда нажал на этот блок и убрал мышку, то блок оставался таким же красным как при наведении. Ну чтоб сразу было видно на какой стран…

    Asked by kolyabis, February 9, 2012

    0 votes
    1 answer
17. как показать html файл перед формой ?

    вот у допустим у меня есть форма: <style type="text/css"> H1 { font-size: 100%; color: blue; } </style> <form action="http://malish.vizie.ru/message/vopros.php" method="post"> <p> <h1> Введите Ваше имя</h1></p> <p><input type="text" placeholder="Вася" required name="nik"></p> <textarea name="vopros" class="brd" placeholder="Пример" required rows="10" cols="32"></textarea> <p><input type="submit" value="Отправить"></p> </form> Потом php файл записывает данные в html файл, дак вот как мне потом это html файл показать перед формой ? пожалуйста помог…

    Asked by malish, February 8, 2012

    0 votes
    10 answers
18. Подвал к низу и резиновые сайдбары

    Сайдбары находятся внутри враппера, нужно сделать так, чтобы подвал всегда был прижат к низу страницы, а сайдбары растягивались до него по высоте (в них контента не будет). Сейчас подвал прижат, для этого я выставил минимальную высоту враппера 100%. Высотка сайдбаров сейчас по 600 пикселей (для наглядности) , растягивающиеся без контента не получается сделать. Дак вот, когда подвал прижат, на бОльших разрешения чем 1280X800 появляется пространство враппера между подвалом и сайдбарами, если убрать у враппера минимальную высоту, то этого нет, но подвал тогда не прижат И да, полос прокрутки не должно быть. Помогите кто чем может

    Asked by WF19, February 4, 2012

    0 votes
    10 answers
19. Трудности резины

    Мне тут сказали, что подавляющее большинство макетов тянется по вертикали. Я испытываю кое-какие трудности с резиной, так как мне не пришлось еще верстать резиновые макеты. А смущают меня изображения. Мы тянем колонки с бэкграундом картинками? Некоторые изображения имеют определенные пропорции, и если их растянуть, получается уродливо. Насколько я понимаю, если мы указываем размеры блоков в процентом соотношении, то тянется ВСЕ. Не может же быть так что хедер и футер мы укажем в процентах, а контент в пикселях. Вопрос - как тянуть страницы с изображениями?

    Asked by skygazer, February 9, 2012

    0 votes
    1 answer
20. Обрезаются ссылки с display:inline-block

    Для ссылки задал inline-block, в ie7 - inline, zoom:1. И вот что получается в ie7: как видно нет нижнего подчеркивания у нижней строчки, и буква обрезана. Что это за ерунда такая?

    Asked by bob_24, February 9, 2012

    0 votes
    1 answer
21. Проблема с версткой

    Помогите пожалуйста.. Дизайн коласит.. Сижу уже 2 часа над этой проблемой не пойму в чем дело.. Итак. Моя ссылка пытаюсь вставить форму в див в футере.. форма постоянно вылезает за рамки.. код хтмл <div id="footer"> <div id="grayline_footer"> </div> <div id="pusto_f"> </div> <div id="footer_subscribe"> <div id='f_pustishka'></div> <div id='f_subscribe_zagolovok'> <span class='zagolovok'>ЗАРЕГИСТРИРУЙТЕСЬ и будьте в курсе!</span> </div> <form name="subscribeform" action="/contacts/budte_vkurse/index.php" method="post"> <div id='subscribe_form'> <div id='subscribe_f…

    Asked by veromi, February 8, 2012

    0 votes
    8 answers
22. помогите пожалуйста сделать футер

    Здравствуйте. Я с CSS только знакомлюсь. У меня 2 вопроса. 1) делаю сайт, состоящий, из двух колонок (лево\право) и центральной части. Правый бокс заверстался без особых проблем. Каждый контейнер располагался непосредственно друг за другом. С левым боксом почему-то так не получается. Хоть вроде бы всё делаю тоже самое. Все боксы размещаются друг на друге сразу под первым боксом. проблема решалась только путём "margin-top" но как это будет отображаться на мониторах с другими размерами неизвестно... 2) не получается разместить внизу страницы футер. Мне не важно, будет он привязан к низу окна, или нет, но он точно должен быть, я перепробывал множества способов, которые на…

    Asked by Neptun, February 8, 2012

    0 votes
    2 answers
23. Нужна помощь!)

    Добрый день! Пишу к вам с просьбой о помощи! Начал изучать HTML и CSS, есть какие то начальные достижения, но некому показать, посоветоваться что не то или не так... Да и вообще, что за чем лучше изучать... Догадываюсь, что таких тут бывает много, но все же надеюсь на ваше понимание и сочуствие!

    Asked by b0d, January 29, 2012

    0 votes
    15 answers
24. Список выходит за пределы слоя

    Есть ненумерованный список, каждый пункт списка помечен картинкой. Этот список вылез за пределы слоя куда-то в межзвездное пространство на краю страницы по горизонтали, хотя по вертикали стоит как надо. Как я уже не пытался это исправить, или хотя бы понять в чем проблема-не получается. При overflow:hidden - список исчезает. Увеличивал размер слоя - не помогло. Помогите пожалуйста, буду очень благодарен. Код: <div id="bottom"> <div id="col4"> <h4>About Us</h4> <p class="three">Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore …

    Asked by skygazer, January 31, 2012

    0 votes
    4 answers
25. Максимальная высота у div

    Есть код: *{ margin:0px; padding:0px; } html,body{ height:100%; } #body{ position:relative; margin:0px auto; width:1000px; min-height:100%; overflow:hidden; } #content{ margin:0px 0px 0px 310px; min-height:100%; background:#ddd; height: 100%; } #left{ position:relative; float:left; padding-bottom:30px; width:300px; background:#999;} #footer{ position:absolute; left:0px; right:0px; bottom:0px; height:30px; background:#bbb;} Есть структура: <div id="body"> <div id="left"> left </div> <div id="content"> …

    Asked by prowoke, February 7, 2012

    0 votes
    7 answers