HTML Coding

29542 questions in this forum

1. 3-х колоночный резиновый макет, минимальная и максимальная ширина

   есть сайт с примерно таким шаблоном http://studioad.ru/divit/divit_4444.txt : плавающие блоки по бокам и резиновый центр. Проблема при использовании шаблона состоит в том, что если в средней колонке использовать свойство clear, то контент в этой странице опускается до уровня, где заканчивается правая колонка: <div style="clear:both;"> , нормальный вид Знаю, можно вместо clear использовать overflow, но это лишь способ обойти проблему, мы теряем возможность использовать clear Вопрос: это несовершенность шаблона, если да, то можно ли ее устранить? Существует другой, аналогичный по функционалу, шаблон без этой проблемы?

   Asked by abc_ua, August 25, 2010

   0 votes
   6 answers
2. Изменить цвет scrollbar

   Никак не могу изменить цвет в опере, мозиле и хроме.... На сайте организовано всплывающее окно. В это окно подгружается отдельная страница news.html. В ней я прописал размеры окна, и если в размеры не влазить - выводить скролинг: .scroll-pane { width: 100%; height: 400px; overflow: auto; } .horizontal-only { height: auto; max-height: 200px; } И так добавив больше двух новостей в файл news.html у меня на главной странице index.html появилосьвсплывающее окно, в котором получился скрол.. Но я хотел бы изменить цвет и стиль скрола... Для этого в файл news.html прописал такой вот стиль.... body { background-color: #fff8dc; scrollbar-3dlight-color: #ffebcd; scroll…

   Asked by myav4ik, February 15, 2012

   0 votes
   4 answers
3. jQuery .animate css property box-shadow

   Всем привет, у меня такой трабл возник. Задумал сделать анимацию css свойства box-shadow. Задуманно так. Сначала свойство blur должно уменьшаться, потом обратно увеличиваться и так в цикле. Но к сожалению ничего не работает. Вот код http://jsbin.com/ApUbIRE/5/edit Помогите разобраться почему нее работает

   Asked by Mr.Parapampampam, November 12, 2013

   • jQuery
   • .animate()
   • css
   • box-shadow
   0 votes
   1 answer
4. не знаю почему

   короче дело вот в чём, написал я сайт в хтмеле,выложил его на народ захожу а там все русские буквы какой-то закорючкой отображены, похожей на символ параграфа.я думал кодировка, ну вписал мета тэг виндовоз 1251 в каждую страницу перезалил сайт захожу опять а там теперь вместо руских букв апострофы т.е. """"""""""""""""""""""""" вот такая фигня поменял кодировку на КОИ один хрен, только теперь пустые квадратики )))))))))) короче я не знаю пацаны чё мне делать...

   Asked by Melted, September 10, 2009

   0 votes
   10 answers
5. Рамка у textarea мешает дизайну.

   Заведенная вновь мной тема уже когда-то поднималась я где-то в результатах поиска видела - сейчас не могу найти. И уважаемый s0rr0w сильно ругался на автора темы. Тем не менее, мне необходим ответ на поднимаемый вопрос. На самом деле вопроса два. 1. У меня имеется Select с множеством записей. Селект не выпадающий, а прокручивающийся. У меня возникла необходимость убрать бордер у селекта, ибо в дизайн сайта эта рамка ну никак не вписывается. .select{ width:100%; height:300px; margin:0px; border:0px solid black; } простой бордер со значение 0 понимает только ФФ. Ни какой ИЕ - ни 6, ни 7, ни 8 - это не понимает. Как заставить ИЕ все же убрать эту злосчастную рамочку? 2. …

   Asked by In_Variant, January 19, 2010

   0 votes
   18 answers
6. Объясните пожалуйста, как работает min-width

   Здравствуйте. Не совсем понимаю, как работает min-width. 1) http://jsfiddle.net/vso3L62k/16/в этом примере width=50%, min-width= 400px. Мы наблюдаем, что при уменьшении окна ширина блока уменьшается, до тех пор пока не станет 400px. 2) Если мы ставим width diva не 50%, а 1000px. min-width делаем 200px. То почему при уменьшении окна браузера размер блока не изменяется, а появляется ползунок?

   Asked by sultanova, January 28, 2016

   • min-width
   • width
   • css
   0 votes
   4 answers
7. placeholder не отображается в chrome

   Placeholder не отображается в chrome. В остальных браузерах все нормально http://design.zevs-online.ru/1280/

   Asked by yaparoff, March 28, 2016

   • placeholder
   0 votes
   3 answers
8. Изображение вместо полосы прокрутки

   Помогите решить проблему. Я дизайнер, и в HTML только учюсь. Вопрос: как заменить полосу прокрутки во фрейме изображением или, хотя бы, изменить цвет. Спасибо!

   Asked by west, December 9, 2007

   0 votes
   9 answers
