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
29,542 questions in this forum
-
Вопрос по позиционированию сайта
В общем вот разметка: Проблема в том, что никак не могу поставить сайт по центру. Подскажите как же всё же совершить этот подвиг? А то опыта верстки мало, но учусь, вот пока с этим запарка.
0 votes17 answers -
три колонки на div для разного фона по краям
был вариант: фон: body { background-image: url(../img/bg.jpg); background-repeat: repeat-x; background-position: center top; } сам сайт: .container { min-width:900px; max-width:1600px; width:100%; } т.е. снизу был повторяющийся фон который сочитался с шапкой сайта и если окно становилось шире картинки в шапке то он ее продолжал в обе стороны. Теперь хочется сделать вариант когда слева и справа шапки должен быть разный повторяющийся фон. направо уходит бесконечный хвост от логотипа например. 3 колонки делаются по примерам так: .container_main { position: relative; width: 100%; margin: 0px; padding: 0px; overflow: hidden; } .container_center { width:90%; margin: 0px 5% 0px …
0 votes8 answers -
Скольжение слоёв
Может быть кто то опытный подскажет, как сделать. чтобы нижний слой (на нём фоновый рисунок) был неподвижен относительно окна монитора, а верхний слой ( на нём лежит сайт) перемещался при прокрутке.? Заранее благодарен.
0 votes2 answers -
Кто как верстает, набираете ли каркас с нуля или используете заготовки
Каждый раз при верстке я что и делаю это клепаю какркас на это уходит изрядное количество времени. Там колонка вылазит, там еще что-то сьедит. Самое плохое когда плохо протестировал и каркас начинает бочить когда верстка доходит до финального завершения. И тут понимаешь что придется переделывать некоторую часть работы. Как быть верстать все с нуля или запастись готовыми проверенными(протестированными) решениями, например сделать каркас в три колонки, сайдбары фиксиров. центральная резина и юзать потом. И таких наделать каркасов на все случаи жизни или почти все. Что смущает это то что мне кажется проф верстальщик должен уметь создать правильный каркас быстро и с нуля.…
0 votes5 answers -
Отображение определенных расширений в окне выбора
Поставил задачу реализовать отображение исключительно .jpeg файлов в окне выбора. Еще хотелось бы разобраться с загрузкой многочисленных файлов в одном окне выбора. Не подскажете, как это делается? Пишу полнофункциональную загрузку фото, вот и хочу затронуть и этот функционал. Заранее при многом благодарен местным Гуру.
0 votes5 answers -
Выравнивание ячеек в соседних таблицах
Здравствуйте! Долгое время обходился инфой, размещенной на сайте http://www.htmlbook.ru (за что авторам ОГРОМНОЕ спасибо), но вот пришло время, когда необходимо спросить у асов Есть три таблички: Задумка состоит в том, чтобы обведенная часть (это по сути ячейка) выравнивалась по нижней границе области. Проблема в том, что каждая из таблиц генерируется отдельно, и задать однозначно высоту ее нельзя, но при этом ячейки в двух таблицах необходимо выравнять. Салатовым выделены соответственно границы таблиц. В моем представлении задача эта кажется выполнимой, но вот метод решения найти не могу. Буду очень благодарен за информацию любого рода
0 votes8 answers -
Опять маркеры пропали Х(
Доброго времени суток. Как обычно проблемы со списками у меня. На этот раз такие - в IE маркеров нет вообще, -в Opera(10) маркеры, которые появляются при наведении мышки на ссылку, при этом же центрируюется текст внутри ссылки, тоже центрируются вместе с текстом( .Хром, Фаер, Сафари - едят все как надо, вот Оперу не уговорю никак(. Страничка : http://www.beavers-net.narod.ru/capricorn.html *Еще проблема - по непонятным причинам IE от QIP вызывает дебаггер при кликах на меню.. В ИЕ-тестере такого не обнаружил. полный css к менюшке: #menu li a{ display : block; background : #decda1; border : 1px solid #aaffaa; color : black; height : 23px; width : 105px; mar…
0 votes14 answers -
Фиксед left: 0; при max-width
Собствено возникли такие траблы. <!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" xml:lang="ru" lang="ru"> <head> <meta http-equiv="content-type" content="text/html; charset=windows-1251" /> <title>fixed for min-, max-width body</title> <style type="text/css"> *{ margin: 0; padding: 0; } body,html { height: 100%; } body { background: rgb(235,235,235); width: 100%; min-width: 1000px; /* max-width: 1600px; - в реальном значении */ max-width: 1000px; /* Имитация монитора с разрешением бо…
0 votes18 answers -
Как сделать полосу прокрутки в TD
Вобщем, проблема вот в чем: Есть таблица завернутая в div определенной ширины, в td помещают, к примеру, изображение, которое при маленьком разрешении экрана выталкивает табличку за границы экрана и частично становится невидимой. Нужно чтоб в этом случае внутри td появлялась полоса прокрутки. Спасибо!
0 votes4 answers -
IE6 не реагирует на {display:block} ?
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"> <html> <head> <title>page2</title> <style type="text/css"> ul {padding: 0px; margin:0px; background: #222; list-style: none; float: left; } ul li {float: left; } ul a { display: block; padding: 0 3em; line-height: 4em; text-decoration: none; color:#FFF; } </style> </head> <body> <ul> <li><a href="#">Кнопка</a></li> </ul> </body> </html>
0 votes24 answers -
Проблема со спрайтами в IE6
Вообще смысла кидать тьму кода не вижу опишу в двух словах. .nav-menu li a{ display:block; background:url(../images/bg-menu-sprites.gif) no-repeat; text-indent:-9999px; overflow:hidden; float:left; } .nav-menu .home{ width:75px; height:37px; background-position:0 0; } .nav-menu .home:hover, .nav-menu li.active .home{ background-position:0 -37px; } Собственно дальше по такому же сценарию. Во всех браузерах ховера переходят нормально а вот в IE6 когда с одной кнопки на другую предыдущая пропадает на пол сек потом появляется. Имхо непонятно вроде спрайт загрузился и задержек не должно быть. Отключил все ховера-при навдеении кнопка исчезает и появляется на мгновение …
0 votes18 answers -
<br> или <br />
Здравствуйте. Частенько вижу, что тег br пишется как <br> или <br />. Подскажите, пожалуйста, в чём различия между ними?
0 votes7 answers -
Вёрстка писем, бэкграунд
Можно сделать html письмо с картинкой на бэкграунде (и текстом поверх картинки), что б нормально работало и отркывалось везде? (Outlook, The bat, mail.ru) Может кто встречался. Я пробовал с помошью стилей, делал бэкграунд у таблицы, но ни 1 способ не работает везде, бэкграунд таблицы не работает например в Outlook и The bat.
0 votes15 answers -
Не могу объединить в один два блока
Помогите, пожалуйста. Проблема состоит в моем незнании))) Приобрел скрипт и не могу разобраться. Изначально в шаблоне два блока, лежащих соответственно на двух белых "подложках", сверху идет имя сайта и поисковая строка, в нижнем все остальное. Мне этот дизайн не понравился и верхний я убрал, а нижний заменил своим рисунком. Как сделать так чтобы этот рисунок вмещал в себя всю верхушку тоже (как сделать так чтобы все на сайте стало одним, и его рамками стал рисунок). Когда я смещаю всю верхушку вниз она прячется под рисунок и основное содержание. Скажите пожалуйста, что нужно исправить в скрипте? body{ SCROLLBAR-FACE-COLOR: #ececec; SCROLLBAR-HIGHLIGHT-COLOR: #c2c2c2; SC…
0 votes5 answers -
Интересная задачка
Приветствую. На днях попалось на глаза такое: Описание: Календарик. Колонок календаря всегда 20. может прокручиваться (не до бесконечности). Есть события которые длятся несколько дней (см. рисунок) Исходный данные: Ширина - фикс Высота/ширина колонок - фикс Слева сайдбар - строк может быть даже 200. На заметку: Мышкой можно выделять область (как в Екселе ячейки) (см. рисунок) Интересна реализация верстки. Какие будут идеи? PS: макет сам наклепал на скорую руку.
0 votes44 answers -
Как установить несколько версий IE на ПК?
Установлена 8 версия IE сейчас, как установить несколько версий IE на ПК, чтобы проверить кроссбраузерность?
0 votes10 answers -
S1 в livejournal
здравствуйте! http://le-fabrique.livejournal.com/ вот имеется такое жж. с жж никогда близко не сталкивалась, не нравится он мне, но проблема такова: владельцу нужно сделать все прозрачным и только шрифт белым. вопросов с кодом не возникает - что может быть легче изменить написанное? однако где это менять - не понятно. владелец категорически против S2 (кто работал с жж поймут, о чем я), приходиться работать в S1. уже в общем поняла, где и что писать. однако при написании простейшего { td{bgcolor: none;}} изменений я не вижу. прошу хотя бы сказать, где менять этот код и всяческие приписки, свойственные жж (например GLOBAL_HEAD<=).
0 votes5 answers -
Фреймы -свойства
привет! ничего не понимаю в фреймах ,... как сделать фрейм мини-плеера снизу основной части страницы ,но при этом ,чтобы ссылки как вели на основную часть,так и продолжали вести... сделал без фреймов через fixed rubasket.com ,но при перезагр-е страницы саунд перезагружается вместе с ней помогите всё-таки через фреймы....
0 votes2 answers -
Помогите разобратся. Шаблон на <DIV> + CSS
Привет всем. Значит такое дело: верстал шаблон и столкнулся с такой маленькой задачкой. А точнее 2умя маленькими задачками (: 1-ая проблема: Есть шаблон. В нем есть главный див (.maindiv), в котором находится все содержимое. Длинна этого дива 995px. С помощью margin: auto; он располагается по центру страницы. Однако есть ещё один элемент дизайна - .provod . Этот элемент должен располагаться в верхней части страницы и вплотную прилегать к правой стороне главного дива (.maindiv) . Так же, дабы не увеличивать ширину сайта ( и смотреть его без скрола на маленьких разрешениях), надо что бы этот див (.provod) был как бэкграунд - при нехватке места на мониторе он прятался бы за …
0 votes8 answers -
На стационарном ПК не отображается картинка баннера!
Все привет. Очень нужна помощь!!! Сделал сайт. Все работает. Единственная проблема в том, что картинка баннеров отображается только на ноутбуках, а на стационарных ПК - НЕТ. Проверял на многих компак стационарных и ноутбуках. На ноуте работает на стационарном - нет. В чем может быть причина??? первый раз с таким столкнулся. Очень срочно нужна ваша помощь!!! Заранее спасибо.
0 votes1 answer -
Глюк в ie 6.0 Голову уже сломал.
Вот собственно адрес глючной страницы http://web64com.hostfabrica.ru/kvartiry-posutochno/22/ Со всеми браузерами ОК, а ИЕ 6.0 издевается - то отобразит текст, то спрячет. На остальных страницах сайта подобные издевательства не замечены.
0 votes2 answers -
Съезжает колонка в IE 6
Здравствуйте! На сайте /* удалено */ съезжает правая колонка в IE 6, посмотрел, но так и не смог определить, где собака порыла, будут идеи?
0 votes2 answers -
radio и текст
помогите, пожалуйста, кроссбраузерно (ие7 +, ff 1.5 +, google chrome, safari 3.0 +, opera 9.0) расположить текст справа от radio. пробовал так: input.radio{float:left; margin:0 -18px 0 0;} label{display:block; margin:-1px 0 3px 18px; font-size:14px;} но в ие 7 текст смещается вниз (( весь код: <!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" xml:lang="en" lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title></title> <style type="text/css"> html{width:100%; height:100%;} body{pos…
0 votes13 answers -
Скрипт для установки стартовой страницы
Привет спецы! Нашёл вот в нете скрипт для установки стартовой страницы в браузере, но работает тока в IE и Mozilla/FireFox, что нужно в него добавить чтобы ещё и в Opera работал? Заранее СПАСИБО! <script language="javascript"> function gHomePage(objSrc) { var homepage = "http://www.site.com"; if (objSrc.style.behavior) { // MSIE objSrc.setHomePage(homepage); } else if (netscape && netscape.security && netscape.security.PrivilegeManager && navigator.preference) { // Mozilla/FireFox netscape.security.PrivilegeManager.enableP…
0 votes7 answers -
Правая граница блока
Здравствуйте! У меня возникла проблема с сообщениями на сайте! Основной блок сообщения состоит из левого блока (инфа о юзере) и правого (текст сообщения). У правого блока задана правая граница, так вот с ней то и проблема... Проще будет объяснить по скриншоту: В первом сообщении правая граница идет не до конца блока всего комментария, из-за большого сообщения... Как ее расширить на всю предоставляемую ей высоту??? Так не работает: height:100%; display:block; Если что то вот сайт http://109.87.26.150/fiestadle/ (там небольшие проблемы с кодировкой, ставьте utf-8 если что) Заранее спасибо!
0 votes28 answers