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
-
a:hover в h1
Добрый день. Помогите реализовать следующее. Есть код <a href="{U_VIEW_FORUM}">{FORUM_NAME}</a> К тегу а применяется свойство: a:hover { color: #D31141; } Я хочу сделать вот так: <a href="{U_VIEW_FORUM}"><h1 class = "title">{FORUM_NAME}</h1></a> И все вроде бы хорошо, но в таком случаи по понятным причинам не работает a:hover { color: #D31141; } Как сделать что б работало?
0 votes3 answers -
Обтекание DIV
Стоят у меня 2 тега div <div class="left"></div> <div class="center"></div> в CSS прописано .left { width:200px; float:left; min-width:200; } .center { width:500px; float:left; min-width:500; } Суть проблемы что если сжать окно браузера правый блок "соскакивает" под левый. как сделать чтобы они стояли на месте?
0 votes6 answers -
как добавить див через :before for 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"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Документ без названия</title> <style type="text/css"> *{padding:0;margin:0} div{position:relative} .zi{width:500px; height:200px; border:3px solid red; z-index:expression(runtimeStyle.zIndex=1,insertAdjacentHTML('afterBegin','<div class="ab"></div>'));} .ab{position:absolute; left:100px; height:100px; width:100px; background-color:yellow; top:40px;} </style> </head…
0 votes6 answers -
Как реализовать необычное решение?
Здраствуйте уважаемые знатоки! Самому ни как не додуматься как реализовать.... в низу страницы вставлена карта, вторая её половина находится в футере, как всё это состыковать??????+ еще и шаьлон резиновый :dash:/> :dash:/> :dash:/> Выручайте!!!!!!
0 votes13 answers -
web
каким образом выводить большое количество картинок, где их хранить при условии что еще будет использоваться jquery для lightbox
0 votes6 answers -
Размытый блок, как сверстать?
Привет, всем! Очередной раз обращаюсь к вам за прозьбой по верстке. Короче говоря, есть список квестов в виде блоков, выводятся на главной, есть квесты, которые открыты для посетителя, есть закрытые. Так вот закрытые квесты накрывает размытая плашка, которая как-бы размывает картинку (миниатюру квеста), которая находится под плашкой вот скриншот: ссылка Если бы не надпись (полоса посередине закрытого квеста), которая не размывается, решить проблему можно было бы используя фильтр blur, но вместе с плашкой размывается и надпись... Как я только не пробовал это сверстать, ничего не получается :( . Наверняка кто-то сталкивался с подобной фигней подскажите как решить подобную …
0 votes8 answers -
Реально на форму наложить изображение
Картинка посредине прозрачная, я наложил её на форму поиска с помощью position absolute Налаживал и как изображение и как фон, проблема в том что при наложении форма не работает, потому что картинка сверху получается. А если под форму ложить то вид не тот. Нужно как то наложить изображение сверху поиска но что бы изображение было видно но при этом не мешало форме. Можно её конечно разрезать и по кускам собрать но тогда получается левая картинка будет закрывать начало ввода текста в форму, короче писать чутли не с центра прийдется, очень некрасиво как то. Суть проблемы вроде описал, решение думаю должно быть.
0 votes8 answers -
Ищу аналог deviceponsive.com
Всем привет, Подскажите, пожалуйста удобный аналог http://www.deviceponsive.com/ для тестирования верстки на разл девайсах Спасибо!
0 votes3 answers -
Несколько вопросов по верстке
1)При появлении скролла в опере высота id=1 не 100%, а 1+390+1, (в ИЕ все ок) Скролл появляется когда в id=2 много текста: <table width="100%" height="100%" border="1" cellpadding="0" cellspacing="0"> <tr> <td rowspan="3" height="100%"> [b]<table id=1 width="50" height="100%" border="1" cellpadding="0" cellspacing="0"> <tr><td height=50%><img src="images/2-2_01.gif" width="50" height="100%" alt=""></td></tr> <tr><td><img src="images/2-2_04.jpg" width="50" height="390" alt=""></td></tr> <tr><td height=50%><img src="images/2-2_06.gif" width="50" height="100%…
0 votes2 answers -
Выделение ссылки при наведении (Как на примере)
Как сделать, что бы при наведении курсора на ссылку - фон сзади ссылки выделялся полу-прозрачным белым изображением. (Нужно ихменить в html шаблоне) Сделать примерно как на phpbb.com (Под логотипом ссылки "About - Donwloads - Commynity") Или как у вас на форуме (Помощь Поиск Пользователи Календарь). Спасибо заранее
0 votes2 answers -
Chrome не выводит <noscript>
Всем доброго времени суток. Сегодня столкнулся с такой проблемой... У меня на сайте кнопки, вся красота и функционал которых работает на javascript-e, ну а для тех, у кого он отключен, в <noscript> вложил обычную кнопку через <input>. Со всеми браузерами все ОК, но вот Chrome подкачал, если вырубить в нем javascript, все то, что заключено в <noscript> никак не отображается. Такой вот казус. Эта проблема известна и есть ли решения? Спасибо.
0 votes4 answers -
Как разместить текст по краям ячейки
Здравствуйте, помогите пожалуйста, как разместить два слова по разным сторонам ячейки в таблице (в подвале) страницы? В IE два слова уже находятся по разным краям ячейки, а в FF второе слово находится только немного правее центра ячейки. Разношу слова в разные стороны ячейки вот таким способом -
0 votes2 answers -
Нестандартное меню - как верстать ?
Всем добрый день. Дизайнер надизайнил такое вот интересное меню (см. картинку) с наклонными разделителями...такого делать еще не приходилось. Гугл ничего толкового не подсказал. Кто может подсказать оптимальное решение ? Заранее спасибо
0 votes6 answers -
Стрелочки - прошу совета по оптимизации
Сделал вот такую стрелочку (первая работа). Прошу критики, есть ли ошибки, можно ли уменьшить размер кода? Код HTML: <!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"> <head> <title>Стрелочки — CSS 2.1 + XHTML 1.0</title> <link rel="stylesheet" type="text/css" href="strelka.css"/> </head> <body> <div class="rectangle"><a href="">Вперед!</a><div class="arrow-right"></div></div> </body> </html> Код CSS: .arrow-right { border-color: white white white transparent; b…
0 votes13 answers -
Фон по центру
Всем доброго времени суток. Сделал фон кодом css. body { margin-left:35%; margin-right: 35%; margin-top: 15%; background: url(img/fon.png) no-repeat;} но, как мне сделать, что бы центр картинки(фона) был по центру сайта??
0 votes3 answers -
html5; тег <picture>. Очень хитрое поведение.
Пытаюсь в шапку сайта установит разные изображения адаптированные под размеры устройств. И столкнулся с интересным эффектом от которого мозги закипают. Проблема: картинки правильно показываются только при условии если переход по ссылке идёт с первого самого верхнего уровня меню. Если переход с дочернего уровня, то картинки нет даже запасного варианта только его alt. Но если поставить картинку фоном через css или одно изображение без тега picture, то всё прекрасно работает. Сайт на локальном и на джумле. Пробовал html вариант меню эффекта нет. Скипт отключал. В этих всё работает хорошо ссылки на первом уровне. <li class="item-101 current active"><a href="/index.…
0 votes2 answers -
Параллакс эффект или выезжающий блок
Есть три блока, предположим шапка, скрытый блок, контент. Когда открывается страница показывается только шапка и контент, как только начинаем скролить, "выезжает" скрытый блок. Как только блок показался полностью, при дальнейшем скролинге, тянем остальной контент. Собственно решил задачу по средствам JS, но не устраивает. Т.к. когда сролинг идёт колесом, то "прыгает" конент. А когда мышкой тащишь, то нормально. Подскажите как сделать с помошью css или как-то более "грамотно" Что сделано сейчас: <header>...</header> <style> .benefits{margin-top:-300px} .parallax_content{ height:300px; margin:0 auto; overflow:hidden; } </style…
0 votes1 answer -
Откуда то лезет hover
В меню мигает белый фон hover не могу понять откуда он берется. И что самое интересно что водишь по пунктам горизонтально ! Помогите найти как его поменять.
0 votes4 answers -
Абсолютное позиционирование
Суть в следующем, имеется 3-колонная верстка, притом левая колонка и правая абсолютно позиционированы, еще есть подвал, возможно ли выровнять подвал по левой или правой колонке ? Подумав я нашел решение, задать минимальную высоту как раз высотой большей из двух колонок. Проблема в том что левая колонка (меню) увеличивается и следовательно, пришлось задать минимальную высоту равной максимально большей левой колонке. Естественно когда меню уменьшается все остается по-прежнему . Что делать ? Кроме того что нужно перейти на относительное позиционирование. Если не задавать мин высоту то при малом количестве текста в средней колонке, "пэддинга" не хватает и абсолютно позиционир…
0 votes2 answers -
Добавление сразу на все страницы сайта
Меня интересует такой вопрос. Если к примеру мне захочется добавить сразу на все страницы моего сайта какую-нибудь ссылку, или текст, ну что угодно, например в самый низ страницы. Что мне надо сделать, чтобы не добавлять одну и ту же информаци (ну к примеру ссылку) на десятки страниц одного сайта. Помню, что где-то читал , что надо сделать php-вставку (на другой файл, в котором пойдие и должна размещаться эта ссылка , или текст) в то место на каждой странице, где надо разместить ссылку. Хотя я могу ошибаться. Мб это связано с JavaScript. Не помню и найти никак не могу. Подскажите пожалуйста.
0 votes3 answers -
Opera и отступ после clear
У меня есть 3 блока, которые включают в себя несколько элементов, различных по высоте. Между ними слой clear, выполняющий понятную функцию. Проблема возникла тогда, когда между вторым и третьим блоком мне нужно было сделать отступ. Он почему-то был виден везде, кроме оперы. Пришлось изменить html-код на такой: <div class="clear"> </div> А в css записать так: div.clear { clear: both; height: 0; } Вроде работает, но меня беспокоит правильность решение. И с чего вообще в этих блоках, разделённых clear'ом, может не работать margin? З. Ы. Причём padding работает, а margin нет. Но padding не подходит по той причине, что у блока и разделителя разные цвета, да…
0 votes1 answer -
Сьезжает шапка, картинки как ссылки
http://ufa.ufalavka.ru/ имеется сайт, проблемы в ие и мозиле в опере норм. В мозиле шапка уезжает, и сбоку картинки сделаны под меню, они почему то обведены синим, в опере такого не наблюдается. что посоветуете?
0 votes7 answers -
Стиль ссылки
Как сделать так: Я нахожусь на главной странице, и в меню выделена этим стилем ссылка ведущая на главную. Если я нахожусь в новостях, то выделена ссылка в меню ведущая в новости. Спасибо.
0 votes15 answers -
Литература по веб-программированию.
Здраствуйте! Хотелось бы, что бы вы посоветовали достойную литературу по веб-программированию. Прочитал книгу А. Ломова «HTML, CSS, скрипты: практика создания сайтов» Она мне бузумно понравилась, т.к. материал объясняется в понятной форме и очень доступно. К минусам, возможно, стоит отнести то, что книга 2006 года и не затрагивает HTML 5, CSS3(хотелось бы узнать о них из уст Ломова). Как понимаете, изученного материала недостаточно для создания функционального сайта. Хочется продолжения.(к сожалению книгу «Apache, Perl, MySQL: практика создания динамических сайтов», продолжение предыдущей , в Москве, я не могу найти)В общем нужна книга с информацие о серверной стороне са…
0 votes1 answer -
Original Hover Effects
Подскажите, как сделать <h2>Hover Style #1</h2> видимым до наведения мышкой? http://goo.gl/xWveO
0 votes5 answers