9. haml, sass и все такое

   Привет всем верстальщикам :-) С версткой у меня мягко говоря не очень, в основном бекенд, поэтому хочется немного подтянуть эту область. В связи с этим возник один вопрос - использует ли кто-то такие штуки как HAML, SASS, как кто вообще относится к синтаксическому сахару? Лично мне все это удобней, чем писать на html+css но... хотелось бы услышать мнение верстальщиков. И еще - шаблоны, например Boilerplate - тру или сакс? Хочется использовать html5 (мне он кажется более правильным, плюс есть нужные мне фичи), но напряжно заморачиваться с совместимостью со всеми браузерами. Я на ложном пути? Всем спасибо

   Asked by int03e, August 30, 2011

   0 votes
   15 answers
10. Как без фрейма сделать?

    Мне для галереи надо сделать так: Есть див, в котором маленькие фото, мне надо так, чтобы в этом диве был нижний скролл, которым можно будет, как во фрейме прокручивать фотки Как сделать??

    Asked by vvsh, December 4, 2008

    0 votes
    8 answers
11. Полупрозрачный фон в GIF

    Есть фоновый рисунок у элемента, рисунок в gif формате, как сделать его полупрозрачным через фотошоп?

    Asked by Kenshi45, March 28, 2009

    0 votes
    6 answers
12. Не работает last-child

    Между пунктами меню использовал палочки-разделители. В первом и последнем пункте меню захотел убрать разделители с помощью first-child и last-child. First-child сработал, а last-child нет. Чего он не работает? #nav li:first-child {border-left:none} #nav li:last-child {border-right:none} <ul id="nav"> <li><a class="hsubs" href="#">Товары</a> <ul class="subs"> <li style="border:0"><a href="#">Submenu 1</a></li> <li><a href="#">Submenu 2</a></li> <li><a href="#">Submenu 3</a></li> <li><a href="#">Submenu 4&lt…

    Asked by apexis, March 27, 2013

    0 votes
    9 answers
13. Динамическая высота страницы в IE

    Добрый день, возникла проблема следующего характера: неправильное позиционирование слоя в IE по нижней границе документа при динамическом изменении высоты страницы. А именно, когда высота документа увеличивается, то слой, привязанный к нижнему краю страницы, остается в IE на своем месте, а контент "заползает" под него (пример смотрите вот здесь: www.lightfood.ru/menu). Есть документ XHTML, в котором есть шапка, контентная часть и подвал. При этом подвал прикрепляется к нижней части страницы с помощью CSS. В FF и Opera все работает корректно, в IE тоже - но только до тех пор, пока страница не начинает увеличиваться по вертикали (в моем случае речь идет о развертывании спис…

    Asked by ashdesigner, October 19, 2007

    0 votes
    4 answers
14. 2 div'a в одной строке

    Делаю 2 div'a в одной строке, но между ними в Oper'е и FireFox'е возникает расстояние, помогите его убрать: <style> .g1, .g2 { width:50px; display:inline-block; } .g1 { background-color:rgb(125,55,0); } .g2 { background-color:rgb(55,0,125); } </style> <div class="g1"> 1 </div> <div class="g2"> 2 </div> Пробовал убрать отступ с помощью margin, padding, border - не помогло, если никак не убрать остаётся вроде только float'ом 2 block'а делать.

    Asked by IceBars, April 27, 2009

    0 votes
    2 answers
15. Пустой span c min-width в таблице. Проблемы с ИЕ7.

    Добрый день! Задача такая: сверстать пустые поля для вывода информации. В дальнейшем они должны растягиваться по содержимому (по ширине). Верстка табличная. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>min-width</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <link rel="stylesheet" type="text/css" href="css/reset.css"/> <link rel="stylesheet" type="text/css" href="css/style.css"/> <!--[if lte IE 7]> </style> <![endif]--> <style type="text/css"&g…

    Asked by F315, August 17, 2011

    0 votes
    15 answers
16. Я решил учить flexbox.

    Я написал новое правило "flex-direction: column;" получается, то, что перевернул главную ось и потом добавил ещё одно правило "justify-content: center;" По моей логике, блок "my-flex-container" должен выравняться по середине высоты дисплея, не зависимо от разрешения. Почему он выравнивается, только тогда, если задать высоту? http://jsfiddle.net/c7c3L4zw/ Ведь, он же как-то выравнивается по ширине, если она не задана, почему тогда не выравнивается по высоте?

    Asked by DivMan, June 7, 2015

    0 votes
    23 answers
17. FORM - функции кнопки

    Возможно ли подвесить на кнопку ОК формы функцию аналогичную кнопке "обновить" браузера и как это сделать?

    Asked by Иван, July 4, 2007

    0 votes
    4 answers
18. Прокрутка выпадающего меню

    Я взял отсюда выпадающее меню для своего сайта, но в меню Статьи - Солнечная система очень много подпунктов. Как сделать, чтобы высота всего подменю была ограниченной, а если высоты не хватает, можно было бы делать прокрутку только этого подменю, а не всей страницы?

    Asked by CosmoSpace, July 25, 2008

    0 votes
    1 answer
19. Повернутый текст в IE, помогите пожалуйста

    Уважаемые спецы по HTML верстке! Моя задача - повернуть текст на минус 90 градусов. Код ниже работает как надо в FireFox 10, но в IE6,7,8 и т.д. не работает, хотя уже много рецептов, найденных на разных сайтах, перепробовал. Буду весьма благодарен, если поможете повернуть текст и в IE. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru" lang="ru"> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>Vertical text IE test</title> <style type="text/css"> .bookm_t…

    Asked by AlexV, February 19, 2012

    0 votes
    2 answers
20. Чистка css

    Добрый день, коллеги Попался мне в руки старенький шаблон, свёрстанный неким школьником. Внешне всё выглядит хорошо, но внутри как-то всё печально. Код я починил, насколько нужно, а вот с css тяжеловато. Там полторы тысячи строк и разобрать это вручную малореально. Конечно, что-то я уже почистил, но не более того. Посему вопрос: есть ли какой-то сервис, программа, скрипт, позволяющие (полу)автоматически сделать следующее: 1) убрать неиспользуемые правила 2) указать пересекающиеся/дублирующиеся правила 3) максимально сократить код, убрав конструкции, подобные этой Короче, нужно максимально оптимизировать css, но не просто убрать пр…

    Asked by MAzZY, April 7, 2016

    0 votes
    8 answers
