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
-
сдвиг фона
поиск использовал, но оригинальняа тема была зафлужена, и тамошнее решение не работает( http://forum.htmlbook.ru/index.php?showtop...D0%B0&st=20 мне надо один блок "навалить" сверху на предыдущий на 80 пикселей(получилось), и в свою очередь сделать так, чтоб фон в блоке который я "наваливаю" сверху отступал на 80 пикселей сверху. вот код, всё хорошо, но фон не сдвигается( <div style="width:255px; margin-left:10px;"> <div style="background-image:url('{THEME}/images/rarhiv.png'); width:255px; height:167px; background-repeat:no-repeat;"></div> <div style="background:url('{THEME}/images/rarhivbg.png') 0 80px;width:255px; margin-top:-…
0 votes1 answer -
Проблемы с IE
Есть 2 css, которые отлично работают в Опире и Мозиле последних версий. вот сами CSS img.shadow { background: url(img/stq.gif) no-repeat right bottom; padding: 5px 10px 10px 5px} div.special2 {font-size: 140%; color: #3399FF; text-shadow: 5px -4px 1px #bad3ed; font-weight: bold;} Первый делает эффект к изображению в виде тени. А другой делает эфиект к тексту в виде тени, цвета и размера. Почему то только IE 8 в упор не хочет эти CSS принимать, помогите советом, в чем ошибка, или подскажите чем можно заменить?
0 votes4 answers -
Проблема с путем к файлу
Добрый день! Всех с наступившим Новым годом! И вот в новом году столкнулся с такой проблемкой: <!--[if IE 6]> <style> body {behavior: url("http://www.allday.kz/csshover3.htc");} .menu li .drop {background:url(http://www.allday.kz/img/menu/drop.gif) no-repeat right 8px; </style> <![endif]--> Проблема в следующем, на сайте использую некоторое кол-во поддоменов и мне нужен один шаблон для всех поддоменов. Не хотелось бы чтобы пользователь загружал этот файи постоянно при переходе из одного домена на другой. А проблема то заключается только с IE6. Если прописываю с www, а захожу без www то пишет что нет доступа к файлу ... А если и прописано с …
0 votes4 answers -
Форма поиска по сайту
В Google Chrome при клике появляется эта желтая рамка, Как ее убрать?
0 votes3 answers -
Методика вёрстки горизонтальных меню с текстом
Допустим есть некое горизонтальное меню в виде макета. Меню на макете занимает какую-то фиксированную ширину, но в реальном HTML-документе, оно конечно же может становиться или шире или уже в зависимости от размеров шрифтов у пользователя. Все элементы меню надо делать текстовыми. Как надо подобрать размеры шрифтов, чтобы элементы меню нормально отображались во всех браузерах? Обычно в Firefox, когда изменяешь размеры шрифта, то такие меню просто разваливаются и становятся бесполезными. Бэкграунд у элементов данного меню остаётся на месте или где-то около того, а текст уезжает в сторону, переносится на новую строку и всплывают другие подобные некрасивости. Может такие мен…
0 votes4 answers -
Div 100% в ie 9
Всем доброе. Народ столкнулся с проблемой когда используется height div 100% и min-height 100% в ie 9. Суть проблемы при div height=100% дивы растягиваются на видимую часть экрана, но если текст привышает, то он выходит за границы <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Документ без названия</title> <style type="text/css"> html, body { width:100%; height:100%; margin:0; padding:0; } #layer_0 { height:100%; background-color:#999999; } .layer_1 { height:100%; width:600px; background-color:#99CCFF; } .layer_2 { height:100%; wi…
0 votes3 answers -
Горизонтальная прокрутка 1024px
Часто дизайнер делает дизайн шириной 1024px. Как быть с горизонтальной прокруткой, которая может появится при разрешении 1024х600 или 1024х768. - Делать меньше врапер - как бы нарушается уже дизайн; - overflow-x:hidden для <body> - предполагаю, что это в корень неправильно. Есть ли где нибудь информация по этому поводу, это промахи дизайнера или все на самом деле просто?
0 votes6 answers -
Шапка сайта
Доброго времени суток всем! Подскажите пожалуйста программы с помощью которых можно создать шапку для сайта я чайник в этом непростом деле . Буду рад за любую инфу.
0 votes9 answers -
Закрасить фон отдельного элемента
Подскажите пожалуйста как закрасить фон меню, раньше он был белый а когда поставил выпадющее меню, то стал прозрачный.Меню здесь http://ag-t.com.ua/rus/index.php Я так понял нужно убрать opacity и заново прописать цвет фона. Делал так, но получаеться белая полоска, которая выходит за рамки макета.Подскажите как закрасить именно область меню.
0 votes5 answers -
Пустое пространство
Всем привет! Не могу понять, почему высота футера завист от высоты колонок ? Если поднимаю футер к колонкам вверх, то остается пустота ниже футера, а если уменьшаю длину колонок, то появляется пустота между колонками и футером. Если увеличиваю высоту колонок страница увеличивает длину, а футер залезает на колонки оставаясь на месте. iv#navigation{position:relative; float:left; background:#bef574; width:25%; height:260px; font-size:1.5px; line-height:1.5px; border-radius: 5px; margin:0; top:-186px;padding:5px;} div#navigation p{ list-style-type:none;} div#extra{position:relative; float:right; background:#cfb53b; border-radius: 5px; height:257px; padding:5px;}div#extra{ m…
0 votes5 answers -
не работает выпадающее меню
Есть горизонтальное меню на сайте http://www.atlasokon.com.ua/vibor.htmlвсе работает. Пытаюсь перенести это же меню в раздел каталога http://www.atlasokon.com.ua/catalog/compare.phpменю не хочет выпадать. Подскажите в чем проблема и где копать?
0 votes2 answers -
Заказ адаптивного сайта
Здравствуйте, подскажите пожалуйста, допустим заказчик хочет адаптивный сайт, дизайнер должен сделать разные PSD макеты, под каждое разрешение, или верстальщик сам должен адаптировать сайт, изменяя шрифт, блоки и т.д. по своему усмотрению?
0 votes3 answers -
Тэг <hr> при помощи имиджа в IE6
Есть такой вот код в CSS - файле: hr{ border: 0; background-image: url(../images/linegorizontal.jpg); display: block; width: 90%; background-repeat: repeat-x; } В FF прекрасно работает как задумано - пунктирная линия 2 через четыре px, в IE выдается обычная серая линия. Есть рецептик?
0 votes2 answers -
выровнить блоки =\
Всем привет! у меня есть блок контейнер, в нем еще два блока. ________________________ | ____________ __________| | | | | | | | | | | | | | | | | | | | | | | | | | |___________| | _________| | ————————————— имею две проблемы... 1 - как сделать так, чтобы внутренние блоки всегда оставались одинаковой длины, равной длине большего из них? (смотря какой получится длинее, в зависимости от наполнения) надеюсь понятно объяснил = 2 - впринципе проблема отпадет если решить первый вопрос) но сейчас она такая - в опере внешний контейнер всегда выравнивается по первому (более широкому блоку), а в ие7 по тому который получается длинее. в общем чтобы не было такого: ___________…
0 votes4 answers -
Проблема с размерами body{}
Не получается задать размеры, хочу, чтобы страница занимала 100% размера окна. <!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" lang="ru" xml:lang="ru" dir="ltr"> <head> <title>Страница не найдена</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <style type="text/css"> body { border: 1px solid red; height: 100%; } table.t1{ height: 100%; width: 100%; } </style> </head> <body> <table class="t1" cellspacing="0" cellpadding="0" border="1"> <tr> <td>123<…
0 votes11 answers -
Таблицы со 100% растягивают всю страницу
Привет, помогите пожалуйста, целый день туплю на этим: Есть стили колонок (колонок 3): #column {overflow: hidden; zoom: 1; padding: 22px 17px 0 17px;} #l-col {float: left; width: 200px; overflow: hidden; zoom: 1;} #c-col {margin: 0 210px 0 210px;} #r-col {float: right; width: 200px; overflow: hidden; zoom: 1;} Если вставляешь в центральную колонку таблицу с параметром width="100%" то таблица растягивается на столько, что появляется горозонтальная полоса прокрутки. Косяк заметил только в IE8 (возможно и в IE6,7 есть). В нормальных браузерах все отлично.
0 votes4 answers -
Float
замаялся....уже не знаю что делать.... вот такая таблица: ############## # 1 # 2 # 3 # 77# ########### 77# # 4 # 5 # 6 # 77# ############## 1-7 картинки, причем 7 на 2 строки хтмл: <div id="1"><img src="img/bluzka00304.jpg" height="237" width="180"/></div> <div id="2"><img src="img/bluzka00302.jpg" height="237" width="180"/></div> <div id="t3"><img src="img/bluzka00305.jpg" height="237" width="180"/></div> <div id="4"><img src="img/bluzka00303.jpg" height="237" width="180"/> </div> <div id="5"><img src="img/bluzka00306.jpg"height="237" width="180"/> </div> <div id="6"><im…
0 votes4 answers -
редирект через htaccess
Здравствуйте Возникла проблема с которой не могу справиться. Необходимо написать правило редиректа через htaccess Конкретно мне нужно сделать редирект с таких запросов http://www.mysite.ru/? (и любые символы) на главную страницу http://www.mysite.ru/ т.е. все запросы где встречается "?" надо перенаправлять. Если кто знает как это сделать подскажите пожалуйста
0 votes3 answers -
Выравнивание заголовков
Привет всем. Я создаю свой сайт на HTML. Как подвинуть заголовок и вообще все немного вправо, т. к. у моих друзей экран с более низким разрешением, плохо видны первые буквы ? И еще я слышал о плавно подстраевымоих системах, когда сайт хорошо виден на любых мониторах. Как это сделать? Вадим.
0 votes3 answers -
Создание карты-изображения
Возможно плохо искал - но на сайте не нашел. Интересует - кто-нить пользуется такими программами для создания этих самых карт, или нет? Необходимо сделать карту сложной области, а координаты вычислять руками не хочется (или это просто нереально =). Вот и интересно - какая прога наиболее подходящая и кто чем пользуется/пользовался... Спасибо...
0 votes4 answers -
помогите с меню навигации
На многих сайтах, допустим, 10 статей идут вертикально, а под ними навигация типа 1|2|3|4|5|6| итд пример - вот http://free-templates.ru/ в них на 1-й странице последние статьи, а на последней - первые. а у меня на первой странице - первые, а на последней- последние вобщем, как сделать так, чтоб статьи шли в обратном порядке относительно навигации? заранее спасибо
0 votes3 answers -
Дилема со флеш
Есть сайт http://www.roslitprom.ru/ У меня нормально отображается сайт и на 1024 и на 1280 во всех браузерах дома Но почему у человека, в мозиле последней версии, как и у меня, отображает при 1024 флешку под контактами и правой менюшкой У кого-нибудь так еще отображается? А то блин даже не знаю как исправить того что не видно Т_Т
0 votes3 answers -
IE, select и домены
Доброго времени суток! Проблема возникла следующая: Требовалось сделать форму с select, с корректным отображением выпадающего списка. IE не понимает, что его нужно выровнять по длине наибольшей строки и просто игнорирует всевозможные auto. После нескольких неудачных попыток прикрутить принудительное присвоение длины чз js, было принято решение использовать следующее исключение для IE, которое располагает элементы уже не в строку, а друг под другом: <!--[if IE]> <style type="text/css"> #wFilterByCar select { color:#000000; display:block; float:left; height:19px; line-height:19px; margin: -10px 10px 0; padding:0; width:250px; } …
0 votes10 answers -
Принцип работы меню
Здравствуйте. Подскажите, как работает это меню, а именно, каким образом происходит появление подменю, при наведении на элемент меню. А то что-то не доходит. Моя ссылка html <html> <head> </head> <body style="background:#bbb;"> <div id="nav"> <ul class="select"> <li><a href="#"><b>1</b></a> <ul class="sub"> <li><a href="#">2</a></li> <li><a href="#">3</a></li> </ul> </li> </ul> <ul class="current"> <!-- <<<== активное меню --> <li><a href="#"><b>4</b></a></li> </ul> <…
0 votes3 answers -
Ошибка при верстке
Верстаю данный макет http://rghost.ru/36608820 (photoshop) Вот что выходит при просмотре в браузере http://rghost.ru/36608830 HTML <body> <div class="container"> <div class="top_container"> <div class="top_left"></div> <div class="top_right"></div> </div> <div class="gl_menu"> <div class="left_menu"></div> <div class="cp_menu"> <!--строка над меню с картинками--> <div class="up_men"></div> <!--главное меню с картинками--> <div class="menu_1"> <div class="img_1"></div> <div class="i…
0 votes1 answer