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
-
Подскажите, что за шрифт (см. картинку)
Ребят, скажите, если знаете, как называется шрифт на картинке или подскажите похожий, чтобы работало с кириллицей.
0 votes3 answers -
border-bottom
Как сделать border-bottom на всю ширину div блока ?
0 votes7 answers -
Содержимое head лезет в body
Добрый день. Уже очень долго пытаюсь побороть проблему. Согласно средствам разработчиков (Opera Dragonfly, Firefox Firebug, Chrome), у меня содержимое head полезло в body + добавился один пробел, который мне сгенерировал пустую строку перед контентом. Пациент Скрин
0 votes15 answers -
background-size
Добрый день! Вот что выдает валидатор http://validator.w3.org/ 21 .shapka Свойство -webkit-background-size не существует : 100% 22 .shapka Свойство -o-background-size не существует : 100% 23 .shapka Свойство -moz-background-size не существует : content-box 77 .spisok Свойство background-size не существует в CSS2.1, но существует в [css3] : 100% 100% 103 .razdel Свойство background-size не существует в CSS2.1, но существует в [css3] : 100% 100% Как быть? Может где то у меня нужно указать что это css3 или как то по другому написать сам css. Вот мой кусок css .shapka { position: absolute; height: 13%; width: 88%; left: 0%; top: 0%; right: 0%; bottom: aut…
0 votes5 answers -
Как раскидать картинки по тексту?
У меня есть страница с текстом и картинками. Но при довольно широком разрешении экарана они ведут себя невполне удачно, а при узком всё нормально. Нельзя ли реализовать, не нарушая резиновость, такое выравнивание, чтобы в случае нехватки текста между картинками изображения поджимались друг к другу но не отлеплялись от стенок слоя?
0 votes8 answers -
вертикальное выравнивание и float
Здравствуйте. Столкнулся с проблемой вертикального выравнивания внутри таблицы. Задача: в одну ячейку поместить картинку и обтекающий ее текст, причем текст должен выравниваться посередине ячейки. но при добавлении картинке float: left происходит следующее: картинка выравнивается посередине, а текст - по верхней границы картинки. есть ли возможность реализовать нужное выравнивание без добавления дополнительных блоков или ячеек? td {vertical-align: middle;border: solid 1px black;} img {float: left;} <table> <tr> <td> <img src="http://soft.mydiv.net/images/win/icons/TNT-Clip-Art-Library.gif">sometext</td> </tr> </tab…
0 votes25 answers -
div IE 6
Вопрос: В ie 6 div'ы переносяться хотя прописано в стили display:inline т.е идут 111 222 333 а нада 111 222 333
0 votes1 answer -
Блок под блоком
уже часов 6 сижу и немогу допреть как сделать так чтобы блок под логотипом выводился не под ним, а справа от него.. подскажите пожалуйста.. пробовал float:left для обоих блоков... вроде начал выводить но только текст второго блока смещался всеравно под логотип. main.tpl - <a class="webmacter" href="/index.php" title="*********.ru"><img src="{THEME}/images/webmacter.png" alt="********.ru" /></a> <!--ТАБЫ--> <div class="tabsContent"> <!–- tabs -–> <ul class="tabNavigation"> <li><a href="#zero">Приветствие</a></li> <li><a href="#first">Погода</a></li> <li&g…
0 votes11 answers -
Проблема с background
Здравствуйте! Есть бэкграунд: сайт в 1000px, нужно что бы сайт располагался между этими картинками по центру... у меня получается вот так: есть небольшой отступ справа... а должно быь так: html,body{background:#edeeed url(../images/bg.png) repeat-x; color:#313f4a; font-weight:normal; word-wrap: break-word; font: 11px Arial, Helvetica, sans-serif;}
0 votes3 answers -
мозила не выравнивает по центру
Добрый вечер! Столкнулся недавно с одной очень странной проблемой - у заказчика сайт не отображается по центру (хотя должен бы), а выравнивается по левому краю - у меня же во всех браузерах все в порядке по центру, пробовал на разных компах - все одно по центру. Каким образом у него отображается с левого края ума не приложу. Заказчик и слушать не желает о том, что везде отображается нормально, и только у него неправильно. Проверить настройки его браузера и компа нет возможности. Во вложении скрин с его компа. Сайт: стильныеокна.рф. http://savepic.su/634242.jpg
0 votes5 answers -
3 элемента hover
имееться меню с 3 элементами(3 фонами) как сделать чтобы при на водке на любой менялися все ,на примере покажите) .g1 {background:url(../1.gif)} .g2 {background:url(../2.gif)} .g3 {background:url(../3.gif)} как чтобы при нажатии на любой стиль менялись все фоны аля .g1:hover {background:url(../1.gif)} .g2:hover {background:url(../2.gif)} .g3:hover {background:url(../3.gif)}
0 votes3 answers -
Горизонтальное меню
Всем привет, делаю горизонтальное меню с вкладками, которые немного "наезжают" на соседние. Пример как выглядит: Здесь считается активной ссылка "Контакты", а мышку навели на "О нас". (Так в FF, и ie выше 7ого) Но в ie7 справа угол не вылезает поверх активной ссылки: Не знаю, как решить проблему, может что посоветуете? <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>Test Menu</title> <style> ul{ list-style: none; } li{ width: 109px; height: 22px; …
0 votes2 answers -
кроссбраузерное меню
Добрый день! Очень очень нужна ваша помощь!!! Я уже замучилась искать варианты. Моё горизонтальное меню не отображается корректно в ИЕ 6 . может и еще где то.. Помогите исправить код , чтобы всё работало . вот сам код : css - #mbtnavbar { background : #060505; width : 930px; color : #fff; margin : 0 auto; padding : 0; border-top : 0 solid #960100; height : 35px; } #mbtnav { margin : 0; padding : 0; } #mbtnav ul { float : left; list-style : none; margin : 0; padding : 0; } #mbtnav li { list-style : none; margin : 0; padding : 0; border-left : 1px solid #333; border-right : 1px solid #333; height : 35px; } #mbtnav li a, #mbtnav li a:link, #mbtnav li a:visited { color : #f…
0 votes3 answers -
PNG-градиенты и слои
Приветствую. Подскажите, пожалуйста, в общих чертах, как реализовать следующую вещь. Есть страница, с чёрным фоном. Требуется в центре отобразить картинку, заранее неизвестно, каких размеров (предположим, PHP рандомно генерирует адрес из каких-то существующих вариантов, поэтому привязываться к размеру не хочется). Причём картинку хочется отобразить не просто так, а с дивами, использующими градиентный полупрозрачный PNG (два используют PNG с горизонтальным направлением градиента, а два других - с вертикальным. Как здесь, В общем: Пытался сделать 4 дива, каждый следующий - вложен в предыдущий, а в конце внутри - картинка. Каждый див бэкграудом имеет PNG-шки. Не получает…
0 votes7 answers -
Ширина выпадающего списка (select)
Здравствуйте. Как-то раньше не замечал это или не обращал внимание. Теперь заметил, что select по ширине меньше input`ов, хотя в стилях указана одна ширина для них. Предположим такой стиль возьмем input, select {width: 300px; padding: 3px; border: 1px solid #ccc;} Ширина input будет 300+1*2+3*2=308 пикселей. А на select это получается не распространяется? Для select нужно указать ширину 308 пикселей, чтобы он стал одной ширины с input. Почему так происходит?
0 votes10 answers -
Помощь по CSS
Я учусь CSS. Так что сильно не ругать. Указал код вверху. Вопрос следующий. На сайте будет 4 блока, которые должны находиться по середине экрана на любом браузере и в любом разширение. Собственно в чем я допустил ошибку. Мне приходиться на глаз каждый блок выравнить в центр ;( Что родителя, что детей. Вот картинка www.ven000mus.ucoz.ru/1.png
0 votes18 answers -
Проблема с вложенной таблицей, Помогите )
Как я понял, из за того что <!-- Главный фрейм --> содержит вложенную таблицу, фон вложенной таблицы срезается по краям на 1 пиксель, это хорошо видно над футером, помогите пожалуйста, убрать этот зазор) <html> <head> <meta http-equiv="content-type" content="text/html; charset=windows-1251" /> <meta name="description" content="Товары для здоровья" /> <meta name="keywords" content="Теги теги, много тегов"> <title>Товары для здоровья</title> <style type="text/css"> .osn {font-family: fantasy; text-align:justify; color: #64522A; font-size: 90%} body { background-color: #6DBA14; background-image: url…
0 votes7 answers -
Управлениие всеми ячейками таблицы через класс в table
Добрый вечер! Есть такая табличка с ценами: <table border="0" cellpadding="0" cellspacing="0" class="ceny"> <tr> <td>Описание1</td> <td>метр</td> <td>100 руб.</td> </tr> <tr> <td>Описание2</td> <td>метр</td> <td style="font-size:16px; color:green;">200 руб.</td> </tr> <tr> <td>Описание3</td> <td>метр</td> <td style="font-size:16px; color:green;">300 руб.</td> </tr> </table> В каждой третьей ячейке строки есть цена, видно из таблицы что я хочу изменять размер шрифта и цвет цены таким образом styl…
0 votes2 answers -
Ютуб перекрывает colorbox
Собственно интересно как перекрыть iframe ютуба colorбоксом а то при открытии посредством скрипта, он перекрывается видео с ютуба
0 votes2 answers -
подскажите начинающему
Господа, если не трудно, помогите разобраться border-left-style - это понятно, стиль границы слева от элемента, а вот это - border-left-style-ltr-source: physical; не могу понять заранее спасибо.
0 votes7 answers -
не работает padding auto
Почему не работает 'падинг авто' в диве, если используется 'display: table-cell;' надо в диве расположить 4 дива, один блок на всю ширину и три блока под ним в ряд, в каждом блоке изображение и ссыль/текст, изображение надо выровнять по центру блока, а ссыль по левому краю картинки, свертал http://mz.wen.su/0/0a.html но почему то в нижнем ряде блоков не работает 'падинг авто', код стр в поле ввода, что сделано не так?
0 votes6 answers -
Сетка
здравствуйте недавно столкнулся с интересной проблемой и должен сказать без понятия как решить ее, без использования абсолютно позиционированных элементов или ужасной кучи блоков... имеем подобный макет: все разноцветные блоки - фотографии (к примеру) собственно интересно есть ли какие хитрости, которые могут помочь расположить фотографии как показано в макете?
0 votes27 answers -
работа с Radio без кнопки
требуется помощь! есть вот что: <FORM ACTION='doc.php' METHOD='POST'> <INPUT TYPE='radio' NAME= 'cb_type' VALUE='0' checked >тип 0 <INPUT TYPE='radio' NAME= 'cb_type' VALUE='1'>тип 1 </FORM> как перезагрузить страницу, при изменении значения, без использования кнопки?
0 votes3 answers -
Не прижимается футер
Никак не пойму, почему футер не прижимается, вроде бы применяю относительное позиционирование и отрицательный отступ, но все равно откуда то появляется белое пространство под футером. В чем может быть дело? Вот ссылка на страницу перейти
0 votes5 answers -
отступы
не получается подогнять отступы в верху и в низу левого сайдбара чтобы был одинаковый отступ с верху и снизу вот пример http://jsfiddle.net/Actticus/Gr5TV/ есть отступ с верху но не правильный а вот отступ с низу но тогда не могу сделать с верху http://jsfiddle.net/Actticus/Fwhwa/ нужно чтобы с верху и снизу был отступ равный 4 em помогите только начал изучать верстку и сразу в бой=)
0 votes0 answers