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://htmlbook.ru/css/hover написан такой способ установки стилей что это такое и как понимать такую последовательность?проблема, что мозилла 1.8 отображает hoover картинку (в hoover установлен фон) криво: вот так http://nhjugfbd.at.tut.by/18.jpg , т.е. фон не по всей плоскости картинки, а только нижняя часть. при этом замещающий текст, если картинка отсутствет, при наведении исчезает за белым фоном. а если картинка смещена вверх (margin-botoom, то hoover-тень за ней не смещается, а светится такой же фигнёй: полоска снизу от фона и выше белое. можно ли установить отдельный hoover стиль для картинки? как его задать? и можно ли устанавливать hoover сти…
0 votes14 answers -
Верстка
Здравствуйте! Подскажите как сделать верстку трех колонок по вертикали? А то весь день сижу мучаюсь они у меня друг под друга заезжают или выстраиваются по горизонтали. Верстаю с помощью <div> пытаюсь выравнять при помощи float:left.
0 votes21 answers -
тени по бокам сайта
Здравствуйте! Подскажите решение. Нужно создать две тени по бокам сайта (его ширина 960). Есть фоновая картинка, узор. Сложность в том, что тени возле сайта прозрачные, а через 450px в сторону, постепенно становятся полностью непрозрачными и чёрными. А после 450px вместо фоновой картинки идёт один цвет. Они не должны создавать полосу прокрутки. Моё решение создавало 3 лишних div друг в друге и png полоску тени для заполнения, но мне сказали, что делается это проще, и не плодит таких структур: <body><div id="container1"> <div id="container2"> <div id="shadow_left"></div> <div id="shadow_right"></div> <div id="body_10…
0 votes5 answers -
Правильно ли применять разметку schema.org в категории товаров или в списке категорий?
Здравствуйте! Вроде читал такое в яндекс вебмастере, что не стоит применять разметку на странице категории товаров(там где несколько товаров либо где отображается список категорий товаров), не получилось найти вновь, чтобы перечитать. Так ли это?
0 votes4 answers -
почему тень не перекрывает элементы?
Привет! http://resursmed.ru/balm Не пойму, как добиться, чтобы тень box-shadow от выпадающего меню с z-index:50 накрывала элементы, идущие ниже по потоку. Вроде же всё для этого есть. А не работает... Посоветуйте?
0 votes8 answers -
IE7: шрифты Arial и цвет ссылок
спецы, подскажите, почему в ие7, несмотря на запись в css li { font: normal 12px Tahoma, Verdana, Helvetica, sans-serif; color: #003361; } вот такие списки отображаются Arial'ом <li><a href="/clients/88">Лазерная гравировка</a> <li class="odd"><a href="/clients/80">Ликеро-водочные изделия</a> <li><a href="/clients/60">Материал для плоских кровель</a> <li class="odd"><a href="/clients/61">Материал для скатных кровель и частного домостр.</a> <li><a href="/clients/18">Мебель</a> и еще, почему в ие7 не работает конструкция div.navmenu { width: 207px; margin: 10px 5px 0px 5px; …
0 votes6 answers -
как таблицу растянуть во всю длинну окна ?
как таблицу растянуть во всю длинну окна ?
0 votes4 answers -
Верстка меню
Здравствуйте! Хочу попросить помощь в правке верстки меню... Верстал не я, но поправить надо! Меню сверстано на дивах так: <div class="header_menu"><div class="r"><div class="c"> <ul> <li><a href="">1</a></li> <li><a href="">2</a></li> <li><a href="">3</a></li> <li><a href="">4</a></li> <li><a href="">5</a></li> <li><a href="">6</a></li> <li><a href="">7</a></li> </ul> <div class="clear"><img src="site.ru/images/space…
0 votes9 answers -
картинка поверх другой
есть карта страны, разбитая по областя, при наведении на определенную область она должна менять цвет, сейчас это реализовано тут (наведите на донецкую область) http://albomov.net/mapa/ т.е. сейчас вместо первой картинки подгружается вторая с выделенной областью, но этот метод не совсем подходит, подскажите как можно поменять цвет нужной мне области другим методом - или вставить картинку нужной области поверх главной карты или какой либо другой способ Буду очень признателен, очень нужно но чтото ничего не выходит
0 votes1 answer -
Плавная прокрутка сайта
Не могу найти ответа, да и возможно ли? Как сделать чтобы сайт прокручивался плавно, в mozila такое есть если не ошибаюсь
0 votes2 answers -
Список в две колонки
Привет! есть список он отображается криво http://jsfiddle.net/soltx/y4qdab97/ как поправить (кроссбраузерность ie9+)
0 votes11 answers -
Проблема с формой поиска от Google
Добрый день! Установил поиск от Google (Custom Search Engine). index.html - содержит форму поиска. results.html - список результатов поиска + форма поиска. Суть проблемы: При поиске слов на на английском языке, результаты поиска на стр. results.html - отображаются корректно. При поиске слов на русском языке, результаты поиска не отображаются. Причем, если убрать код формы поиска (search box) на странице results.html, то поиск начинает работать и на русском. Вопрос. Как сделать так, чтобы форма поиска (search box) оставалась на странице результатов поиска? Спасибо за ответы! P.S. Влад, поделитесь опытом, пожалуйста!
0 votes5 answers -
Кроссбраузерность таблицы
Очень ламерский вопрос, но все же как добиться того, чтобы таблица (не как способ верстки, а как способ отображения данных) выглядела одинаково во всех браузерах? Я только начинаю верстать. Таблица нормально выглядит в Опере. В ИЕ/ФФ ячейки немного увеличивают в высоте, но мне так нельзя. Приведу кусок ЦССа: table { border: solid 1px; border-collapse: collapse; width: 100%; text-align: center; } th { background: #eee; font-weight: bold; border-color: #bfbfbf; padding: 6px; } td.warned_by { text-align: left; } tr.censure { background: #f4fdee; } tr.truant { background: #fdebe8; } tr.noob { background: #f4f5ff; } Сразу вопрос, чтобы не создавать лишних тем…
0 votes3 answers -
Пару вопросов о выводе страницы на печать
Здравствуйте. При выводе на печать странички столкнулся с некоторыми трудностями: Браузер, по доброте душевной, добавляет к печатаемому листу номер страницы и адрес из адресной строки. Можно ли убрать эти "бонусы" програмно? Или хотя бы ручками, через настройки печати? Из всех браузеров, которые я перепробовал (IE 6, Opera 9, FF 3, Safari 3) только в FF нашел в "настройки печати -> поля и колонтитулы" соответствующие настройки. Существует ли способ програмно установить отступы от краев страницы? Новую тему рискнул создать только после полуторачасового юзания поиска. Если я что-то пропустил и подобные вопросы уже поднимались - оставьте пожалуйста ссылочку на тему и си…
0 votes13 answers -
stardel
В общем нужна помощь,помогите плизз!Дело в следущем:сверстал сайт,в Опере и Лисице всё нормально,а в Осле почему то вокруг PNG элементов какие то белые рамки вот такие: http://s46.radikal.ru/i111/0905/c5/958632c14d20.jpg Знаю что можно вынести в отдельный "сss" чисто для IE,но как не знаю.подскажите плизз!
0 votes12 answers -
Не могу отцентровать фон...
Ребят, простите, пожалуйста. Детский вопрос, конечно, но фон body меня соовсем не слушается. Пустой index сайта: CSS: Фон куда-то наверх улетает. Если прописать "bottom", то почему-то еще выше упрыгает Спасибо.
0 votes8 answers -
Объясните разницу
Здравствуйте. Объясните разницу между: html - <a class="more" href="...">Ссылка >>></a> CSS - a.more { ... } и html - <div class="more"><a href="...">Ссылка >>></a></div> CSS - .more { ... } Или можно представлять в обоих примерах?
0 votes15 answers -
{html 5} menu или nav
Задался тут вопросом, а что же семантичнее при построении главного меню сайта? Тег "menu" или тег "nav"? Полазил по w3c, толком ответа не нашел, из тех кто уже на html5 пишет, кто что юзает?
0 votes13 answers -
Не выводится background-image
Всем привет! Столкнулся с проблемой: необходимо вывести фоном картинку, но ничего не получается. Саму проблему можно посмотреть здесь http://test.kvada.ru В файле css прописываю путь к картинке для background-image. Она появляется. Но когда начинаю добавлять дополнительные свойства типа запрета повторения и позиционирования, то картинка исчезает. В чем может быть дело? Подскажите, если сможете разобраться. Буду очень признателен. Для ясности добавлю фрагменты кода. HTML: <section id="problems"> <div class="container"> <div class="row"> <div class="col col-md-8 col-sm-12 col-xs-12"> <di…
0 votes3 answers -
Три картинки в ряд
Нужно расположить в ряд три картинки, чтобы одна из них была всегда по центру, а две других - сбоку от нее. При этом боковые картинки при уменьшении размера окна обрезаются окном браузера. Расстояние между рисунками 5%, ширина 540px. Горизонтальной полосы прокрутки быть не должно. Рисунки одновременно являются ссылками. Какие есть идеи, как подобное реализовать?
0 votes5 answers -
вопросы по стилям списков
1. а можно сделать, чтоб у каждого пункта списка бяла своя картинка (предпологается фиксированное количество пунктов списка) 2. как выровнять по центру картинки содержимое пункта списка?
0 votes11 answers -
Рамка вокруг <a> в ie и ff
Использую на сайте Coda Slider. Это чтобы удобней было по страницам переходить, они там горизонтально ездят влево-вправо Так вот, элементы управлиения там (стрелки влево-вправо) реализованы в виде div с картинкой стрелки в качестве бэкграунда и внутри дива управляющий <a>. И "text-indent:9000;" чтобы не было видно текста ссылки. И вот в файрфоксе и ие после клика по ссылке она обводится пунктирной рамкой, что очень не в тему и естественно не нравится заказчику. Как оно выглядит можно посмотреть на картинках. Что можно с этим сделать? border у <a> накрутить? кажется уже пробовал (не помню точно) Как оно выглядит: Это левая стрелка в файрфоксе: Это -- правая …
0 votes4 answers -
Простой макет.
Здравствуйте, делаю простой макет, есть несколько вопросов. В качестве фона header'а хочу поставить следующее изображение 1024*386 (ниже). Сразу вопрос: правильно ли так делать? Я имею в виду, правильно ли разрезал или нужно было другим образом (например, по частям: сначала серую полоску сверху, за ней белую область ниже и так далее, после чего каждый вырезанный элемент ставить в отдельный div) На форуме прочитал, что нельзя сделать так, чтобы картинка растягивалась в соответствии с размерами окна браузера. Как поступить в данном случае? Мне нужно, чтобы было как на макете (изображение на всю ширину). При таком коде изображение не повторяется, но и не дотягивает до конца…
0 votes10 answers -
Выбрать самый последний элемент
Навожу мышкой на любой элемент и он например меняет прозрачность, но только он, без родителей, сестёр, двоюродных деушек и прочих - только то на чём стоит мышка, самый нижний (малый) элемент. :nth-last-child(1)+:hover - не работает
0 votes15 answers -
HTML5
Здравствуйте, уважаемые. Напишу вопрос по коду html5. Если он покажется вам тупыми - просто пройдите мимо. Я долго Гугль мучил, пока вспомнил о форуме, где мне помогали по старому html много лет назад, да всё не впрок. 1. Drag and Drop в html5. Дано: окно браузера. В нем - главный <div> на всё окно. А в нём - несколько <div>, которые мне надо перемещать. Что-то типа: <body><div class="owner" id="largeDiv"ondrop="drop(event)" ondragover="allowDrop(event)"> <script> var div1 = new myDiv('mydiv1');" var div2 = new myDiv('mydiv2');" var div3 = new myDiv('mydiv3');" </script></div> </body></htmlВот. Как…
0 votes9 answers