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
-
Подсказки jquery
Привет!!! Есть такой код html <a href="#">Кнопка</a> <div id="block"> <p>Информациооный блок</p> </div> <a href="#">Кнопка</a> <div id="block"> <p>Информациооный блок</p> </div> jquery <script type="text/javascript"> $(function() { $("a").mouseover(function() { $("#block").fadeIn(); }); setInterval(function() { $("#block").fadeOut(); }, 5000); }); </script> Тоесть, при на видении на ссылку всплывает скрытый блок а через некоторое время он исчезает. Проблема в том что всплывает только у первой ссылки - допустим ссылка в…
0 votes3 answers -
Карта изображений
Доброго дня уважаемые! Прошу совета у знатоков) Дело в том, что у меня есть карта изображений (1 большая картинка состоящая из 7). http://jsfiddle.net/wBSyd/ Необходимо, чтобы при наведении на каждый кусочек появлялось увеличенное изображение этого кусочка. Где-то глубоко, очень глубоко я понимаю, что возможно мне поможет код CSS #(id или класс) a:hower { background: url(' '); } Но кому и как присвоить класс или id... Вот в этом и вопрос. И будут ли работать мои ссылки перехода к нужному разделу... Заранее благодарю за ответ, любую помощь или пинок в правильную сторону.
0 votes6 answers -
Помогите убрать левую ссылку
Здравствуйте, вставил себе на сайт ( сайт на джумле) один модуль который называется Acordion menu, модуль мне очень нужен но, они каким то образом спрятали пару ссылок в нем. Немогу понять где. Помогите найти пожалуйста. сайт http://get-visa.in.ua ссылки ищите справа ( двигайтесь в право до самого конца)
0 votes3 answers -
HTML 5
Ситуация в потоке у верстальщиков по итогам 2014 года в смысле внедрения HTML 5 в рабочие продукты. Какие конкретно из новых технологий HTML 5 на данный момент начали успешно внедрять? Успели ли убедить коллег, что это реально нужно и удобно? Как сложно было это сделать? Спасибо ...
0 votes11 answers -
Трехуровневое меню
Здравствуйте! Есть трехуровневое меню типа: <ul> <li> Menu1</li> <li class="active"> Menu2 <ul> <li>Submenu1</li> <li>Submenu2</li> <li class="active">Submenu3</li> <ul> <li class="active">SubSubmenu1</li> <li>SubSubmenu2</li> <li>SubSubmenu3</li> </ul> </li> </ul> </li></ul>При выборе пункта меню, ему присваиваетс…
0 votes4 answers -
Исходный код показывает одно, а фактические получается другое
Обновил джумлу с 2 до 3 версии. Смотрю верстка стала кривой. В шаблоне и исходном коде показывается следующее: <div id="wrapper"><div id="menu"></div><div id="container"></div><div id="left"></div><div id="footer"></div></div>А фактически на самом деле выглядит все так: <div id="wrapper"><div id="menu"></div><div id="container"><div id="left"></div><div id="footer"></div></div></div>Как такое может быть? что исходный код пишет другое- правильное. думал может у меня с кешем что-то, но проверил сторонним сервисом - тот сделал скрин и там тоже поехавшая…
0 votes3 answers -
несколько элементов дизайна в одном jpg
Есть такой сайт www.macrabbit.com Понравились как сделаны блоки верхнее меню и основной блок, а если точнее как реализован background блоков, но не совсем понимаю как это сделанно, в одном jpg файле нарисованно сразу несколько элементов бекграунда, например http://www.macrabbit.com/global/images/PageFrame.jpg http://www.macrabbit.com/global/images/hea...tionMonster.gif файлы с несколькими элементами бекграунда, четыре раза используется в css Где можно почитать про такой при?м?
0 votes2 answers -
Отображение скроллбаров при применении "overflow: auto;"
Вышеуказаный стилевой параметр применяется для div. Когда содержимое блока не выходит за его границы скролбары должны пропадать, что собственно они и делают в ие, фф и сафари, а в опере упорно всегда отображаются оба скролбара - неактивными, если все помещается, но картинку портят. Есть ли способы убрать эти "пустые" скроллбары, или, как вариант, оставить только вертикальный? Полное стилевое описание блока выглядит следующим образом: #inv_content { height: 271px; overflow: auto; background: url("../images/inv_back.gif");}
0 votes6 answers -
Поворот страницы перед отправкой на принтер
Добрый день, делаю так: <style media=print> div{ position:absolute; /*обязательно*/ FILTER: progid:DXImageTransform.Microsoft.BasicImage(Rotation=1,Mirror=0,Invert=0,XRay=0 ,Grayscale=0,Opacity=1.00); } </style> В IE работает, но предварительно спрашивает разрешить ли запуск активного содержимого.. Есть ли возможность повернуть страницу по другому либо избежать этого вопроса на клиентских машинах?
0 votes1 answer -
проблема с абсолютными блоками в ie6-ie7
Имею проблему с абсолютно позиционированными блоками в ie7, такое ощущение, что при position: absolute; top: 0; ie позиционирует блоки не относительно блока родителя а относительно body, т.е. абсолютный блок прилипает к верху страницы, как быть? Пример: http://www.yakovishinandrey.ru/dom
0 votes2 answers -
0 votes6 answers
-
Как поменять положение слоя?
Есть страничка, куча слоев на ней. При вёрстке верхней части использовал относительное позиционирование, соответственно футер уполз вниз на величину двух слоев, которые я размещал позиционированием. Можно поднять футер, задав ему координаты, но тогда под ним остается всё то же пустое место. Как решается такая проблема? код пока "грязный", но визуально глянуть можно тут 1.rpif.net
0 votes8 answers -
Спасите помогите!
Короче вот какая ситуация: взялся сделать сайт - вроде не сложно. Но как начал делать, так сразу все идеи пропали! Короче посоветуйте, пожалуйста, что делать! Вроде как уже начал: менюшку сделал, шапку нашел, но сайт какой то не структурированый, квадратный, необтесаный и не красивый. Че делать?
0 votes9 answers -
Проблема с меню
Если в меню ссылка становится двухстрочной то естественно бэграунд вылезает только под текстом и всё съезжает Вот ссылка на пример: пример Как сделать так чтобы всё было как бы блоком, пример на картинке ниже (макета нет, нарисовал как представляю):
0 votes5 answers -
Все смещается !
Помогите почему при увлечение или уменьшение масштаба страницы все меняется и касит?? http://rghost.ru/42880247
0 votes7 answers -
Забыл как выделить область с картинкой по размерам большего элемента
Товарищи, напомните, плиз.. При наведении курсора на текст область выделяется только по тексту, а не по картинке. Хотя и текст и катринка звключены в один тег a <a href="<?php the_permalink() ?>" rel="bookmark"> <?php the_post_thumbnail(array(90,90)); ?> <h4> <?php the_title(); ?></h4> <? kama_excerpt("maxchar=100"); ?> </a> Как сделать выделение по всему блоку (т.е. по высоте максимального элемента входящего в тег а : по картинке или тексту)? КССы вот такие #lateslist li a:link, #lateslist li a:visited { background: none repeat scroll 0 0 transparent; display: block; margin: 0 0 15px 0;padding: 0; text-decoration: n…
0 votes2 answers -
HTML5 есть проблема
Доброго времени суток. Сразу к сути: Была паблик тема на WP, решил чутка подправить и заодно переверстать. (на то время сайт уже работал и был в индексе). Ничего кардинально нового не меня\не добавлял, кроме как заменил див блоки, на теги html5 (header,nav, aside, article,) + переписал доктайп и прочие вещи в head. Визуально ничего не изменилось, но сайт выплюнуло из индекса Яндекс. Собственно вопрос. Может кто-нибудь глянуть на сайт? Может я где-то допустил ошибку Сайт: anticel.ru
0 votes3 answers -
Помогите разобраться с примером всплывающего окна
Пример реализован вот так: http://jsfiddle.net/vend3tta/SE4tS/ по ссылке всё работает, пробую реализовать сам - не работает Вот код html файла: <!DOCTYPE html><head><title>CSS3 Javascript</title><link rel="stylesheet" href="css/style.css"><script type="text/javascript">p = $('.popup__overlay')$('#popup__toggle').click(function() { p.css('display', 'block')})p.click(function(event) { e = event || window.event if (e.target == this) { $(p).css('display', 'none') }})$('.popup__close').click(function() { p.css('display', 'none')})</script></head><body><p><input type="button" value="Popup!" i…
0 votes7 answers -
Непонятный отступ
Всем привет! При верстке лэндинга столкнулся с такой проблемой: снизу между картой и остальными блоками появляется непонятный отступ. Причем в фаерфоксе все нормально, а вот остальные браузеры его отображают. марджины и паддинги обнулены, фаербаг и панели разработчика в других браузерах тоже ничего не дали. Может кто сталкивался с подобным?
0 votes5 answers -
Проблема из слайдером
в теме неправильно написал.. Это спойлер . Вот есть такой код что ниже.. вопрос заключаеться вот в чем.. как видно я изменил нижнюю скрытую часть спойлера. Хотелось чтоб верх видную часть можно было изменить так же, желательно через css. У меня никак не получаеться .. http://jsfiddle.net/rgjhbwsq/2/ или возможно применить какой нибудь другой скрипт... или прописать по другому код... главное чтоб это было на html, так как сайт именно на нем пока что у меня
0 votes10 answers -
input type="range"
здравствуйте негде не могу толком найти информацию про этот тег как его описать в css на разных браузерах. и главное нужно сделать отсечки на каждый шаг. заранее спасибо
0 votes5 answers -
Слайдер фотографий
Доброго времени суток! Ув. опытные форумчане, надеюсь на вашу помощь. Мне нужно, чтоб, когда нажимаешь на фотографию, там были кнопки "листать фотографии вперед / назад" Как на скриншоте: http://joxi.ru/DrlElVJTQwMzmP
0 votes5 answers -
Не отображается шрифт
В макете указан такой текст: Если навести на него в фотошопе то название у него "DecorC"Нашел этот шрифт в сети (хотя и с трудом), скачал файл в формате .otf, сгенерировал в форматы .eot, .ttf, .woff, .woff2 на сайте fontsquirrel.com Подключил как положено: @font-face { font-family: "Decorc"; src: url('../fonts/decorc_1-webfont.eot'); /* IE9 Compat Modes */ src: url('../fonts/decorc_1-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/decorc_1-webfont.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/decorc_1-webfont.woff') format('woff'), /* Pretty Modern Browsers */ url('../fonts/decorc_1-webfont.ttf') format('truetyp…
0 votes1 answer -
Navbar ушел в себя.
Столкнулся с 2мя проблемами с навбаром на сайте. 1. Делаю прописываю ему параметр position: fixed; (дабы скроллился вместе с сайтов, аля баннер) и он перестаёт использовать своё место залезая на шапку. 2. Dropdown меню не работает. Пункты с dropdown меню уходят под шапку. z-index не помог. Сам код - https://jsfiddle.net/9z13k8uo/
0 votes5 answers -
Как задать условия для видимости табов bootstrap 3, при размещении навигации табов в collapse меню?
Добрый день, реализовываю мега меню использую плагины Bootsrap: tabs и collapse ссылка на прототип (codpen) Нужная логика: При клике на родительскую категорию (Одежда, Техника, Для дома) открываются в сайдбаре, ее дочерние категории. — реализовано По клику на дочернюю категорию открывается, в правой колонке, содержимое связанного с дочерней категорией таба — реализовано Подкатегории (Мужская одежда, Женская …) первой родительской категории (Одежда) открыты по умолчанию — реализовано При клике на другую родительскую категорию, открываются ее дочерние и скрываются дочерние категории, предыдущей активной — реализовано При клике на р…
0 votes0 answers