HTML Coding

29542 questions in this forum

1. Синтаксис CSS

   Подскажите товарищи что значит знак "-" для примера правила ul.menu li.active-trail > a, ul.menu li.active-trail > a.active, Если что это я в Друпале нашел

   Asked by laswetu, May 14, 2010

   0 votes
   7 answers
2. Как убрать зазор между блоками в ИЕ6

   В общем, уже и не знаю что делать. Часа четыре сижу не могу понять где же я не прав. Верстаю закруглённые углы. Получается левый и правый - картинки (бг), а линия - тоже бг зарепиченый по оси Х. И вот в ИЕ6 вылазит щель, и хоть ты тресни. Уже испробовал кучу всяких советов, которые нашёл на форуме, но то ли руки кривые, то ли уже устал ...х/з. Собственно, вот сам трабл: http://rubanys.narod.ru/index.html

   Asked by Belovsan, August 11, 2010

   0 votes
   7 answers
3. Проверка На Кроссбраузерность

   Просто любопытно послушать мнение форумчан, по некоторым вопросам. Мне кажется самая подходящая ветка форума для такого обсуждения, если ошибаюсь то перенесите куда следует. 1.Как проверяете верстку на кроссбраузерность? Я проверяю в IETester(6,7,8) и в последних версиях фф, сафари, хром и опера пользователи последних я думаю регулярно обновляют браузеры до последних версий(нет ведь таких кто по каким либо причинам вынужден пользоваться 2-ым фаерфоксом или 9 оперой, как в случае с ИЕ). Существуют ли проверенные аналоги ИЕТестера для других браузеров? Делитесь ссылками. 2.Кроссбраузерная это и кроссплатформенная тоже? Если сайт правильно отображается во всех выше перечисл…

   Asked by rediskavet, September 10, 2010

   0 votes
   6 answers
4. Ширина в теге <col>

   Делаю таблицу с применением тегов col, специально для интернет эксплорера, так как он с этими тегами лучше и быстрее таблицу отображает. Подскажите, пожалуйста, а как установить для тега col значение ширины "auto", ну, например типа так: <col width="auto">, но, это не работает, это можно только через стили, то есть, дать класс тегу и через класс уже задавать, будет так: <col class="aaa"> .aaa{width:auto;} Это понятно, но, мне так не надо, мне надо именно в самом теге это задать без стилей!

   Asked by Начинающий ве стальщик!, March 7, 2011

   0 votes
   18 answers
5. Резиновые шрифты , реализация без js

   Сделал дизайн на разрешении 1024*600 и экране 11''. Потом оказалось, что на большом экране (1600*900, 19'') шрифт в 17px слишком мелкий. Исправил - но на маленьком экране все стало очень крупно. Как сделать резиновый шрифт, не могу нормальный мануал найти... Вот сайт

   Asked by Mosya, April 22, 2012

   0 votes
   1 answer
6. Подключения шрифта

   Привет всем! У меня наметилась такая проблема: делаю шаблон на html5, но не могу подключить шрифт. Вроде бы все делаю правильно, прописываю нужный код в css-файле, но все-равно ничего не выходит. Может, кто-нибудь скажет — почему так?

   Asked by sayapinant, October 11, 2013

   • шрифты
   • верска сайтов
   0 votes
   8 answers
7. LESS import и браузеры

   Проблема в следующем. Есть папка с такой структурой: +css +bootstrap +img design.less markup.less style.less +images +js index.htmlв index.html мы подключаем style.less <link rel="stylesheet/less" href="css/style.less">style.less служит контейнером, в него нужно импортить все остальные стили @import "css/bootstrap/css/bootstrap.min.css";@import "design.less";@import "markup.less";Теперь открывая эту страничку в браузере, мы видим только html, а стили не применяются, кроме FF и safari в этих браузерах все ок. Проблема решается установкой локального веб сервера, но хотелось бы знать почему так.

   Asked by swandev, November 26, 2013

   • less
   0 votes
   19 answers
