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
-
отрицательный margin-right ie6
приветствую всех. Наткнулся на неизвестный мне ранее баг в IE6, может кто подскажет решение (или даже источник проблемы)... Суть проблемы: есть два блока: родительский (имеет фикс. ширину) и дочерний (плавающий). Не удается задать отрицательный отступ справа для дочернего блока больше, чем ширина родителя.... <!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"> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <title>Заголовок страницы</title> <style> .parrent { width: 50…
0 votes0 answers -
Как прилепить футер слева внизу страницы
Доброго времени суток. Перепробовал массу вариантов, может кто тоже сталкивался с такой проблемой. Нужно сделать футер внизу слева, чтоб спускался вместе с резиновым основным блоком или поднимался если текста мало. Но на деле получается он стоит в середине или далеко внизу. Буду благодарен за любые советы, но желательно все это сделать в css, хотя уже начинаю думать что невозможно =) Страницу с кодом можно посмотреть здесь http://promalp-technology.ru/. По ссылке на изготовление рекламы маленький объем текста. Заранее всем спасибо.
0 votes0 answers -
печать в браузерах firefox
<!DOCTYPE> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title></title> <style type='text/css'> *{ margin: 0; padding: 0; } ._TICKET, ._TICKETLAST{ width: 10cm; height: 7.2cm; position: relative; page-break-inside: avoid; } ._PAGEBREAKALWAYS{ page-break-after: always; } ._PAGEBREAKAVOID{ page-break-after: avoid; } ._OBJ{ width: 2cm; height: 2cm; position: absolute; left: 0; top: 0; box-sizing: border-box; } ._V90{ -moz-transform: rotate(90deg); -webkit-transform: rotate(90deg); -o-transform: rotate(90deg); } ._V45{ -moz-transform…
0 votes0 answers -
Резиновая таблица с схлопывающейся колонкой.
Пишу автоматическую генерацию интерфейса. Есть форма в которой первая колонка это название поля. Вторая колонка это input для ввода. Хочется чтоб форма занимала 100% ширину страницы. Но при этом первая колонка была по ширине самого длинного названия, а вторая резиновая. У меня получается или ширина 50/50 или надо задавать ширину первой колонки вручную. А я её заранее не знаю. Есть идеи как это в CSS сделать?
0 votes2 answers -
vertical-align:text-top
Здравствуйте. Столкнулся с одной проблемой и решил на css-live освежить знания о vertical-align. Стал ковырять один пример и получил вот такое -http://jsfiddle.net/bA3ye/1/ Отсюда вопрос: почему text-top для первого элемента не поднимает его на высоту среднего, который самый высокий в строке, а выравнивается по высоте контента последнего? При этом средний подстраивается под любую высоту боковых. чувствую, что упустил какую-то мелочь
0 votes1 answer -
проблемы с отображением css в opera
здравствуйте, у меня такой вопрос: я установил cms wordpress на (denwer) подключил тему и сделал несколько изменений в файле stayl.css после этого в браузере opera он стал не корректно отображаться, проявляется это в торможении при загрузке css меню
0 votes1 answer -
строчные элементы разбиваются на несколько
помогите пожалуйста исправить код на страничке я реализовал эффект для ссылок. при наведении курсора ссылка замещается такой же, но другого цвета. первая по счёту ссылка так и работает. остальные разбиваются на несколько строк, это и есть ошибка моего кода
0 votes3 answers -
Управлять псевдоэлементом при ховере родителя
Есть большой элемент, скажем с классом "ololo". У него есть маленький псевдоэлемент. Нужно управлять стилями псевдоэлемента при ховере элемента "ololo". Т.е. имеем: .ololo { some styles } ololo::after { some another styles } Нужно что-то типа такого: .ololo:hover ::after { .... } Но этот вариант селектора не рабочий. Каким должен быть селектор? Или с использованием псевдоэлемента это не возможно?
0 votes2 answers -
Подскажите с тегом input
Привет, подскажите как сделать чтобы в поле input текст не отправлялся по нажатию Enter, а переносился на следующею строку? и еще как сделать чтобы поле ввода можно было растягивать?
0 votes2 answers -
Помогите с меню справится
Здравствуйте! проблема с меню при наводке на ссылку не работает :hover в chrome и safari работает в FF IE Opere. здесь можно посмотреть меню ghost1981.co.cc Помогите если не сложно... спасибо! <!doctype html> <html> <head> <meta charset="utf-8"> <style type="text/css"> body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { margin: 0; padding: 0; } table { border-collapse: collapse; border-spacing: 0; } fieldset, img { border: 0; } address, caption, cite, code, dfn, em, strong, th, var { font-style: normal; font-weight: normal; } ol, ul { list-style: none; } caption, th…
0 votes3 answers -
Центровка В диве с заданым width
Всем привет, объясните в чем разница? http://bs.lelsa.ru/sss/ есть страница DIV content лежит в диве с с шириной 2560 px, и центрируется относительно дива. http://www.boerdam.nl/#volgende Здесь тоже самое с такой же вложенностью, но центрируется относительно ширины экрана, при этом тоже находится в диве с фиксированной шириной больше экрана, чего и я пытаюсь добиться. В чем же мать его волшебницу проблема?)
0 votes1 answer -
помогите пожалуйста сделать футер
Здравствуйте! Не могу сделать резиновый футер для странички с 3-мя колонками. Перечитал массу инфы в инете. но почему - то футер не опускается ниже 100%, хотя min-height:100%; Весь мозг сломал. никто не может помочь. Проблема скорее всего простая, просто я её не знаю. Очень надеюсь на Вашу помощь
0 votes1 answer -
свечение при нажатии на ссылку
Всем привет! Проблема: при нажатии на ссылку в стандартном браузере android, возникает желтое свечение (подсветка области нажатия). Как от нее избавиться? Возможно ли это? #userAgent - 4.0 Mobile Safari/533.1
0 votes0 answers -
Как сделать блок высотой в 100%
Здравствуйте. Никак не могу сделать так, чтобы блок принял высоту в 100%. HTML <body> <div class="container"> <div class="layout"> Контент </div> </div> </body> CSS html, body { width:100%; height:100%; } .container { position:relative; min-height:100%; } .layout { height:100%; } Блок с классом layout никак не принимает высоту в 100%. Как поправить?
0 votes1 answer -
Не отображается фон, созданный с помощью псевдоэлемента before
В шаблоне http://русский-цирюльник.рф/ пытаюсь сделать тень от сайта внизу - при помощи картинки png - для чего создал вот что .bgd { position: relative; height:0px; z-index:1; } .bgd:before { position: absolute; left: -2px; background-image: url(../images/bg_d.png); width: 964px; content:""; background-repeat: no-repeat; top: 13px; height: 13px; z-index: -1; } И прикрепил это дело к div в шаблоне. Но почему-то ничего не отобраажется - см. url="http://русский-цирюльник.рф/"]http://русский-цирюльник.рф/ При этом сбоку (справа) аналогоичным способом тень сделана. Помогите!
0 votes2 answers -
Оглавление
Хочу сделать оглавление для pdf файла, порезанного на отдельные главы, так, как это возможно в ворде: 1) Выравнивание текста оглавления по ширине страницы 2) Номер странички в документе pdf - с правой стороны окна в последней строке текста (названия главы) 3) По-возможности, но не обязательно: пунктирная линия от последнего слова названия главы до номера страницы. Вариант с таблицей из двух столбцов не подходит, так как номера страниц получаются правее любого слова, а мне нужно, чтобы номера страниц выравнивались по правому краю, по которому выравнивается текст (justify) Что-то вроде: много_текста_много_ текста......................12 мало_текста............23
0 votes1 answer -
Проблема с подчеркиванием у ссылок
<div id="boss_category_tabs" class="maintabs"> <div id="categorytabbg"><a>ССЫЛКА</a></div> </div> Ссылки идут с border-bottom:1px dashed. У дива categorytabbg при наведении задан цвет бэкграунда, так же задан паддинг 5px. Хочу задать свойство для ссылки .selected Никак не пойму, как реализовать. Если паддинг и бэкграунд задавать не диву, а напрямую ссылке, то как быть с подчеркиванием? Оно опускается слишком низко у неактивных кнопок.
0 votes0 answers -
Просветление фона при наведении
При движении мышкой над блоком должен просвечивать цветной фон. Переход плавный без четкого определения границ.
0 votes1 answer -
сылка на резиновом фоне
Здравствуйте, пытаюсь сделать следующее: Есть страницу, как фон устанавливаю картинку, делаю ее резиновой по этой статье: http://htmlbook.ru/css3-na-primerakh/masshtabirovanie-fona На этой картинке есть определенные объекты, кликая по которым пользователь переходит на другую страницу. Как сделать такое? Может кто видел подобное? Я так понял нужно как-то разметку ссылок подогнать под эти объекты?
0 votes0 answers -
проблема округления
привет! знаю про проблему округления но как с ней воевать не знаю для опери !! <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml"> <head> <title>template</title> <meta http-equiv="content-type" content="text/html;charset=utf-8" /> <meta http-equiv="Content-Style-Type" content="text/css" /> <style type="text/css"> * { margin: 0; padding: 0; } html, body { height: 100%; } .wrapper{…
0 votes0 answers -
Как достать в видео с ютуба главную картинку?
Например на сайте spasiboeva.ru
0 votes1 answer -
центрировать надпись
подскажите пожалуйста хороший способ, которым можно центрировать по горизонтали надпись в подвале. страница только не предлагайте сделать обёртку из дива с правилом margin: 0 auto; так как в разных браузерах длина строки из символов будет немного отличаться. следовательно надпись будет не совсем по центру. кроме того при изменении размера шрифта в ие будет появляться та же проблема
0 votes1 answer -
Как выбрать первый из соседних тегов?
Можно ли выбрать первый из соседних тегов, а не второй (синтаксис вида Селектор 1 + Селектор 2 { Описание правил стиля })?
0 votes2 answers -
Вложенность селекторов в IE
Страница: seo-focus,ru (заменить запятую на точку!). style.css: seo-focus,ru/wp-content/themes/smartstart/style.css. Введенные мной классы - в конце файла. Не получается применить стили к некоторым элементам, например, div. Хочу применить #layer1 { float: left; width: 420px; height: 200px; padding-right: 50px; margin-bottom: 20px; } #layer2 { float: right; width: 420px; height: 200px; padding-bottom: 20px; } к блокам после "Мы предлагаем": "Раскрутка и продвижение сайтов (SEO)..."(см. по ссылке). В ФФ и Опера всё ОК, а в IE8 стили не применяются, всё плывет. !important не помогает. Также и с остальными элементами (h1, a). P.S. Буду благодарен за инфу или ссылку: что озна…
0 votes2 answers -
проблема с border
http://jsfiddle.net/TStFU/1/ Как сделать границу снизу под меню так, чтобы между пунктами меню была граница, но под самим пунктом не было, заранее благодарен.
0 votes1 answer