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
-
отключить валидацию
подскажите пожалуйста как отключить валидацию загружаемой страницы в FF. индикатор в правом верхнем углу показывает результат валидации
0 votes15 answers -
Проблема с div\span
Всем привет! Проблема в том, что я хочу заключить 3 картинки-ссылки в одну строку, но когда я это делаю, то 2 и 3 картинки при наведении курсора "трясутся" и чтобы перейти по ссылке приходится нажимать ПКМ-Открыть. ВОт код <br><span class="buttons"> <a href="http://beltravel.16mb.com/?lang=RU"><img src="wp-content/themes/suvfocus/images/lang/ru.png" width="32px" height="32px"></img></a></span> <span class="buttons"> <a href="http://beltravel.16mb.com/?lang=BE"><img src="wp-content/themes/suvfocus/images/lang/be.png" width="32px" height="32px"></img></a></span> <span class="buttons"> <a…
0 votes4 answers -
float
Здравствуйте, подскажите пожалуйста как отцентрировать картинку справа, не задавая ширину абзацу? http://jsfiddle.net/ShootingStar/EQuwu/
0 votes5 answers -
Растяжка wrapper
И снова я, снова с растяжкой wrapper`a, на этот раз с другой проблемой, В общем wrapper должен тянуться по длине, все было бы хорошо, но вот wrapper состоит картинкой (прозрачность в местах + закругление углов) впринципе проблемы нет - wrapper тянется, но не так как нужно, ведь там закругленные углы и прозрачность - что не ок. Как выходить из такой ситуации? Смотрим код http://jsfiddle.net/rCRKJ/
0 votes2 answers -
События на сенсорных устройствах
Вчера взял у знакомого ipad и посмотрел свой последний сайт. На сайте есть кнопки при наведении мыши на которые появляется подсказка, сделанная с помощью jQuery. Но на сенсорном устройстве все это не срабатывает. Как поступать в такой ситуации? чем заменять события наведения? И одна из самых главных проблем: Как проверить сайт на различных устройствах если их нет?
0 votes0 answers -
атрибут "id"
Всем доброго времени суток. Не получается разобраться в проблеме с атрибутом "id" Line 41, Column 72: value of attribute "id" invalid: "1" cannot start a name …ader">А</div><div class="content" id="1-content"><div class="text">Писатели на… It is possible that you violated the naming convention for this attribute. For example, id and name attributes must begin with a letter, not a digit.
0 votes16 answers -
Выпадающий список
Хотел бы спросить как можно устранить раздвигание выпадающим списком пунктов основного меню http://jsfiddle.net/HDpPk/ Задал АР для .MainMenu чтобы выпад список не двигал нижележащий блок. Проблема ушла. Но теперь текст в выпад списке раздвигает само меню. Задать АР для выпадающих ссылок дает очень корявое отображение всего меню. + когда перенес тот же код в Фидли, получил "ныряние" всего меню при выпадании списка.
0 votes3 answers -
option selected и IE9
Простенький код: <span> <label for="cmp_sort">Sort by</label> <select id="cmp_sort"> <option value="original" selected="selected">original</option> <option value="name">name</option> </select> </span> Во всех браузерах, включая IE7-8 работает корректно(при загрузке страницы в select появляется "original"), в ие9 при загрузке страницы - в select показывается пустая строка(если на нее нажать, там и появляются "original"/"selected"). Пробовал засунуть $("#cmp_sort").val("name"); При загрузке выполняется, но значение в select все равно не устанавливается. Хотя если вы…
0 votes3 answers -
Вертикальное меню (раздвигающееся вниз)
Пытался делать с помощью высоты, visibility, но не чего не получается, следующий пункт li в основном ul'е не хочет двигаться, как мне сделать чтобы он захотел? И как вы делаете вертикальные меню? в ксс только(просто другое совсем не знаю) Как же ЭТО СДЕЛАТЬ?
0 votes5 answers -
Текст выходит за рамки слоя
Привет всем! Столкнулся с проблемой: текст выходит за рамки слоя и окна браузера(появляется горизонтальная полоса прокрутки) и не переносится без <br>. Подскажите что можно сделать? код слоя: #content_70 { padding-top: 10px; position:absolute; min-width: 79%; max-width: 80%; top:82px; bottom:35px; right:1px; } и картинка для наглядности: http://pixs.ru/showimage/000jpg_3898710_5088666.jpg
0 votes3 answers -
Позиционирование тени по нижнему краю
Здравствуйте. Как можно спозиционировать тень по низу? box-shadow:1px -1px 3px rgba(0, 0, 0, 0.5); 1px - сдвиг влево, -1px - сдвиг вправо. 3px - размытие. Не получается, при данном коде, тень располагается правее... Что делаю не так?
0 votes4 answers -
Вопрос по margin:0 auto;
Как работает margin: 0 auto;? При каких условиях? Потому-что ссылка и изображение не выравнивается по центру. Блоку ширина задана. Что-то еще пропустил? http://jsfiddle.net/a9nGy/
0 votes1 answer -
помогите с тегом embed
Здравствуйте , я хотел сделать сайт на который загружу музыку , но есть одна проблема , когда я обновляю страницу то начинают играть все песни , а мне нужно сделать так , что бы играли только те , на которые нажали плей . Вот так делал я , подскажите пожалуйста как сделать , что бы играло то , что хочешь , а не всё сразу ). <embed src="ХИТ ЛЕТА 2011.mp3"> <br> <embed src="Музыка/L'aRossa - P2 2011].mp3">
0 votes6 answers -
Горизонтальное меню как на Apple
Доброго времени суток! Друзья, много где спрашивал, однако однозначного ответа ни где не нашел. Дело в том, что я хочу сделать горизонтальное меню по-центру сайта. С заданной шириной, так, чтобы при добавлении дополнительных пунктов ширина не изменялась, а менялась только ширина пунктов меню, т.е. уменьшалась в зависимости от количества пунктов. Причем!!! Пункты меню должны иметь разную ширину. Тупо задать размер - не интересует. Можно тут посмотреть: http://www.apple.com/ Градиенты не интересуют, хочу сохранить гибкость. Буду благодарен всем, кто сможет направить на путь... Спасибо! Если у них на сайте чуть подправить HTMl с помощью fireBug например. То на второй картинк…
0 votes10 answers -
Хром - перенос строк с обрывом слов в TEXTAREA
Подскажите пожалуйста - как устранить перенос строк, который обрывает слова в TEXTAREA? Причем это только в хроме. Аттрибут wrap=soft и CSS: resize:none; word-wrap: break-word; white-space: normal; вроде должно быть как надо, ан нет
0 votes0 answers -
Задний фон по центру
Все доброго времени суток. Помогите решить проблему: нужно, чтобы на сайте на заднем фоне находилось изображение завода. Так вот, вся структура сайта у меня находится в теге с таким классом: div.block { width: 900px; margin: 0px auto; } Сама картинка завода шириной в 1200 px, нужно, чтобы она была позади сайта по центру. Причем чтобы при разрешении экрана меньше 1280 по ширине, сайт все равно остался бы по центру экрана. (Получается, что фоновая картинка как бы "уехала" бы за левый край экрана)
0 votes3 answers -
Такст по вертикали
Возможно ли без картинки сделать такой "Feedback"? http://clip2net.com/s/23jou Т есть текст в блоке расположить вертикально.
0 votes6 answers -
HTML/CSS[HELP]
Как сделать верхнее подменю как на картинке? http://imageshack.us/f/341/testqn.jpg/ Т.е. чтобы верхний бордер подменю отсутствовал под самим корневым пунктом лишь.
0 votes9 answers -
Сдвигается сожержимое блока
Подскажите, почему при наведении на блок, когда появляется рамка, все сдвигается? Как сделать, чтобы содержимое блока оставалось неподвижным при наведении ? http://jsfiddle.net/qnr9Y/2/
0 votes6 answers -
Растянуть текст в меню
Текст в меню не растягивается на всю ширину, justify не помог, как это исправить? <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Титл</title> <style type="text/css"> a:link{ color:#FFFFFF; text-decoration:none;} a:visited{color:#FFFFFF;} a:hover{ color:#FFFFFF; text-decoration:underline;} a:active{color:#FFFFFF;} nav { background-color:#afafaf;/*цвет фона*/ border:1px solid #4c4c4c;/*рамка в 1px чёрного цвета*/ height:40px;/*высота блока*/ margin-left:5%;/*отступ слева*/ margin-right:5%;/*отступ справа*/ font-family:Tahoma, Geneva, sans-serif;/*семейство шрифта*/ font-size:20px;/*высота текста*/ text…
0 votes1 answer -
способ выравнивания блоков по вертикали
научите пожалуйста выравнивать блоки по вертикали. вот в этой теме я задавал подобный вопрос и мне неплохо ответили. однако полученное решение не подходит для случая когда блоков много и они располагаются в несколько "строк" например на этом сайте мне пришлось для выравнивания дочерних блоков контейнера .tovars использовать дополнительный класс .tovars .bot , что не есть хорошо так как в цмс контент-менеджеры добавляют контент без учёта классов
0 votes3 answers -
Как реализовать такой фон?
Есть такой макет: центральная часть фиксирована по ширине (желтый фон у хидера и футера, зеленый - у блока с контентом). Нужно сделать, чтобы фон желтого и зеленого цвета растягивался на всю доступную ширину. Единственное, что я придумал - применить, допустим, для html фон желтого цвета, а для body - зеленого, сместив по вертикали на величину, равную высоте хидера, предварительно подготовив фон, равный по высоте блоку с контентом. Но ведь высота блока с контентом может меняться (например, при увеличении шрифта). Так как все таки это реализовать? Думаю не у меня первого возник подобный вопрос, однако поиск ничего не дал
0 votes1 answer -
Центрированное горизонтальное меню на ul
Есть страница фикс. ширины,меню на списках <div id="navbar"> <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> </ul> </div> #navbar ul { float: left; width: 100%; padding: 0; margin: 0; list-style-type: none; font-size: 100%; text-align: center; border-bottom: 3px solid #fff; background: #e6e6e6; color: #000; } #navbar a { float: left; width: 11.6em; height: 25px; text-decoration: none; color: #009; background: #E6e6e6; padding: 0.2…
0 votes6 answers -
Порядок действий при верстке
Есть шаблон сайта как пример и за одно шпаргалка, хочу сделать его копию самостоятельно. После написания html кода, в css с оформления чего лучше начинать? Может есть какой-то примерный поэтапный план действий? Я только-только приступил к практике, до этого только обучающих видео выполнял задачи по конкретным тегам,атрибутам и т.д.
0 votes2 answers -
inline-block в IE7
Помогите разобраться. Известно, что в IE6-IE7 инлайн-блочными элементами можно сделать только из тех тегов, которые являются натурально инлайновыми, как например <span>. Но я недопонимаю на счёт IE7. Он поддерживает оба нижеперечисленных варианта или только верхний из них? display:inline; zoom:1; display:inline-block; Мой опыт говорит что оба поддерживает одинаково: вариант 1 и вариант 2
0 votes4 answers