8. Резиновая шапка сайта

   Добрый день! Проблема в отображении шапки мобильной версии... В desktop версии все хорошо, а в мобильной версии криво Вот css: body { margin: 0; } header { display: block; background: #f4f3e6 url(wp-content/uploads/2014/12/header-grad4.jpg) repeat-x; /* Градиент */ } .header-bg { background: url(images/header-animal.png) repeat-x center bottom; /* Животные */ height: 438px; /* Высота шапки */ text-align: center; /* Выравнивание по центру */ } .header-bg img { position: relative; /* Относительное позиционирование */ top: 0px; /* Сдвигаем картинку вниз */ }А вот сам код: <div class="header-bg"> …

   Asked by Dizred, January 28, 2015

   • header
   • mobile
   0 votes
   7 answers
9. Почему же не работает class?

   Ребятки, помогите пожалуйста. Не могу понять, почему же не работает class?Помогите пожалуйста, я тупо не могу понять, почему же....

   Asked by Dessik123, August 12, 2021

   0 votes
   4 answers
10. Кроссбраузерная строка поиска на html+css

    Здравствуйте. Есть простой код с формой, состоящей из строки поиска и кнопки. Есть желание задать оформление: placeholder + скругление + тень при фокусе. Казалось бы - куда уж проще. Но браузеры дружно доказывают, что я слишком наивен в своих предположениях. Вот код Тот же jsfiddle все отображает как задумано: тыцяем в поле - текст пропадает, граница и тень появляются. Opera: аналогично. Firefox 19.0.2: текст из placeholder пропадает не при фокусе, а только после начала набора текста запроса. Chrome 25 удивил: бордера, тени и скруглений нет, реакции на фокус тоже нет. Гугл толком ничего не сказал - только по placeholder-у нашлось решение на Javascript. Вопрос: Возможно …

    Asked by Kray Storm, March 23, 2013

    0 votes
    2 answers
11. transition для меню

    Для меня было новостью, что transition не работает со св-вом display: none; Как быть тогда, если я хочу плавно показать в горизонтальном меню выпадающие подпункты и без js, jq?

    Asked by rus, October 30, 2015

    0 votes
    11 answers
12. Частный случай вертикального выравнивания.

    Здравствуйте. Мне нужно выровнять по вертикали текст в теге <li>. Сложность в том, что текст во-первых двухстрочный. Во вторых содержится в bootstrap меню. Вот такая структура: <nav id="menu" class="navbar"> <div class="navbar-header"><span id="category" class="visible-xs">Категории</span> <button type="button" class="btn btn-navbar navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse"><i class="fa fa-bars"></i></button> </div> <div class="collapse navbar-collapse navbar-ex1-collapse"> <ul class="nav navbar-nav"> <li class="dro…

    Asked by prowoke, July 14, 2016

    0 votes
    8 answers
13. как добавить функцию JS (onclick) при XSL трансформации?

    В html-файл Я с помощью javaScript ( obj.innerHTML=XML.transformNode(XSL); ) вставляю (сгенирированный XSL трансформацией на основе данных из XML) следующий код html: фрагмент ... <img border="0" src="images/link_03.jpg" width="240" height="182" />... . Вс? работает. НО ЕСЛИ ДОБАВИТЬ к тегу 'img' функцию onclick= SomeFunction('new.xml') получиться ... <img border="0" src="images/link_03.jpg" [b]onclick= SomeFunction('new.xml') [/b] width="240" height="182" />... . То работать не будет. IE, при открытии непосредственно этого XSL-файла, пишет "Требуется строковый литерал, но не найдена открывающая кавычка". Почему? И как добиться желаемого результата? Спасибо…

    Asked by Bolmazov, January 28, 2008

    0 votes
    1 answer
14. Помагите новичку

    Помагите новичку Я не могу понять когда написал простой код <!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=windows-1251" /> <title>Это напечатано шрифтом Courier</title> </head> <body> <p style="font-family:serif;">Это напечатано шрифтом Courier</p> </body> </html> и в Мозиле и ИЕ показывает мне непонятние значки если я меняю кодировку на UTF-8 то тогда виден текст на русском. Почему так и где моя ошибка.

    Asked by Serezhka, February 1, 2008

    0 votes
    7 answers
15. Скачит в EI6

    Как исправить баг в эксплорере 6 ? Скачит центральный блок по экрану ! #centerColumn { margin: 0 15.4em; padding: 1em .5em 2em .5em; font-size:12px; font-family: Arial, Helvetica, sans-serif; text-align: justify; background-color: #fff; }

    Asked by dima2207, May 3, 2008

    0 votes
    2 answers
16. pop-under

    Как реализовать всплывающее окно у себя на сайте? По технологии: _popunder.ru _popads.ru

    Asked by UnFeeLing, May 31, 2008

    0 votes
    1 answer
17. С чего начинать борьбу со спамом на форуме?

    Всем привет!! Подскажыте пожалуста как мне блокировать спам на форуме! С чего мне начать, што мне нужно будет и вообще как ето мает выгледет потомушто я незнаю в кокую сторону двигатся! Мне дали такую тему на дипломную)) Заранё благодарен)))

    Asked by stparks, September 10, 2008

    0 votes
    7 answers
