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
-
Почему не центрируется блок?
Вот есть каталог электропечек для бани, со следующими стилями: .elpechi - стиль тела этой страницы, чтобы не применялось к другим аналогичным .marg - блок с каталогом печей .cat_row - блок с рядами (компонент разбивает товары по рядам) .floatleft - блок карточки товара со своими стилями. задача - отцентрировать. поидее это делается так, но не работает: .elpechi .marg .cat_row {margin:0 auto;}пробовал так: .elpechi .marg {margin:0 auto;}тоже не центрирует. текущие стили: .cat_row { float: left;}.elpechi .marg .cat_row .floatleft { background: #fff none repeat scroll 0 0; border: 1px solid #ddd; border-radius: 5px; box-shadow: 0 0 5px #c2c0c0; …
0 votes2 answers -
Шапка поверх на меню возможно?
Как добиться такого эффекта, чтобы шапка(беграунд) налезала на меню, а не наоборот как сейчас? https://jsfiddle.net/5dbkc64w/
0 votes6 answers -
Внешний вид полос прокрутки
Хотелось бы изменить внешний вид полос прокрутки. Как это сделать для IE - уже нашел. А для Mozilla что нужно прописать в коде? И можно ли в один css впихнуть и для IE и для Mozilla?
0 votes3 answers -
Rак сделать загрузку картинки
Подскажите пожалуйста как сделать загрузку картинки чтобы она загрузилась сразу вся в плахом качестве а потом начила подгружаться по качеству?
0 votes4 answers -
Как "округлить" картинку?
Здравствуйте! Мне на веб-страницу необходимо поместить портрет. Но портрет я имею квадратный, а нужен овальный. Могу я из квадратного сделать овальный?
0 votes3 answers -
растягивание div'а по высоте
Здравствуйте всем, на страничке нужно сделать "модальное" окно. Для перекрытия всего контента использую div с абсолютным позиционированием и прозрачным фоновым рисунком. Проблема в том, что если контент по высоте превышает высоту браузера, то перекрывающий слой располагается только по высоте браузера. В IE проблему решил через expression, а вот в опере проблему решить никак не удалось. Как можно разрулить эту ситуацию? P.S. краткий код CSS html, body { width:100%;height:100%; } #disabler { position:absolute; z-index:200; top:0; left:0; width:100%; height:100%; ... }
0 votes4 answers -
IE Нецентрует дизайн !
Проблемка ! Есть диз все браузера показывает его как нада , но как всегда в IE всё портит ! Вот кодик HTMl <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <meta name="generator" content="PSPad editor, www.pspad.com"> <link rel="stylesheet" href="css.css" type="text/css" media="screen" /> <title></title> </head> <body> <!-- wrapper --> <div class="wrapper"> <!-- <header> --> <div id="header"> <!-- header_logo --> <div id="header_logo"> <a id="logo" href="*">AllAbo…
0 votes2 answers -
Вертикальная резина
Сайт резиновый по ширине - понятно, много раз видел. Но что значит сайт вертикально резиновый?? Как выглядит вертикально резиновый сайт?? Можно примеры с отличиями от вертикально нерезиновых?? Заранее Спасибо!!
0 votes7 answers -
footer внизу, проблема с Mozilla
Добрый день. Ситуация такая: нужно сделать, чтобы футер был всегда внизу страницы. При этом фон контента всегда должен заполнять всю область страницы до футера. Может, не совсем понятно объяснил, мозги уже не работают. Вот работающий пример, который мне удалось сделать. Все работает нормально в браузерах IE6+, Opera и Google Chrome. Не работает в Мозилле - фон контента, если его мало, не заполняет всю область страницы до футера. Уже не знаю, что делать. Подскажите, в чем может быть проблема? Заранее спасибо за любую помощь. Исходный код: (основной блок main, в нем лежат блоки контент и футер. В блоке контент добавляется пустой блок empty, равный высоте футера, чтобы содер…
0 votes6 answers -
Как сверстать заголовок?
Вот что надо получить: лого и название компании есть единая ссылка, причем название отцентрировано относительно лого. Этот блок + телефон с адресом отцентрированы по вертикали в отдельном контейнере А вот попытки: <div id ="preheader"> <a href="/" alt="ООО Агроминералпро">ООО "Агроминералпро"</a> <div id="contact"> <span> <p>(8793)38-35-87</p> <p>г. Пятигорск, ул. Ермолова, д.12А</p> </span> </div> </div> CSS: #preheader{ margin: 5px auto; width: 1000px; height: 70px; border:1px solid black; vertical-align:middle; display:table-cell; position:rela…
0 votes6 answers -
Как реализовать рваный край с градиентным фоном
Вот как реализовать это? И чтобы на всю ширину страницы....С двух сторон елочки градиенты....
0 votes6 answers -
Список li и noindex
Уважаемые коллеги! Раньше никогда не парился над этим вопросом. Но сейчас хочется, чтоб всё было почистяку) Возник такой вопрос, как правильно оформить спискок li в тег noindex? То есть, чтобы весь этот список не индексировался. У меня пока такие варианты: Вариант 1<!--noindex--><ul><li><a href="http://site.ru/">анкор</a></li><li><a href="http://site.ru/">анкор</a></li><li><a href="http://site.ru/">анкор</a></li></ul><!--/noindex-->Вариант 2<ul><!--noindex--><li><a href="http://site.ru/">анкор</a></li><li><a href="http://site.ru/">…
0 votes3 answers -
Как правильно верстать горизонтальное меню?
Меню сверстано с использованием float: left; Ширина меню 980пикселей. На скрине видно, что при 100% все хорошо, а вот при зуме в 75% последний элемент переносится на следующую строку. Каждый пункт меню, он же li имеет отступы padding: 18px 13px 18px 13px; но не имеет заданной ширины. Почему то при масштабе эти отступы то увеличиваются, то уменьшаются, а следовательно пункт меню то влазит то нет. Как мне сделать меню одной строкой, фиксированной ширины 980пикс., чтобы пункты никуда не переносились? Нашел только 1 решение - прописать ширину всех li, но так не получится, не все влезет. Может быть указать отступы в pt или em? Пробую но не получается. Сейчас заметил что пр…
0 votes4 answers -
Помогите решении проблемы начинающему.
Есть 2 слоля: 1 - 40% в ширину, но не менее 200пикселей, 100% в высоту, залика фона черным, fixed. в этом сое меню. 2 - 60% в ширину, не статичный. всем все остальное. Собственно в впринципе как их расположить рядом - не проблема.. это все сделано, прочитано, реализовано и понято, НО! Когда сжимаешь экран - левое поле доходит до 200 пикселей и останавливается. Правое же поле все-равно сжимается и текст заходит за левое поле. Как сделать так, чтобы правое поле не заходило за левое?? Пример кода: <body> <div class="fon"></div> <div class="content">111111</div> </div></body> CSS:.fon {width:40%; min-width:200px;position:fix…
0 votes7 answers -
Вертикальное меню CSS
Привет всем, у меня возник вопрос не могу найти ответа в гугле.. В общем такая проблема и вопрос. Есть вертикальное меню с подменю нужно сделать так что бы оно было фиксированным, это я знаю как сделать position: fixed; но тут возникает проблема что когда открываешь подменю и в нем больше пунктов чем может вместится на экране их просто не видно за пределами... Вот и возникает вопрос как сделать так что бы оно было фиксированным и в тоже время подменю скользили вместе с экраном при прокрутке (извините за тавтологию) не знаю как это еще объяснить)
0 votes5 answers -
Почему IE 6+ не показывают маркеры нумерованного списка
Перед постом как мог облазил все здешние форумы. Если пропустил похожую тему - не взыщите. Суть: для всего сайта сделан reset маркеров нумерованного списка, но в одном из списков маркеры понадобились. С их ввожу - list-style: inherit . Все браузеры начинают их показывать кроме IE. Рисет убирать - НЕЛЬЗЯ (это не обсуждается). Нельзя также изменять DOCTYPE и кодировку. Прошу помочь. <!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-Type" content="text/html; charset=windows-1251" /> <title>Маркеры…
0 votes2 answers -
Как создать сагрузку
Как создать типа окна загрузки до полной загрузки страницы! Типа как на http://www.trywarcraft.com/index_ru.html Но можно и проще то есть просто по центру
0 votes3 answers -
Что-то непонятное с line-height
Имеется такой пример: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" > <title>Пример</title> <style> DIV { width:100px; height:300px; background-color:#CCC; line-height:12px; } SPAN { color:#F00; background-color:#CC0; font:12px/12px "Lucida Console"; margin:0px; } </style> </head> <body> <div> <span>слова слова слова слова слова слова слова слова слова</span> </div> </body> </html> В мозиле, опере и хроме непонятные промежутки в …
0 votes8 answers -
Как выбрать только используемые стили
Добрый день Есть страница, которая использует стили из нескольких css файлов. В этих файлах есть также много стилей, которые используются на других страницах сайта, но не используются на данной. Если ли какой-то CSS редактор, который бы автоматически выбрал только используемые стили и соединил их все в один файл?
0 votes3 answers -
Как изменить анкор ссылок через CSS ?
Как изменить анкор ссылок через CSS ? То есть в блоке у меня есть набор ссылок с разными анкорами, как заменить их все на другой ? Ссылки все время меняются, поэтому один раз прописать в коде не пройдет.
0 votes3 answers -
Можно ли сделать ссылку на Facebook для тех кто там не зарегестрирован.
Клиент просит ссылку на свою страницу в Facebook. Все прекрасно если вы уже туда залогинились. А если нет? А если вообще вас там нет? Тогда открывается страничка, которая прости вас зарегистрироваться. Можно ли это дело миновать и сделать прямую сылку? Спасибо!
0 votes5 answers -
Как убрать лишний отступ
Есть 3 блока по 50 пх и отступом между ними 10 пх. Как их засунуть в другой блок размером 50+50+50+10+10 = 170 пх Главная проблема в том, что все внутренние блоки одинаковые - никак нельзя их различить по классу или id. Вот пример, http://jsfiddle.net/EDAT8/ тут блок 180 пх - на 10 пх больше, так как мешает лишний отступ.
0 votes6 answers -
Подскажите лучший вариант верстки такого
Необходимо сверстать ряд блоков друг под другом. Все как у самых простых div'ов, но только занимать они должны по горизонтали не 100% места, а определенное минимальное значение и потом расширяться по мере необходимости. Вот ищу самый "красивый", с точки зрения кода, метод.
0 votes9 answers -
Как выравнить картинку в DIVe по низу
Помогите выравнить картинку по низу без backgrounda.... может есть способы.... Пробовал vertical-align: bottom; - не выравнивается.... Вот ссылка: http://one-gi.ru.terra.mtw.ru/test/vertical.html Вот код: <!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=utf-8"> <title>Untitled Document</title> <style type="text/css"> <!-- --> </style></head> <body> <div style="height:300px; width:500px;vertical-align: bottom; text-align:center; border:#00FFFF 5px solid;"> <img src="/test/…
0 votes1 answer -
colgroup align работает в IE, но не в FF
<colgroup span="4" align="center" valign="middle"> <col width="150"> <col width="*"> <col> <col> </colgroup> почему-то IE выравнивает текст внутри ячеек как надо, а FF всё делает по левому краю (отказывается понимать). как исправить?
0 votes3 answers