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
-
Блочная верстка: div в div'е и бэкграунд
Добрый день! Прошу помощи! Блочная версткаю Есть основной div и в нем, традиционно, еще 2 - сайдбар и зона контента. Не пойму, как сделать фон основного дива, что бы он был фоном и для вложенных в него??? <div id="content_wrapper"> <div id="sidebar"></div> <div id="main"></div> </div> Задаю фон для #content_wrapper. Хочу, что бы он был фоном и уже сверху него выводилось содержимое #sidebar и #main. Но не получается.... #content_wrapper {width:1000px; min-width:1000px;height: 100%; min-height: 100%;margin:0 auto; background: #fff;} #sidebar {width: 20%; float: left;} #main {width: 80%; float: right;} Как это сделать? Зара…
0 votes3 answers -
растянуть фон блока внутри фиксированного листа
Всем привет))Можно ли задать фон блока на всю ширину экрана внутри фиксированного листа. если да то как?Вот так у меня только по ширине листа получилось. Спасибо http://codepen.io/anon/pen/obwzJM Код <div class="sheet"><section class="font"><div class="post"><div class="postcontent"><p> Текс Текст Текс Текст Текс Текст Текс Текст Текс Текст<br>Текс ТекстТекс ТекстТекс ТекстТекс ТекстТекс ТекстТекс ТекстТекс ТекстТекс Текст</p></div></div></section> CSS .sheet { margin: 0 auto; position: relative; cursor: auto; width: 80%; min-width: 320px; max-width: 1536px; z-index: auto !important;}.section { width: 1…
0 votes2 answers -
Интерпретация изображений различными браузерами
http://www.cbskiev.ru/gallerypersona.php - в Mozila отображается, а в explorer ни как, подскажите, если кто знает, в чём проблема и какой есть выход Или может знаете как это решается в macromedia dreamweaver 8?
0 votes3 answers -
Можно ли создать всплывающую подсказку не к рисунку а к элементу?
Хочу к элементу приставить всплывающую подсказку при наведении на элемент чтобы появлялась.Но хочу без альта.Чтобы сразу в css файле написать....Если что у меня к элементу применен hover.может к нему добавить что нить?
0 votes3 answers -
разбиение фона
разбирал одну страницу и появился вопрос. зачем фон(небо, трава) составлен из 4 картинок, а не из 2? наверняка здесь какая то мысль, но моего опыта не хватает чтобы понять
0 votes6 answers -
Опера не понимает кодировки
Зайдите на страничку http://сзош8.in.ua/qwerty.html через оперу и увидете только квадратики в остальные браузеры понимают все норм как это устранить? —————-- и кстати на всех остальных браузерах тоже самое
0 votes3 answers -
вопрос из HTML5
Только знакомлюсь с ним. В книжке, которую читаю, написано, что элементы header, nav, footer, article в CSS по умолчанию считаются display:inline, поэтому надо сперва сделать: header,nav,footer,article{ display:block;} Потом они продолжают писать стили для элементов: header, nav, footer, article{display:block;} nav {float:left; width:20%;} article{float:right; width:79%;} footer{clear:both;} Но float, ведь уже делает элемент блочным, стоит ли тогда писать display:block для элементов к которым он применен? Или у них это просто подстраховка?
0 votes2 answers -
Верстка вертикального меню
Всем привет. Столкнулся с проблемой верстки вертикального меню. Сейчас выполнено в таком духе <td class="cat_box"> <ul> <li><a href="/catalog/furniture/office/">Офисная мебель</a></li> <li><a href="/catalog/furniture/textile/">Текстиль</a> <ul> <li><a href="/catalog/furniture/bath/">Для ванной</a></li> <li><a href="/catalog/furniture/bedroom_txt/">Для спальни</a></li> <li><a href="/catalog/furniture/co_/">Ковры</a></li> </ul> </li> </ul> …
0 votes0 answers -
Пропали части сайта
Сайт Не понимаю в чем дело.. кто сталкивался подскажите пожалуйста Прогонял его через валидатор, исправлял ошибки, подумал удалил что то не то. Вернул все на место, не помогло.
0 votes1 answer -
Не работает кнопка в Firefox&Chrome
Здравствуйте. Есть форма поиска: <form class="searchform"> <input class="searchfield" type="text" value="Искать..." onfocus="if (this.value == 'Искать...') {this.value = '';}" onblur="if (this.value == '') {this.value = 'Искать...';}" /> <input class="searchbutton" type="button" value="Go" /> </form> Кнопка почему-то не хочет нажиматься в Firifox и Chrome в Опере всё нажимается нормально...
0 votes2 answers -
Не видны другие background-ы
Короче при локале всё было хорошо вот в стиле записывалось вот так: Но при global-е нечево не видно помогите пожалуйста в чём проблема! Заранее спасибо
0 votes3 answers -
Абсолютное позиционирование и горизонтальная прокрутка
<p style="position: absolute; right: -80%;">bla-bla-blah</p> -появляется горизонтальная полоса прокрутки, можно прокрутить и увидеть. <p style="position: absolute; left: -80%;">bla-bla-blah</p> -прокрутка не появляется. Почему так? Это стандарт или фича браузеров?
0 votes1 answer -
Разные отступы в браузерах
Проблему решил сам. Всем спасибо.
0 votes0 answers -
Помогите с второстепенными страничками.
Моя вторая тема с просьбой разобраться) Есть код: main.tpl <!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" xml:lang="ru" lang="ru"> <head> {headers} <link rel="shortcut icon" href="{THEME}/images/favicon.ico" /> <link media="screen" href="{THEME}/style/styles.css" type="text/css" rel="stylesheet" /> <link media="screen" href="{THEME}/style/engine.css" type="text/css" rel="stylesheet" /> </head> <body> {AJAX} <div class="wrapper"> <div class="lineinfo"> </div> <div class="heder"> …
0 votes2 answers -
Непослушные блоки. =)
Здравствуйте! Уже довольно много сижу на данном ресурсе, здесь все есть, но сейчас что-то туплю уже несколько часов. Подскажите пож-та, как можно сделать так, чтобы блоки "Окно" всегда находились посередине, при растяжении или сужении окна браузера. Я никак не могу допереть. http://cssdeck.com/labs/yeukebdc
0 votes4 answers -
Отступы у текста
Подскажите, а почему у текста отступы? http://jsfiddle.net/oleg126/4b6Up/ http://savepic.net/5800248.htm
0 votes4 answers -
Срочно! Помогите разобраться с блоком. Как сверстать?
Друзья, есть блок http://hostingkartinok.com/show-image.php?id=cd6db192a2c4b92f0cec7e18510a91ae у меня с ним проблемка небольшая, думаю ошибка дизайнера. давайте разбираться. как я вижу блок фиксированной высоты, кнопка на полную ность абсолютно позиционируется относительно блока родителя, так как независимо от текста находится в одном и том же месте. но посмотрите на блок где цифра 1 рядом от заголовка до описания одно расстояние а если посмотреть на блок где рядом цифра 2 то расстояние от заголовка до описания другое. я могу для кадого блока класс назначить с сделать как в макете, но так правильно будет? не ошибка ли дизайнерская? ведь блоки могут поменяться, удалиться …
0 votes2 answers -
Вставка видео/аудио на сайт
Требуется сделать подгрузку видео и аудио роликов на сайт. Не с youtube. Какой на сегодняшний день оптимальный вариант сделать это? Чтобы работало в том числе и на iOS. HTML5 насколько я понимаю требует подгрузки нескольких форматов, что не очень желательно.
0 votes1 answer -
Поиск по календарю на сайте
Подскажите, пожалуйста, как организовать поиск по дате. Примерно, как здесь http://meloman.ru/?id=9&search[d0]=26&search[m0]=02&search[Y0]=2011&search[d]=26&search[m]=02&search[Y]=2011&PAGE=1 Видимо, каждому мероприятию добавляется якорь одинаковый для всех, что относятся к одной и той же дате. При щелчке по этой дате в календаре, все мероприятия, назначенные на эту дату, выводятся на одной страничке. Спасибо.
0 votes4 answers -
Проблема с вертикальным выпадающим меню.
Суть проблемы: Действие :hover отменяется при наведении на доп.меню, хотя нужно что бы этот эффект сохранялся, и изначально этот эффект был. Это произошло после того как я в CSS сделал какие-то (не масштабные ) изменения. Факт в том, что я не могу понять, какие именно изменения стали причиной проблемы. Курсор над пунктом главного меню. Курсор над пунктом дополнительного меню. Не знаю поможет ли мой код... body { margin:0; padding:0; background-color:#020202; } #header { width:100%; height:720px; background-image:url('background images/bg_header - 1152.jpg'); } #adverts { background-image:url('background images/bg_adverts_1152.png')…
0 votes2 answers -
Как кнопку вставить или двигать в угол сайта
Код я использую в CSS .hrss { float: left; margin-top: 8px; padding-top: 32px; width: 31px; background: url("http://codmws.ucoz.ru/rsshead.png") no-repeat;} .hrss:hover {background: url("http://codmws.game-pack.net/vksar2.png") no-repeat;} А это куда я хочу <a class="thide hrss" href="http://vkontakte.ru/codmws" target="_blank" title="Наша группа в контакте">Наша группа в контакте</a>
0 votes2 answers -
float:right и float:left в соседних элементах
Допустим, есть: <img src="logocss.gif" width="95" height="84" style="float:right"/> <p style="float:left; width:100%;"> This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. </p> Хочется, чтобы p выбрал ширину такую, что б его не сносило вниз, а обтекало. Так случилось, что параметр float:left ему при этом нужен..
0 votes2 answers -
Изображение рамки с двух сторон
Здравствуйте, я бы хотел узнать как мне поставить изображение для рамки и сделать её с двух сторон (слева и справа) при этом не создавая других блоков
0 votes3 answers -
Ссылки перестали быть активными!
Вот кусок страницы: Трабл с меню Проблема вот с этим блоком class="menu_bg" – это тень для блока с меню и титулом. Он дублирует контейнер с меню (class="menu"), и как только я его позиционирую четко под ним, совмещая с боковушками, ссылки становятся некликабельны! Пробовал с z-index шаманить, но ни какого эффекта это не дало. Хелп, не знаю, что еще попробовать.
0 votes2 answers -
Вопрос по Джумла
Здравствуйте, подскажите какие модули подойдут на Джумла 2.5 для вывода блока "Лидеры продаж". Что-то типо как на следующем сайте: http://www.pnevmomash.ru/ И в самом низу есть "У нас Вы можете посмотреть и заказать:" тоже такой же вопрос.
0 votes4 answers