HTML Coding

29542 questions in this forum

1. Смена background-image при работе с псевдоклассом hover

   Здравствуйте! У меня стоит задача, что при наведении на блок li строка должна поменять цвет, в том числе и картинка. Я меняю картинку с помощью background-image: none; background: url(../img/check_icon_red.png) left no-repeat; Но теперь картинка позицианируется не там где должна, её можно поставить на место только вручную, через -100px. Нужно поставить ровно туда, где она была. Должна быть в одном ряду с другими

   Asked by zeiger2, August 12, 2023

   • html
   • css
   • псевдокласс
   0 votes
   1 answer
2. Блок со скошенными краями

   Здравствуйте, подскажите пути решения такой вот задачи: Скрытый текст Адаптивный дизайн, родительский блок сделал с помощью clip-path:polygon, но у внутренних блоков есть border:2px поэтому clip-path не подходит. Подскажите, как правильнее это сверстать?

   Asked by Alex Def, June 25, 2018

   • css
   • clip-path
   1 vote
   12 answers
3. Td>img = 3px

   не бейте, если этот вопрос звучал (а он вроде звучал), но не нашел ответа. в IE у картинки появляется отступ в 3px снизу, когда оная находится в TD. помогите ссылкой или хаком

   Asked by Nird, August 28, 2008

   0 votes
   16 answers
4. Валидация

   Не могу проверить верстку валидатором. Выдает: Что в переводе Google означает: Подскажите, пожалуйста, что это за ошибка и где ее искать?

   Asked by Mila, August 25, 2009

   0 votes
   11 answers
5. Проблема с адаптивом на iPhone.

   Здравствуйте! Возникает проблема с вёрсткой на сайте на "просмотрщиках веб страниц" iPhone. На Android всё хорошо, на разных браузерах. Проблема в следующем, не блокируется скролл во всплывающем меню http://cartersbaby.ru/ на этом сайте. Вот примерные изображения проблемы: Собственно серого фона не должно быть, так же как и скролла долгого. В css забита высота этого серого элемента, но стоит overflow: hidden. Допускаю собственную ошибку, но на Android и эмуляторе в Chrome проблем нет.

   Asked by Vicos, October 5, 2015

   • scroll
   • iPhone
   • адаптив
   0 votes
   4 answers
6. Загрузить файл в textarea

   Подскажите, пожалуйчта, как загрузить файл с компа в textarea?

   Asked by flexup, December 2, 2007

   0 votes
   14 answers
7. Не понимаю на что ругается валидатор

   Добрый день! Пытаюсь довести шаблон до состояние valid =) Проверяю через validator.w3 и вот что он мне выдаёт Bad value Cache-Control for attribute http-equiv on element meta. <meta http-equiv="Cache-Control" content="no-cache" />

   Asked by McLotos, May 7, 2014

   0 votes
   5 answers
