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
-
Смещение Блока при наведении
Верстаю макет, имеется блок с border в 1px, при наведении он должен менять цвет и становится на 1px больше т.е 2px, все сделал, но при наведении он смещает на 1px другие блоки, как можно это исправить? .welcome-box{ float:left; width:28%; margin-left: 3.3%; text-align: center; border:solid 1px #cac8c5; padding:15px 8px; } .welcome-box:hover{ border:solid 2px #1dde85; } .welcome .welcome-box:first-child{ margin-left:0; }
0 votes7 answers -
Навигационное меню созданое с помощью CSS
Как создать навигационное меню через CSS, ссылки должны быть не в виде текста, а в виде картинки, которая при наведении на нее мыши меняется на другую картинку. И потом, каким образом ее внедрить в html-код. Может мне кто-нибудь помочь???
0 votes12 answers -
Выровнять блоки
Возникла прроблема при верстке немогу решить уже второй день, есть неизвестное количество блоков в родительском(их высота и ширина известна заранее) нужно выровнять эти блоки по левому краю и родительский блок отцентрировать в блоке photos_list <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <div class="photos_list"> <div class="container" style="text-align: left;"> <div style="float:left; width: 100px; height: 100px; border: 1px solid #ccc;;"> <img src="/fw/files/thumb/6fd36c7e6759050b03bb22871550554f.jpg" alt="WallpapersMania.nnm_.ru_vol141.jpg" width="100" height="62"> &…
0 votes22 answers -
Как из ссылки сделать кнопки?
Мне из ссылки нужно сделать такие кнопки как на картинке. Соответственно нужно получить две ссылки одна активная подсвечивается определенным цветом, вторая не активная прозрачная не подсвечивается. Значит здесь нужно применить два стиля. Наведение мышкой не подходит, так как, эти ссылки будут менять в зависимости от перехода на страницу. Вот код примера здесь сделано на input’ах мне нужно тоже самое только на ссылках. <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <link rel="stylesheet" type="text/css" href="style.css"/> </head> <body> <div id="test"> <form>…
0 votes2 answers -
coords в картах-изображениях
Дорогие форумчане, мне нужна помощь. Помогите разобраться с нахождением координат для карт-изображений! Как вы их находите? С помощью какой-то программы? Просветите меня, пожалуйста! Ссылка на урок: http://htmlbook.ru/content/?id=21 Буду благодарен, с уважением Александр
0 votes9 answers -
border-radius внутренней границы - никак не регулируется?
border-radius внутренней границы - никак не регулируется? То есть, если мы делаем border-bottom - то очень часто внутренний уголок или имеет меньший радиус или съедается и становится прямоуольным. есть какой-то способ регулировать внутренний угол через css?
0 votes13 answers -
Обучение PHP
Бесплатно обучу PHP. Email: slavik_1790@yahoo.com
0 votes12 answers -
Бегущая строка Хелп!
Привет народ Есть вот такая бегущая строка из картинок: Как сделать так что бы после последней картинки сразу шла первая (без промежутка)? Зарание спасибо...
0 votes8 answers -
Подмена html кода
Как реализовать подмену html кода? Чтобы тому, кто смотрит сайт с браузера IE - выводился один html код, а тому, кто смотрит тот же сайт с браузера Firefox - выводился другой html код.
0 votes12 answers -
Проблемы со списками в ие 6-7
Делаю выпадающее меню такой стурктуры: <ul class="dropdown"> <li class="mn_firstlvl"><a class="dir" href="#">Контакт</a> <ul> <li><a href="#">Одна длинна</a></li> <li><a href="#">Вторая очень большая длинна</a></li> <li><a href="#">Третья</a></li> </ul> </li> .... </ul> .mn_firstlvl { display: block; float: left; background-image: url(images/graymenuline.gif); background-position: center bottom; background-repeat: no-repeat; height: 32px; } ul.dropdown ul { visibility: hidden; position: absolute; top: 31px; left: 0; z-index…
0 votes13 answers -
высота <li>
#menu li { padding-top: 8px; padding-bottom: 9px; display: block; border-bottom: #c5c5c5 solid 1px; background: url(../img/menuico.gif) left no-repeat; } #menu a { padding-left: 18px; font: 11px Tahoma; color: #343434; text-decoration: none; text-align:center; letter-spacing: 1px; } #menu a:hover { color: #FAA619; } <div id="menu"> <ul> <li><a href="#">Главная</a></li> <li><a href="#">Задать вопрос</a></li> <li><a href="#">Поиск</a></li> <li><a href="#">Форум</a></li> </ul> </div> в разных браузерах высота …
0 votes5 answers -
Не убирается первый элемент background li
Друзья, привет. Оч нужна помощь. В общем не могу убрать изображение background у первого списка li меню ul. Также неполучается сделать padding: 0; Вот сам код: <div id="tpl_main_menu"> <ul> <li class="no_style"><a href="otdih.html">Отдых</a></li> <li><a href="apartamenti.html">Апартаменты</a></li> <li><a href="priroda.html">Природа</a></li> <li><a href="kontakti">Как добраться</a></li> </ul> </div> И сам css #tpl_main_menu { text-align: center; margin: 0 auto; width: 635px; } #tpl_main_menu ul { padding: 0; margin: 0; list-style…
0 votes12 answers -
Обтекание + центрирование
Доброго времени суток. Проблема вот какая : создал меню с выпадающим списком, все работало пока не проверили на IE6. пришлось переделывать. После переделки получилось, что в самом меню элементы расположены примерно так : <li>Главная</li> <li>Не главная<img src='someimage'></li> <li>Тем более не главная</li> someimage в данном случае это стрелочка индикатор выпадающего списка: курсор над кнопкой, стрелка указывает что список выпал(так скать для красоты). Вот в чем проблема элементы меню находятся на разных уровнях, если считать от верхнего края...то "главная" примерно на 5 пикселей, "Не главная" на 7 пикселях и "Тем более не главна…
0 votes13 answers -
SWFObject 2
С самой вставкой флэша все норм. Описание читал тут http://designformasters.info/posts/flash-e...th-swfobject-2/. Прописываю скрипт так: <script type="text/javascript" src="img/index_02/swfobject.js"></script> <script type="text/javascript"> // <![CDATA[ var flashvars = {}; var params = { wmode: "transparent" }; var attributes = {}; swfobject.embedSWF("img/index_02/child.swf", "swf_content", "260", "248", "8.0.0", "img/index_02/swfinstall.swf", flashvars, params, attributes); // ]]> </script> и так: <span id="swf_content"><img src="img/index_02/no_image.gif" width="150" height="150" alt="Альтернативный текст" ti…
0 votes8 answers -
В FF не отображается div, а в IE все нормально. Это меня пугает (
День добрый. вот http://www.kpbikz.ru/design/ лежит верстка, проблема в том, что в div с id banner не отображается фоновый рисунок, а текст показывается. Причем это происходит только в FF, в IE все нормально. Подскажите пожалуйста в чем проблема? Я учусь верстать слоями, поэтому некоторые нюансы мог упустить из виду - не пинайте уж сильно. upd: Хотя firebug показывает рамку этого слоя в правильном месте. все вроде бы хорошо...
0 votes10 answers -
Как сделать перенос текста на новую строку, если он не влазит в div?
Доброго времени суток. Обрашаюсь за помощью к сообществу. В вёрстке я глубокий чайник Есть вот такая картинка: страница на которой всё это http://club.desantura.ru/lit/ не могу понять, как сделать, чтобы текст, который не влазит в ячейку переносился на новую строку, а не вылазил за её пределы. уже весь мозг сломал. Лучший вариант, который смог достичь, это применение overflow: hidden чтобы обрезать лишнее.
0 votes4 answers -
Не работает выпадающее css-меню в google chrome
Всем привет! Пару дней назад задумал менять дизайн сайта, посвященному теме общепита и банкетного зала! Менять нужно было, так сказать, на лету(без сливания на тестовый хостинг), то есть основная html-верстка осталась практически нетронутой, всю работу планировал свести к правке css и замене изображений! Ну...ещё слайдер в шапке поменял! Все шло и идет как задумано, но сегодня заметил что-то необъяснимое: во всех браузерах верхнее горизонтальное меню сайта отрабатывает как положено - при наведении мышки появляется выпадающее меню, а вот в хроме - ни фига! Я уже и так, и так - всё мимо! Уважаемый специалисты, быть может, вы сможете разобраться в этом? Я проверял с …
0 votes1 answer -
проблемы с кодировкой в IE6
Здравствуйте. Вот есть сайт http://tekspb.ru/ и шестом IE при кодировке UTF-8 все чертям слетает, при других кодировках тоже слетает, но не так сильно. С чем это может быть связано?
0 votes8 answers -
Максимальная обфускация CSS кода
Всем привет. На данный момент в проекте столкнулся с таким требованием заказчика: "по возможности обфусцировать СSS код в местах где идет наименование классов и тегов " что бы было что то наподобие: span#span_1 = a; и потом бы это "a" указывалось везде где это необходимо(в html и CSS) вопрос: 1) это реально? (если да - буду благодарен за ссылки на подобные обфускаторы) 2) какие вообще на сегодняшний день самые лучшие обфускаторы HTML + CSS? (или же игра не стоит свечь и не стоит над этим заморачиваться особо?) P.S. Буду благодарен за любые конструктивные советы.
0 votes1 answer -
Проблемы с выравниванием картинки справа вверху в Opera
Недавно решил сверстать шапку слоями, а не таблицами. В IE и Firefox страница выглядит нормально, а вот в Opera правая картинка залазит влево. Может быть кто-то сталкивался с подобной проблемой и подскажет как правильно сделать, чтобы во всех трех браузерах шапка выглядела одинаково хорошо.
0 votes8 answers -
Div не соображу. помогите новичку.
ситуация такая. есть 2 изображения. их нужно поместить в Div. прич?м каждый в свой. первый Div должен быть постоянно привязан к низу странички в браузере и иметь фиксированную высоту. второй должен быть привязан к верху. он должен чуть, заходить за первый Div. и при растяжении страницы по вертикали второй див должен растягиваться. помогите пожалуйста. Чтобы нагляднее отобразить, прикрепляю картинку. http://baner.lab-host.ru/compress.jpg Как она есть, так она и должна отображаться в браузере. Получается, что "поляна" - первый div Небо - второй div
0 votes9 answers -
<!DOCTYPE html>
При использовании <!DOCTYPE html> получается кака . Если убираю эту строчку из html-файла, то все прекрасно получается, так как и задумывалось. Эффект, которого надо достичь при наведении курсора. Использую сброс стилей, но с <!DOCTYPE html> есть непонятные отступы (на первой картинке видно после заголовка) и выше описанная ерунда. Перебирал по отдельности каждый стиль, ничего не помогло, кроме удаления <!DOCTYPE html>. На сколько я понимаю, <!DOCTYPE html> нужен, чтобы небыло неразберихи, а тут именно с ним неразбериха. В чем тут смысл.
0 votes19 answers -
Изменение стиля
Ребята, подскажите код css, может кто сталкивался, для оформления всех элементов в overflow, ну чтобы и в ИЕ, Мозиле и Опере работало. Вот есть что: #scrolldiv1 { overflow: auto; height: 140px; width: 949px; } вот собственно, понятно что выводится: Я хочу сделать что-то подобное:
0 votes7 answers -
текст под изображением
Здравствуйте. В таблице есть строка, в ней три ячейки, в каждой ячейке находится картинка, а под каждую из картинок нужно разместить свой текст расположенный по центру картинки (по горизонтали). Подскажите пожалуйста как это сделать?
0 votes6 answers -
visibility: collapse в FF не работает?!
Подскажите люди добрые .... в чем может быть проблема. Скорее всего ? понимаю что в голове ? но всеже без подсказки уже не могу Вобщем пытаюсь скрыть ячейки ... что то типа display: none .... нужно чтобы крос-браузерно, как следствие для FF (а здесь вопрос именно в нем) смотрю в стороно visibility как и обещают многие доки. Вот он (ниже) небольшой пример кода(сама задача несколько обширнее), который почему то отказывается работать в FF 2.0.0.11 Вобщем результат его работы (при попытке скрыть ячейки) в этом браузере ? ячейки перестают отображаться, однако выделенное под них ранее пространство остается не поделенным между соседними ячейками (так как мне кажется логичным это…
0 votes5 answers