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
-
Странное поведение :active в IE
Добрый день! Вопрос следующий. Есть на странице элемент с псевдоклассом active, при клике на этом элементе должен меняться например цвет фона. Во всех браузерах все работает хорошо, однако в IE всех версий :active срабатывает через раз, т.е. фон сменился, на следующем клике фон элемента не меняется. Т.е. :active срабатывает через раз. Причем onclick срабатывает исправно, на каждом клике. Предложите пожалуйста решение, можно на JS, или подскажите, куда копать..
0 votes2 answers -
Блок выпадает при разных изображениях
Такая проблема: А должно быть вот так: т.е. верстка ломается при разных размерах изображения. Пробовал делать псевдораспорку - не помогает http://izhevskhit.ru/index.php?page=item&id=1143
0 votes1 answer -
редактирование таблицы в сss
Здравствуйте!Подскажите такая проблема-создала таблицу в html. Редактирую в css текст в строках и ничего не меняется-забиваю все то же самое он-лайн на сайт-там все работает.С чем это связано. Макет таблицы могу приложить.
0 votes1 answer -
Читалка FB2. Книжный режим чтения
Добрый день всем) Делаю читалку для формата FB2 (на С++), текст, который отпарсил, перевожу в html. Передо мной встала проблема: не знаю как сделать книжный режим чтения (две страницы на экране). Программно он, видать, не решается. Вот и подумал, может быть можно это сделать, прибегнув к css и html? Т.е. нужно как-то указать, чтобы текст отображался только в двух прямоугольниках на экране. У меня идея такая: создать два фрейма, каждый высотой в высоту экрана, а шириной - в пол экрана. И в них размещать текст. Правда не знаю что делать, когда текст заполнит весь фрейм - ему нужно указать, чтобы заполнял соседний фрейм. А после перелистывания - след. два фрейма. Вот как-то …
0 votes1 answer -
Синхронизация галереи и описания
Здравствуйте! Очень нужна ваша помощь! Подскажите пожалуйста как реализовать, такую штуку: Есть картинки, и описание для каждой. Нужно сделать так, чтобы при переходе к следующей или предыдущей картинке, вместе с ней менялось и описание для каждой из них. Как это реализовать, может быть есть готовые решения. м?
0 votes2 answers -
Проблема с кнопкой в Chrome
Форма отображается нормально везде, но в Хроме элемент button смещается вниз. http://boom-x.su/ (вверху справа поиск)
0 votes2 answers -
отрицательный margin-top в ie8
Добрый день! Не отображает часть блока с отриццательным margin-top в ie8, как возможно реализовать? <div class="slider"> <div id="slides"> <img src="/slide1.jpg" /> <img src="/slide2.jpg" /> </div></div><div class="main"> <div class="transport"> <div class="name">name</div> text </div> <div class="ecsport"> <div class="name">name</div> text </div></div>/* slider */.slider { height: 423px; position: relative; z-index:100!;}/* main */.main {background: #0e6483;color: #fff;font-size: 14px; posi…
0 votes0 answers -
Как создать аналогичный блок?HELP!
Всем доброго вечера! Подскажите, пожалуйста, где можно посмотреть пример скрипта аналогичного блока ("Бренды раздела" на картинке) (ссылка на сайт с подобным скриптом:http://www.letu.ru/parfyumeriya ):
0 votes1 answer -
Свеча
Мне нужно сделать так, чтобы div (в виде прямоугольника) уменьшался в высоте подобно горящей свече - сверху вниз. Подскажите варианты решения.
0 votes1 answer -
Не получается фон body
Народ, подскажите, пожалуйста! Как задать body фон таким образом, чтобы он отображался по тому же принципу как в изображении? Центральную часть фона body можно отдельно выровнять по центру. Но как сделать так чтобы участки фона справа и слева от центрального бесконечно повторялись? http://f3.s.qip.ru/12K4cQBDa.png
0 votes3 answers -
Небольшое наблюдение из жизни лисьих
Приведу пару простых примеров (всё нижеописанное справедливо только для Mozilla Firefox 3.6.13, подобных проблем в других браузерах не наблюдалось): 1. Работает абсолютно нормально: <html> <style> #dlink:hover{color:#003399} #dlink {color:#0080FF} </style> <body> <div id='dlink'>TESTTTTTTTTT</div> </body> </html> 2. А вот такой вариант уже не работает: <html> <style> .dlink:hover{color:#003399} .dlink {color:#0080FF} </style> <body> <div class='dlink'>TESTTTTTTTTT</div> </body> </html> В принципе и второй вариант (с использованием класса для стиля, чтобы привязать hover) мо…
0 votes1 answer -
Создание шаблона
Вот пытаюсь создать сайт. Сделал вот так. Для всей страницы указал минимальную ширину 1024 пикселя.Меню и логотип занимают вместе 1005 пикселей,при этом у меню и логотипа сделал отступы от левого края (margin-left) в пикселях. т.е. получается при любом размере монитора от 1024 у меня не должно появлятся горизонтальной прокрутке .Правильно я понимаю? И скажите правильно ли я делаю.? Вот если что ссылка
0 votes5 answers -
тег address
существует тег <address>. в спецификации html и справочнике htmlbook написано, что он предназначен только для выделения адреса автора сайта. часто вижу, что им выделяют любые адреса. допустимо ли такое? использовать его несколько раз на одной странице, как я понял, можно(раз в спецификации ничего не сказано про это)?
0 votes3 answers -
Подскажите начинающему
<div style="width: 600px; height: 500px; "> <div style="position: absolute; bottom: 15px; right: 15px;"> <img src="i/string_line.png"></img> </div> </div> Почему картинка позиционируется относительно окна браузера, а не родительского div'а? Как сделать, чтобы было относительно родительского div'а?
0 votes3 answers -
точность аргумента letter-spacing
скажите, с какой точностью можно устанавливать значение аргумента letter-spacing ? есть ли проблемы с пределом точности в разных браузерах, ОС, платформах и т.д.?
0 votes2 answers -
картинка фиксированной высоты
делаю свой первый сайт нарисовала в фотошопе дизайн сайта, порезала на слои, начала верстать с помощью DIV но проблема: картинка с основным фонов имеет фиксированную высоту, а мне нужно,чтобы она растягивалась при увеличении контента ПОМОГИТЕ,ПОЖАЛУЙСТА вот ссылка на картинку http://saveimg.ru/show-image.php?id=80182e754f93d5d9c2ba6719cf17cc23
0 votes5 answers -
@font-face
Всем доброго времени суток. Проблема следующая описываю @font-face в css следующим образом: @font-face{ font-family:MyWebFont; src: url('fonts/variete-webfont.eot'); src: url('fonts/variete-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/variete-webfont.woff') format('woff'), url('fonts/Variete.ttf') format('truetype'), url('fonts/variete-webfont.svg') format('svg'); } для вложенных тегов типа #menu ul li a {fon-family: MyWebFont} шрифт не подключается для тега <a href="#">...</a> , если отдельно описать a{font-family:MyWebFont; } и в html разместить не вложенный тег <a href="#">.....</a>, то шрифт подключается, п…
0 votes0 answers -
css: параметры тэга с атрибутом
Здравствуйте. Я хотел бы написать css код: если <img align="right">, то margin: 10px 0px 10px; если <img align="left">, то margin: 10px 10px 10px 0px; Если без атрибута, то просто выровнять по центру Но это уже детали. Конкретно, меня интересует синтаксис такого написания. Некоторое время назад я прослушал курс по вёрстке и там было много информации, которая у меня не сохранилась. Там задавались, например, парметры тэгам внутри другого определённого тэга и много чего подобного. Здесь же, в учебниках по CSS, к сожалению, я такого и близко не нашел. Мне же надо задать параметры тэгу с определённым атрибутом. Как это написать?
0 votes1 answer -
Размер прелоадера
Доброго времени суток! Я пытаюсь сделать сайт на сайтбилдере weebly (там можно вносить изменения в HTML файл). Я установила размер изображений в процентах, чтобы дизайн страниц не менялся в зависимости от разрешения экрана. Однако это повлияло и на размер прелоадера, теперь он занимает приблизительно седьмую часть экрана. Хотелось бы уменьшить размер прелоадера. Помогите, пожалуйста! Заранее благодарю!
0 votes0 answers -
Работа с фреймами
Подскажите как изменять высоту тега iframe в зависимости от загружаемого в него значения. Наткнулся на такой код в интернете <iframe src = "Photo.html" name = "photo" style = 'width: 79%;' frameborder = 1 marginheight = 0 onload = 'o=this.contentWindow.document.body; this.style.height = o.scrollHeight; this.style.height.= o.scrollHeight-o.clientHeight+offsetHeight'> </iframe> Не знаю что такое после onload, но не работает, может кто подскажет как решить проблему. И еще, можно ли как нибудь позиционировать текст внутри iframe, так что бы можно было задать отступ от правой границы фрейма тексту. З…
0 votes3 answers -
кнопка скрытия элемента
Написал скрипт закрытия элемента. Можно его упростить? <script type="text/javascript"> <!-- function Сlose() { var cl = document.getElementById('idd'); return cl.style.display = "none"; } //--> </script>
0 votes3 answers -
Водяной знак на NextGEN Gallery
Здравствуйте. Нужно установить водяной знак в виде картинки. Я делаю так. Захожу в настройки>водяной знак.Ставлю галочку Использовать изображение в поле прописываю путь к картинке так http://www.btn.kiev.ua/wp-content/themes/StoryMag/images/edormovoogo.gif ( картинку пока загрузил любую для проверки ) Потом захожу в раздел Галереи, выбираю нужную галерею.Ставлю галочку на той картинке где я хочу установить водяной знак, выбираю установить водяной знак, принимаю настройки. Но лого на картинке нету. В чем моя ошибка?
0 votes0 answers -
Непонятные фокусы Стиля Box-Shadow
Нужен совет со стилем box-shadow в ОПЕРЕ в нижнем блоке тень есть, в остальных браузерах отсутствует, уже голову сломал в чем проблема.-moz- -webkit- не помогает. Проблема тут.
0 votes2 answers -
Выравнивание трёх слоёв
В общем такая картина: <div id="slider"> <div class="slider_prev"></div> <div class="slider_body"></div> <div class="slider_next"></div> </div> #slider { width:100%; clear:both; } .slider_prev { float:left; width:37px; height:157px; background-image: url('../images/slider_prev.gif'); } .slider_body { margin:0 auto; width:1005px; height:300px; background:#000; } .slider_next { float:right; width:37px; height:157px; background-image: url('../images/slider_next.gif'); } Необходимо выровнить .slider_prev по левому краю, .slider_body по центру, .slider_next п…
0 votes1 answer -
Тег <time> распознает ли дату, если слэши вместо тире?
Такой вопрос, если написать тег time с правильным форматом даты внутри, то все ок. <time>1957-10-04</time> Воспримется ли как дата <time>1957/10/04</time> или надо уже добавлять datetime? Да и для кого это? Прежде всего для поисковиков? Думаю они должны распознавать разные форматы даты и времени - что слеш, что тире внутри тега. Иль как?)
0 votes0 answers