8. IFRAME - полосы прокрутки

   Помогите новичку. Нужно "перекрасить" полосы прокрутки для обьекта . Пишу так IFRAME{ border: 0; scrollbar-face-color: #0000FF; scrollbar-darkshadow-color: #0000FF; scrollbar-shadow-color: #0000FF; scrollbar-highlight-color: #FFFFFF; scrollbar-3dlight-color: #FFFFFF; scrollbar-track-color: #DDDDDD; scrollbar-arrow-color: #FFFFFF; background-color : #FFFFFF; } не работает ни в каких браузерах (именно то, что связано со scrollbar, остальное работает). Как можно сделать такое - если это возможно. Желательно для браузеров MSIE и Opera (разумеется не "древних" версий).

   Asked by fdds, June 10, 2007

   0 votes
   7 answers
9. Скрипт для установки стартовой страницы

   Привет спецы! Нашёл вот в нете скрипт для установки стартовой страницы в браузере, но работает тока в IE и Mozilla/FireFox, что нужно в него добавить чтобы ещё и в Opera работал? Заранее СПАСИБО! <script language="javascript"> function gHomePage(objSrc) { var homepage = "http://www.site.com"; if (objSrc.style.behavior) { // MSIE objSrc.setHomePage(homepage); } else if (netscape && netscape.security && netscape.security.PrivilegeManager && navigator.preference) { // Mozilla/FireFox netscape.security.PrivilegeManager.enableP…

   Asked by norman, December 31, 2009

   0 votes
   7 answers
10. Выпадающие меню в теме Slaed и ноль в FF

    Вот сайт http://www.dancehustle.ru на него я сделал тему, пока не до конца доделал, появились 2 проблеммы: 1. Пункт меню Галерея(выпадания только для него нужно) выпадает и не закрывается при отводе мышки, не могу понять почему, вот код меню: HTML <ul id="cssmenu"> <li><a href="index.php">Главная</a> </li> <li><a href="#">О клубе</a> <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&l…

    Asked by Spamol, November 25, 2009

    0 votes
    28 answers
11. Параметр wmode для flash объекта

    Подскажите, установил javascript показа увеличенного изображения при клике на картинку. Т.к. в шапке сайта имеется flash object при нажатии на картинку flash'ka перекрывает увеличенное изображение. Параметр wmode пробовал установить transparent и opaque Срабатывает только в IE, а вот ни Opera ни Mozilla не воспринимают. Что делать?

    Asked by TAILER, July 16, 2009

    0 votes
    4 answers
12. td height IE

    Не получается сделать высоту первой ячейки ни через атрибут, ни через стиль IE не слушает. Все вроде правильно отверстано! Где косяк? <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>-=title=-</title> <style type="text/css"> <!-- * { margin: 0; padding: 0; border: 0; } html, body { height: 100%; } body { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#191919; } --> </style> </head> <body> <table border="0" cellspacing="0" cellpadding="0" wid…

    Asked by yadfewm, August 31, 2009

    0 votes
    9 answers
13. Стили для поля ввода (default, valid, invalid)

    Делаю форму (HTML5) и столкнулся с такой проблемой. Если указывать атрибут required для input, то стили для этого поля автоматически с дефолтных значений меняются на те, которые я прописал в input:invalid (как я понял, так работает валидация формы). А как сделать, чтоб и проверка работала, но применялись стили по умолчанию, а стили input:invalid применялись если введенная инфа не соответствует тому, что я прописал в атрибуте pattern для input?

    Asked by frontMan86, February 19, 2016

    • html5
    • css3
    • form
    • valid
    • invalid
    • input
    0 votes
    5 answers
14. Сдуелать два слоя одинаковыми по высоте

    В общем возник вот такой вопрос: какие есть варианты сделать два рядом стоящих слоя одинаковыми по высоте, например, есть такая раскладка: <style> div {float:left} .no1 {width:30%} .no2 {width:70%} </style> <div> <div class='no1'>content1</div> <div class='no2'>content2</div> </div> задача: сделать no1 и no2 одинаковыми по высоте, независимо, сколько в них содержиться информации. ps. для себя я эту задачу уже решил просто интересно, какие у кого еще есть предложения по этому поводу

    Asked by sergiyko911, January 4, 2008

    0 votes
    8 answers
15. Помогите с сочитанием горизонтальных и вертикальных списков (ul li)

    Есть сайт http://www.microsoft.com/web/platform/default.aspx Пытаюсь перерисовать его дизайн. Основное горизонтальное (чёрное) меню удалось, по нажатию на кнопку сделал popup меню, в котором должен быть выбор элементов - так же сделал через ul и li. Но этот выбор никак не хочет вставать вертикально! Копирую часть кода с этим списком в отдельный htm, там он вертикально. С помощью fireBug'а сравниваю css свойства в обоих файлах у этих ul и li - одинаковы (display: block !important). При этом смотрю свойства li горизонтального меню - там display: list-item, а не inline. Помогите поднять второстепенный список вертикально. Так же не понимаю как microsoft положил список горизон…

    Asked by SHUstriK, January 13, 2010

    0 votes
    6 answers
16. Пунктир вокруг... кнопок (submit, button) в FF

    С пунктиром вокруг ссылок все понятно a { outline: none; } Эта тема обсуждалась на форуме. А вот как убрать ту же рамку кнопок (при нажатии)? И вообще, возможно ли это? Короче говоря, что написать сюда: input[type="button"], input[type="submit"]{ ??? } Только меня-то уж в песочницу посылать не надо))) Все знать невозможно.

    Asked by and0605, August 28, 2009

    0 votes
    16 answers
17. min-width?

    Кто знает почему не срабатывает min-width для столбцов таблиц? Есть ли альтернативное решение?

    Asked by Raf, April 26, 2008

    0 votes
    5 answers
18. растягивание фона

    Можно ли сделать так, чтобы фоновое изображение ячейки растягивалось на ширину ячейки? У вас наверно может возникнуть вопрос зачем мне это надо. но у меня на сайте есть горизонтальна менюшка, которая состоит из 6 ячеек, в каждой их которой рисунок, шириной 184пиксела. и надо, чтобы менюшка тянулась в ширину 100%. я делал это давая ширину общей таблице 100%, и каждому рисунку 100% (ну и ячейкам по 16%),и вроде как все должно было тянуться хорошо. И так оно и было в ФФ, Сафари и Опере. Но всеми любимый нами ИЕ не хочет при уменьшении ширины браузера уменьшать рисунки меньше их действительного размера. больше-пожалуйста, растягивает нормально, но меньше-никак. Я уже не знаю,…

    Asked by Константин, February 18, 2008

    0 votes
    4 answers
19. Белый экран при переходах между страницами — от чего зависит?

    Доброго времени суток форумчане! Имеется сайт http://www.modelmaking.ru , при переходе по ссылкам (особенно в левом меню) (или из верхнего меню на главную) , на мнгновение появляется белый экран. Замечено это в Хроме в ИЕ в Опере, в сафари и файрфокс все норм. Как думаете в чем проблема??? браузер плохо кэширует главную страницу??? Есть ли пути решения?? Заказчик работу не хочет принимать изза этого бага(((((( показывает сайты где при переходе по ссылкам все норм(

    Asked by Daniil Khanin, October 21, 2014

    0 votes
    10 answers
20. TABLE - высота 100%

    Есть таблица, но она не растягивается на весь экран Подскажите, плз, что не так. {...отредактировано kiD}

    Asked by mimic, July 24, 2007

    0 votes
    11 answers
21. Проблема с float

    Пытаюсь прикрепить футер к низу через position:absolute и bottom:0px . Т. е. положение футера зависит от высоты body. Проблема в том, что блоки с float:left не влияют на эту высоту (для всех кроме IE). Методом "тыка" удалось выяснить, что если к самому body приписать float:left , то все начинает работать как надо. Но я не знаю нормально ли к body такое приписывать. По крайней мере, нигде этого не встречал. Четко сформирую вопросы: 1. Можно ли к body приписывать float:left ? Не появятся ли из-за этого потом проблемы? 2. Как обычно поступают в таких случаях (про существование гугла я знаю, но в тех случаях, что мне удалось найти либо футер крепился по-другому, либо не было …

    Asked by Riim, May 31, 2009

    0 votes
    7 answers
22. проблемный background

    Народ, помогите, пожайлуста, советом. Макет предусматривает вот такой фон: Никак не могу понять как сделать, проблема в масштабировании, мало того, что надо делать под любые разрешения, что еще можно решить сделав заведомо большую картинку и/или юзать js. Но ведь еще может быть ситуация, что на страницу выведется очень длинный текс и картинка кончится. Может есть у кого мысли?

    Asked by _axl, October 30, 2008

    0 votes
    16 answers
23. Как сделать подчёркнутую пунктиром гиперссылку

    Ещё раз доброго времени суток. вопрос по поводу тега A как сделать подчёркивание пунктиром? приём a{ border-bottom: 1px dotted #fff; } Почему-то не работает может быть кто нибудь сталкивался с подобной задачей? заранее спасибо за ответ.

    Asked by taran, December 7, 2009

    0 votes
    13 answers
24. Шрифт и тень

    возможно ли создать шрифт, который будет отбрасывать тень средствами css?

    Asked by sc@r@bey, January 19, 2010

    0 votes
    10 answers
25. При обновлении страница сама прокручивается в один и тот же участок страницы

    Здравствуйте. При обновлении страница сама прокручивается в один и тот же участок страницы. Верстаю на бутстрапе , себя бы обозвал опытный новичек. При загрузке и обновлении страницы ,страничка сама становиться в одном и том же месте ближе к середине страницы. В точности под навигационным меню ,которое снизу большого слайдера.(т.е. при загрузке страницы показывается не слайдер ,а навигационное меню сверху экрана и то что под меню.) Навигационное меню такое : <div class="row"> <div id="navbar-middle" class="col-lg-12 padding-nav-menu"> <ul class="nav navbar-nav nav-balka nav-text"> <li class="active"…

    Asked by ishurgaya, July 15, 2015

    0 votes
    3 answers