21. Проблема с валидацией

    Имеется такой файл: ?<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <link rel="stylesheet" type="text/css" href="pdd_style.css" /> <title>Документ без названия</title> </head> <body> <h1>Правила Дорожного Движения 2011</h1> <h3>4. Обязанности пассажиров</h3> <ul> <li><span class="point">5.1.</span>Пассажиры обязаны:</li> <ul> …

    Asked by Selassie, August 1, 2011

    0 votes
    2 answers
22. Рендеринг шрифтов в IE9, it sucks.

    Даже не знаю с чего начать, хм... Проблема в том, что в IE9, очень плохо отображаются шрифты, без сглаживания, какие то даже может не четкие, размытые. В интернете находил много тем с обсуждением данной проблемы, но конкретного решения не встречал, об этом можно почитать на хабре или ixbt. Пример сравнение рендеринга шрифта в разных браузерах на картинке: Мне же интересно как решить данную проблему, что бы во всех браузерах шрифт отображался примерно одинаково, а если быть точней, что бы IE9 отображал нормально шрифт, как это было в IE8 или в других же браузерах. Тут уже как то пару раз спрашивал, не создавая новую тему, но ответа так и не получал, не ужели ни кто не зна…

    Asked by papay, January 14, 2013

    • font
    • ie9
    0 votes
    4 answers
23. наследование высоты

    сломал голову в размышлениях над: body, html{height:100%} если задать высоту таблице или блоку 100%, он адекватно растягивается, если структура таблицы представляет 3 строки, 1я и 3я - фиксированные высоты, то почему автоматом не вычисляется высота 2й строки(имею ввиду ячейку, не важно), если указать высоту 2й ячейки 100%, то она считается от BODY, а не от таблицы, даже если у таблицы есть еще один родитель со 100%, как сделать чтобы TD считал высоту от высоты таблицы, а не от BODY? как заставить DIV принимать высоту в 100% от родителя с % или явно не указанной высотой?

    Asked by SerJey, May 31, 2008

    0 votes
    4 answers
24. Вопрос по apache.

    Возник вопрос. Вот когда ставишь сервер денвер, путь к директории выглядит так /home/user/local/www , как на апатче сделать такое? Заранее спасибо.

    Asked by vvsh, September 19, 2008

    0 votes
    17 answers
25. Задача для первоклассника )

    Привет коллеги, у ког есть свободная минутка прошу взглянуть на толи мою невнимательность , толи на интересный баг ие7 ... http://www.feel-maestro.com/ru/action.html - вот ссылка на сайт который сейчас оформляю ... смотрим в ие7 выпадающее меню ... для него специально заданы параметры: #header #myslidemenu ul li ul {width:auto; display:block !important; border:1px solid red; background:green; overflow:visible; visibility:visible !important; height:250px;z-index:999999;} но даже при всём этом ие7 удаеться положить мой ul под всё остальное на странице =)) у кого какие соображения ?

    Asked by monya1987, November 12, 2009

    0 votes
    12 answers