18. Объясните что за различия в отображении рамок (IE, FF, Opera 9)

    Здравствуйте. Я взял такой код для примера. Объясните пож. что здесь происходит. FF3 - толстая черная рамка вылазит из главной таблицы. IE6, Opera 9.63 - отлично. В чем природа событий таких?? Спасибо. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html> <head> <title></title> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <style type="text/css"> table, tr, td { margin: 0; padding: 0; border-collapse: collapse; } </style> </head> <body> <table width="600" style="border: 1px solid red;"> <tr> <td …

    Asked by samorealization, January 6, 2009

    0 votes
    4 answers
19. Как сделать ссылку по картинкой?

    В ячейке таблицы есть изображение + гиперсылка <table width="100%" border="0"> <tr> <td> <a href="http://123.ru" target="_blank"><img src="http://123.ru/123.gif" style="width: 90px; height: 70px;" align="left" border="0"></a> <a href="http://123.ru" target="_blank">Ссылка</a> </td> </tr> </table> Как сделать с помощью CSS чтобы гиперссылка была не справа от картинки, а под ней? Делал вот так: a {text-decoration: none; margin-top: 20px } Но не во всех браузерах корректно работает...

    Asked by Sintez, April 8, 2009

    0 votes
    8 answers
20. Что такое "дизайн сайта"?

    Здравствуйте. У меня, наверное, глупый вопрос, но если я его не задам, то откуда же мне узнать на него ответ? ) Вопрос по дизайну сайтов. Вернее, о том, - что под этим подразумевается? Это только отрисованный макет, порезанный на кусочки и упакованный в файл (в psd или в html) или уже написанный для всех этих элементов код? То есть рисунок вместе с кодом страницы? Дело в том, что html я знаю, и немного css, но со многими тонкостями, конечно же не знакома. Вот собственно и встал вопрос: если от меня требуется разработать дизайн сайта, то вёрстку (написание кода в html и css) делать уже не нужно, этим займутся другие? Спасибо заранее, буду очень признательна за ответы p…

    Asked by mistigris, September 18, 2009

    0 votes
    7 answers
21. Печать html страниц

    При вывод страницы на печать весь дизайн "плывет", то есть страница распечатывается только без таблиц стилей. Как решить этот вопрос?

    Asked by Alex&R, February 7, 2011

    0 votes
    2 answers
22. Горизонтальное меню из картинок

    Привет всем! Подскажите как сделать такое меню? Наподобие как у вас на форуме, где перечисляются: Статьи, блог и т.д. При помощи блочной верстки. Разбирался с исходным кодом страницы форума, но так и не понял... HTML понятно <div id="top-images"> <ul> <li><a href=""><img src="images/top1.png" alt="Главная страница"></a></li> <li><a href=""><img src="images/top2.png" alt="Вторая страница"></a></li> <li><a href=""><img src="images/top3.png" alt="Третья страница"></a></li> </ul> </div> Что нужно добавить в css, а то …

    Asked by Lrad, November 10, 2011

    0 votes
    13 answers
23. CSS Выбрать элементы следующие за текущим

    Как выбрать выбрать сестринские элементы следующие за текущим, до такого же элемента но без класса т.е. вот кликая на первый tr,чтобы на tr c классом преминилось,а уже на последний нет. <tr> <tr class="lvl-2"> <tr class="lvl-2"><tr>

    Asked by vladimircape, April 7, 2014

    • css
    0 votes
    2 answers
24. Годиться ли такая форма?

    Годиться ли такая форма? Подскажите пожалуйста ошибки, если они есть. И можно ли по другому сделать? http://codepen.io/anon/pen/tigle?editors=110

    Asked by Roger, October 27, 2014

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

    Собственно хочется что бы рисунки которые вставлены в ячейки таблицы, составляли один рисунок при просмотре. Сейчас же между границами ячеек существует расстояние в 1px. Как сделать так что бы не было пустого расстояния? Такой баг только в IE 6.0, в Opera и FF норма... Пустое расстояние после: <tr ><div style="border:none; margin:0px;"><img src="images/img_01.gif" /></div></tr> Весь код страницы.. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html > <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <titl…

    Asked by ProGGGer, March 29, 2008

    0 votes
    3 answers