HTML Coding
Subforums
-
- 30.1k
- posts
-
- 1k
- posts
-
- Про макеты
- By klierik,
Explore Questions
There are no popular questions to show right now
-
0 votes0 answers
-
0 votes0 answers
-
0 votes0 answers
-
0 votes1 answer
-
0 votes3 answers
29542 questions in this forum
-
Выпадающий список сдвигает нижние элементы
C днем Святого Валентина всех! Сделала select с помощью скрипта, который преобразует в div и ul. Все хорошо, только выпадающий список сдвигает нижние элементы при выпадении Можно это как-то CSS вылечить?
0 votes3 answers -
Div блок и прокрутка
Есть всплывающий div блок, в который загружается текст для редактирования. Контейнер выставлен по центру left:50%; top:50%; Проблема: когда разрешение небольшое, контейнер вылезает за границы экрана, прокрутка появляется, но сам блок остается отцентрованным и прокрутка на него не действует. Как с таким бороться? Параметры контейнера: #popup { background-color: #FFFFFF; position: fixed; height:600px; left:50%; top:50%; min-width: 300px; z-index: 41; }
0 votes10 answers -
Кроссбраузерный select
Здравствуйте, подскажите, есть ли решение для IE8-9, Opera как убрать стрелки в select?
0 votes4 answers -
Динамический сайт
Уважаемые профессионалы. Я делаю сайты с html-страницами, постиг основы PHP, но есть необходимость создать сайт с динамическими страницами. конкретной литературы типа самоучителя не нашел, те познания, которые выловил в интернете- не дают целостной картины. Помогите советом- есть ли источник, в котором по полочкам расписано что делать, создавая сайт с динамическими страницами или подскажите что найдете нужным- я очень постараюсь понять. Спасибо всем!
0 votes5 answers -
Подскажите по расположению div'ов в строку
Вот код: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title> </title> <style type="text/css"> html,body { padding:0; margin:0; height:100%; width:100%; } body { font: 14px "Arial"; } p { padding: 0; margin: 0 0 7px 0; } img { border:none; } .blockleft { text-align: left; clear: both; margin: 0 0 20px 10px; } .innerblock { float: left; border: black 1px dotted; position: relative; white-space: nowrap; text-align: center; margin: 5px 10px 5px 0; padding: 5px; } .innerblock * { position: relative; margin: 0 auto; } </style>…
0 votes5 answers -
Шапка Div'ами
Помогите сверстать шапку сайта с помощью div'ов. По центру должен располагаться Div шириной 990px, а по краям 2 резиновых, которые будут тянуться в зависимости от разрешения экрана. На форуме нашел решение данной проблемы, но с табличной версткой. Хотелось бы понять как это сделать при помощи div'ов. Заранее спасибо.
0 votes9 answers -
Не работает height:100% у таблицы
Итак <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> На сайте есть таблица, в таблице ячейка, стили: vertical-align: top; padding-left:5px; padding-right:8px; padding-bottom:20px; В эту ячейку вставляется еще таблица, со свойством height:100% - но таблица не растягивается по высоте. В чем могут быть причины?
0 votes5 answers -
Не работает min-height для table
http://rubbish.staff-base.com/table-trouble.html height для table - работает min-height для p или div - тоже работает min-height для table - не работает Это что? Стандарт или мировая ошибка?
0 votes4 answers -
ширина блока при увеличении масштаба
Вечер добрый При вёрстке возник такой вопрос - есть footer прилепленный к низу, и вот этот футер, при изменении масштаба в большую сторону, в тот момент, когда появляется горизонтальная полоса прокрутки - обрезается видимой областью монитора. то есть, он как-бы всегда занимает 100% ширины, но когда появляется прокрутка - то справа обрезается кусок фона футера. контент на том месте есть, а вот фон- обрезается шириной экрана. кусок из css footer,.push {height: 100px;} footer {background:#7e7e7e; width:100%; color:#dbdbdb; font-family:'Tahoma', sans-serif; font-size:9pt;}собсн сама страница: https://googledrive.com/host/0B4fl96t3IgZddU55QWtjYl9QNUE/homepage.html ест…
0 votes3 answers -
Заголовок h2 выходит за рамки блока
Здравствуйте! Есть блок с предпросмотром товара. В зависимости от разрешения блок меняет свою ширину. После этого заголовок выходит за рамки блока. Вот пример: http://jsfiddle.net/cp1eLaru/1/ Помогите, пожалуйста, решить следующее: 1. При изменении ширины заголовок h2 не должен выходить за рамки блока. 2. При наведении курсора на весь блок, заголовок h2 должен изменять цвет. Заранее благодарю за помощь!
0 votes9 answers -
Значения классов
Народ все с новым годом! Подскажите пожалуйста по следующей проблеме. Что означают множественные значения классов? Например: <div class="flipster flipster-active flipster-carousel" или <section class="mbr-section mbr-section-hero и так далее.
0 votes11 answers -
Как сделать так, чтобы при нажатии на кнопку - не перекидывало на другую ссылку?
Сделал валидацию для кнопки через jquery-vaildate. По макету - нужно сделать так, чтобы после нажатии на кнопку, которая отправляет эту форму - закрывался этот popup и открывался следующий с уведомлением о том, что форма отправлена. Подскажите, как это сделать? Все скрины прикрепил ниже. HTML формы: ``` <div id="modal__wrapper"> <div class="modal__overlay" id="modal__overlay"></div> <div class="modal__window"> <a href="#" class="modal__close" id="modal__close"></a> <div class="mo…
0 votes1 answer -
CSS хаки для Opera
Есть ли CSS хаки только для версий Opera 7-ой и 8-ой?
0 votes6 answers -
Мнение о сайте.
Здравствуйте. Сделал свой первый сайт. В основном старался все изучать и делать самостоятельно и наверняка сделал что то не так (оформление, расположение и т.д.) Вот хотелось бы, если можно, узнать Ваши критические замечания по сайту. http://myvinegret.ru/ Спасибо.
0 votes15 answers -
Не показываются свои маркеры
Ссылка 1. В менюшке, у элементов списка не показываются маркеры, почему? Пропали когда прописал display: inline для элементов списка. li.icon_1, li.icon_2, li.icon_3, li.icon_4 { display: inline; padding-left: 32px; } 2. Опять проблема с пониманием того, как работает margin img.logo { margin-left: 20px; float: left; } .logo_text { font: 20px Tahoma; color: #3c3c3e; margin-left: 5px; float: left; } После того, как добавил float: left; для img.logo (листочек) пришлось прописать для .logo_text (corporate energy) margin-left: 5px; а до этого было 55px, то есть margin начинает браться от листочка, потому что идет обтекание, верно? А да это получается брался от края тела?
0 votes7 answers -
Автоматический перенос части текста с одного сайта на другой
Всем привет.У меня наверное не стандартный вопрос, так как ответа я не нашел. Заключается он в следующем. У меня есть несколько сайтов и на них нужно постоянно редактировать одну и туже информацию. Есть ли такое решение на HTML или JAVA, что бы редактируя на одном сайте информацию, она обновлялась на других? Информация числовая. Сайт на Ucoz. Подскажите кто чем может и возможно ли вообще это.
0 votes4 answers -
абсолютный блок и адаптивная вёрстка
Возникла такая проблема. Есть основная шапка сайта, которая должна находиться в блоке с контентом. display absolute; Всё отлично, хеадер сидит на блоке с контентом. Прописал верхний padding для блока с контентом(чтобы текст не залезал под хеадер). Но, при уменьшении ширины окна, высота хеадера становится больше, и контент всё таки оказывается под шапкой. Вот пример: http://jsfiddle.net/LOL1/dyxvm4jc/6/ (уменьшайте ширину экрана и увидите) Как этого избежать? Как вариант можно засунуть header прямо в section, но ведь смысл от этого поменяется? Получается что хеадер будет относиться не ко всему сайту, а только к разделу и это критично. Ещё пара мелких вопросов: 1…
0 votes4 answers -
Как заставить выводится картинку строго в своем блоке?
В css я новичек, и сейчас читаю доки, но пока не могу найти чего-то явно по моей задаче: Как видите, картинка наезжает на все прочие слои. Можно конечно вставить ее в ячейку таблицы, но самое ли это прямое решение? Как-то можно заставить картинку оставаться строго в своем блоке с помощью css? Если возможно, то что бы это не зависело от размера вставляемой картинки.
0 votes7 answers -
float и display-block совсем беда
Всем привет! Подскажите, пожалуйста, почему может не работать float или display:inline-block? Т.е. они как бы работают. Верхние и нижние границы между элементами схлопываются, но по горизонтали не выстраиваются.
0 votes4 answers -
Как доработать всплывающую форму?
Здравствуйте. На странице, если нажать кнопку "Заказ в 1 клик", то можно увидеть всплывающую форму. Пробую ей пользоваться на своем мобильнике, и когда дохожу до её низа: и кликаю на поле Комментарий, то на телефоне получается такая неприятная картина: то есть выдвигающаяся клавиатура скрывает поле, в котором ты набираешь текст. Как можно исправить эту "слепоту"?
0 votes13 answers -
Из input в массив
Есть поле для ввода чисел input. Нужно добавить значение, введенное в поле в массив, для дальнейшей работы с числами уже из массива. Помогите пожалуйста ^^ <input type = 'number' min = '0' max = '50' size = '50' >
0 votes1 answer -
Стиль для всех таблиц на сайте.
Сама таблица выводится при помощи php, так же задаются некоторые параметры. Но во всех таблицах очень много общего. Хочу все это объеденить в css. Как это нарисовать для всех таблиц сразу? Только через класс?
0 votes14 answers -
IE обрабатывает не все стили
В моей практике несколько раз сталкивался с тем, что IE7-8 иногда обрабатывает не весь css, при первой загрузке этого файла. Обычно выражается это в том, что он игнорирует margin:0 auto; После рефреша -- всё хорошо. Сейчас встала задача исправить этот косяк. Вычленить проблему не смог, появляется баг из неоткуда. Есть мысли как поправить?
0 votes17 answers -
text-indent и тег <p>
Здравствуйте гуры вёрстки Я давно верстаю сайты и у меня всегда есть проблема с отступами параграфов. Хочу использовать тег<p>, пишу: <p class="italic" style="text-indent:30px;"> В этом случае появляются отступы сверху и снизу. display:inline убирает все отступы, в том числе и те, что появляются от text-indent Как же быть? Использовать тег <div>?
0 votes5 answers -
colgroup
<table> <colgroup span="1" style="text-align: right; color: green; background: gray;"> <colgroup span="2"> <tr class="lvl1"> <td>Параметр</td> <td>Значение</td> <td></td> </tr> <tr> <td>1</td> <td>2</td> <td>3</td> </tr> </table> в пустой странице, других стилей и т.п. нет. Кто-нибудь может объяснить, почему цвет к фону применяется, а вот позиционирование текста и цвет текста - не работает ?
0 votes5 answers