HTML Coding

29542 questions in this forum

1. проблема с doctype

   Написал простенький сайт.Только добавил !DOCTYPE html , css стили отключились. (режим совместимости как я понял).В чем дело?

   Asked by ml227, July 10, 2013

   • doctype
   0 votes
   8 answers
2. В Мозилле не отрабатывает padding-left.

   Сайт hotellist.com.ua. Каждая страница, кроме главной, - три таблицы: шапка, контент, подвал. Таблица "контент" состоит из трех столбцов ("left", "1st", "2nd"). Столбец "left" служит для создания вертикальной зеленой полосы. "Ферст" и "секонд" - содержимое. Для "ферста" прописал отступ содержания от границы соответствующей ячейки: "padding-left:5px;". В IE все отлично - отъезжаем на нужные пять пикселей. В Мозилле эта конструкция не отрабатывает и содержимое идет впритык, а если еще и в строке первой буквой идет "у", а она, в силу специфики сайта, идет очень часто, хвостик от "у" вообще выезжает в зеленый столбец. Не смертельно, но снижает читабельность, да и просто, по-…

   Asked by Добрый бобр, July 5, 2007

   0 votes
   2 answers
3. Обновление сайта!

   Всех с наступающим!!! подскажите, какой прогой лучше пользоваться, для обновления сайта? и как ее установить?

   Asked by Alan_ua, December 31, 2008

   0 votes
   7 answers
4. Фиксированный слой

   Структура сайта такова Heder. Левый sidebar, content, footer Header и sidebar фиксированные position:fixed; Проблема в том что при прокрутки в низ sidebar накладывается на footer, как это исправить?

   Asked by Demeus, August 16, 2011

   0 votes
   20 answers
5. огромный макет, что делать?

   ширина рабочая 2000px очень огромные элементы как верстать это?

   Asked by raptor-dm, August 4, 2015

   0 votes
   13 answers
6. Куда делся px ?

   Построил флоатом блоки в двух строках: <div class="element" style="border-left: 0;"></div> <div class="element"></div> <div class="element"></div> <div class="rek" style="margin-left: 0;"></div> <div class="rek"></div> <div class="rekl"></div> css .element { position: relative; float: left; border-left: 1px solid #fff; border-bottom: 1px solid #fff; width: 233px; height: 165px; } .rek { overflow: hidden; position: relative; float: left; margin: 1px 0 1px 1px; padding: 0; border: 1px solid #dedcdc; width: 231px; height: 64px; background: #fff; } Проблема в том, что при увеличении масштаба в firefox …

   Asked by Zuma, November 18, 2008

   0 votes
   9 answers
7. Относительные единицы ЕМ

   Иногда, когда я пытаюсь верстать, я стараюсь всё делать на (ЕМ - относительных единицах), а не на РХ, но тут возникает проблема: Когда я увеличиваю шрифт с помощью CTRL и Колёсика мыши, всё неплохо масштабируется , но когда я пытаюсь изменить размер шрифта Обычным способом: В любом браузере стандартным способом, через Верхние вкладки, Настройка-Размер шрифта и т.д, то тут с моей вёрсткой происходит Ужас, а точнее всё расползается и Сайт выглядит отвратительно, в отличии Если бы я верстал на Пикселях. Поэтому вопросы: 1) Правильно ли я делаю, что верстаю на ЕМ ? 2) Стоит ли придавать значение Обычному способу настройки шрифта, то есть много ли людей по статистике на данный…

   Asked by psywalker, March 29, 2009

   0 votes
   14 answers
8. <table> in <div>

   всем привет есть такая конструкция: <div style="width:50%"> <table width="100%"> <tr> <td width="15%"> one </td><td width="85%"> two </td> </tr> </table> </div> проблема заключается в следующем: ширина ячеек устанавливается 50%, а не как надо: 15% и 85%... кто знает, почему так получается и как это побороть? )

   Asked by lexx006, December 16, 2009

   0 votes
   8 answers
9. Не работает tr:hover

   На сайте в таблице требуется при наведении на строку курсора выделять ее другим цветом. Но задаваемый мной стиль не работает: .tables2 tr:hover{ background:silver !important;} При этом если задавать это свойство для ячейки таблицы, то все нормально отображается. Вот пример страницы:http://football-stadiums.ru/afrika/10-afrika/29-marokko.html Подскажите, пожалуйста, что не так, если не сложно. Заранее благодарен.

   Asked by alejandro13, October 18, 2014

   • tr:hover
   0 votes
   3 answers
10. Масштабирование сайта

    Помогите пожалуйста найти решение, хочу сделать функцию, по нажатию на кнопку к примеру масштаб страницы становился 150%

    Asked by skoch244, October 21, 2014

    • Масштаб
    • сайт
    • Javascript
    • jquery
    0 votes
    2 answers
11. Bootstrap 3 адаптивное меню

    Здравствуйте. Нужна помощь по адаптивоному меню. При отображении на малых екранах вверху главное меню сворачивается в одну кнопку справа при нажатии на которую разворачивается меню в столбик. Ниже расположено три колонки, нужно чтобы точно также работало меню которое там есть. Прописал стили меню в колонках, но немогу понять где ошибка, так как при уменьшении екрана меню не пропадает, нужно кликнуть на кнопку (вид вертикально три точки) тогда сворачивается и разворачивается. Вот ссылка на пример: http://webaider.com

    Asked by karpus, April 1, 2015

    • bootstrap 3
    0 votes
    0 answers
12. Позиционирование в div

    Каким образом позиционировать текст внутри ?К примеру, как разместить текст в нижнем левом углу ?

    Asked by malenkymuk, August 24, 2007

    0 votes
    3 answers
13. Странное поведение отступов...

    <html> <head> <style type="text/css"> body { margin: 0; padding: 0; background: #e5e4e4; } #body { background: #fff; } #head { height: 137px; } #logo { margin-top: 34px; } </style> </head> <body> <div id="body"> <div id="head"> <div id="logo"><a href="#"><img src="logo.gif" width="165" height="69" border="0"></a></div> </div> </div> </body> </html> Хочу отодвинуть логотип (id="logo") от верхнего края шапки (id="head"). Для этого задаю стиль #logo { margin-top: 34px; }. В IE все нормально, а вот в FF, вместо того, чтобы отоднинуться логотипу от края шапки, отодвигается…

    Asked by ZooY, March 8, 2008

    0 votes
    6 answers
14. Страница с изображением составленным php скриптом

    Здравствуйте, необходимо сделать страницу, которая отображала бы только картинку (.jpg), которая сделана php кодом, т.е. ссылка у нее типа http://site.ru/1.php. Это необходимо для добавления картинки как веб элемент на рабочий стол Windows. Составляем страницу добавляя код такова плана: <html><body><img src=1.php></img></body></html> Ок, при добавлении этой страницы как веб элемент мы получаем окошко с картинкой, но в этом окне со всех сторон виден белый фон . После небольшой модернизации: <html><body topmargin=0 bottommargin=0 leftmargin=0 rightmargin=0><img src=1.php></img></body></html> Мы получи…

    Asked by Suryuk, November 7, 2008

    0 votes
    5 answers
15. нужен хак для overflow:visible в IE

    имеем блок с флешом вставленный в HTML так: <div style="position:relative;width:776px;height:343px;z-index:3;overflow:visible;border:green 1px solid"> <object ... width="776" height="393"> </object> </div> 111111111111111111111111111111111111111111111111111111111111111111111 желаемый эфект: объект в прозрачном флеше при определенных событиях выходит за нижнюю рамку DIVa и перекрывает текст в FF,Mozilla,Opera всё так и есть а IE (6,7,8) увеличивает DIV до размера флешового контейнера нагуглил, что это св-во именно IE. Решения не нашел что подскажет коллективный разум?

    Asked by $SMax$, May 25, 2009

    0 votes
    6 answers
16. CSS свойство cursor в IE

    Доброго времени суток, есть вопросик!!! В IE CSS свойство cursor распространяется только на текст, а не на всю "площадь" элемента-контейнера. Можно это как-то исправить? Вот кидаю весь код, чтоб была понятна суть вопроса, проблемная строчка выделена. Заранее спасибо!!!!! <!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" lang="ru" xml:lang="ru"> <head> <style type="text/css"><!-- * { margin: 0; padding: 0; border: 0; } .divCloser { margin: 0; padding: 0; text-align: center; background: #ff0; /* *вот тут проблема *в IE кур…

    Asked by CoDy, June 19, 2009

    0 votes
    3 answers
17. Почему то в IE не отображается "padding"...

    .v { border: 1px solid #000000; padding: 3px; } Я пишу вот это в стилях, в Опере и ФФ все рамки вокруг изображения отображается четко, но в IE нет отступа, то есть padding. Просто черная рамка вокруг. Подскажите как в IE сделать так же как в Опере.

    Asked by mxm008, July 26, 2009

    0 votes
    10 answers
18. Вёрстка сложных форм

    Поделитесь опытом кто какие конструкции использует для вёрстки сложных форм вот пример не сложный но суть думаю ясна сам юзаю каркас <ul class="inputForm"> <li><span class="title"></span><input name="" class="textInput" /></li> </ul>

    Asked by WalkMan, October 8, 2010

    0 votes
    19 answers
19. Как убрать бордюр родительского элемента?

    Здравствуйте. Ситуация такая. Блок виджета для сайта на движке wordpress очерчен бордюром слева. Внутри этого блока есть блок названия виджета. Сейчас выдача выглядит так: Что нужно сделать, чтобы левый бордюр у заголовка исчез? Ширины для родительского элемента и заголовка заданы, одинаковые. Поиграл с z-index, но безуспешно. Спасибо.

    Asked by ObanTM, May 30, 2012

    0 votes
    11 answers
20. Выровнить текст в списке относительно маркера

    Привет! Как выровнить текст в списке относительно маркера. http://jsfiddle.net/KstMK/

    Asked by parabola, August 23, 2013

    • list
    • лист
    0 votes
    6 answers
21. Проблема с прокруткой overflow

    Подскажите пожалуйста: Сверстал дизайн, поставил окно с прокруткой (выводит статьи) Но вот проблема- все элементы дизайна ниже этого окна просто пропадают и не отображаются. Как выйти из этой ситуации?

    Asked by Grizli, November 5, 2007

    0 votes
    5 answers
22. Здраствуйте, есть пара вопросов и предложений :)

    Наткнулся на этот форум - возблагодарил богов. Всех сразу и по отдельности. У меня 1 вопрос и 1 предложение. И 1 извинение, если че не так Вопрос: у меня есть сайт, юзаю бесплатную систему ucoz (ну что тут поделаешь, студентег, денех нету . Вот и на его примере изучаю HTML и скриптинг. У меня есть таблица в шапке - там пишутся объявления и прочая дрянь. Подскажите, или укажите пожалста, хотя бы путь на скрипт, который позволял бы разместить в табличке форму для заполнения новых объяв. В общем, вчепятываешь объяву в поле, жмешь кнопку "Жми!" и объява скидывается в специально отведенное для них место. Естественно, нужно чтобы поле было видно тока нужным людям. Я теоретиче…

    Asked by Аксель, February 25, 2008

    0 votes
    7 answers
23. <ul> и margin

    Всем привет. Столкнулся с такой ситуацией (возможно, в ней нет ничего необычного, но так как я новичок, мне она показалась странной). Есть такой код: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="content-type" content="text/html; charset=windows-1251"> <style type="text/css"> * {padding:0; margin:0} #content {margin:0 50px} </style> </head> <body> <div id="content"> Пример списка <ul> <li>Пункт 1</li> <li>Пункт 2</li> <li>Пункт 3</li> </ul> </div&…

    Asked by tvolf, December 21, 2008

    0 votes
    2 answers
24. Ссылка на часть страницы

    Подскажите новичку. Можно ли сделать ссылку на страницу другого сайта, но так, что бы в окне открывалась не вся страница, а только ее часть?

    Asked by const, January 15, 2009

    0 votes
    11 answers
25. Вертикальное дерево

    Кто-нибудь может предложить верстку вертикального дереа (вложенного множества)? Нигде не нашел, сам попытался (3 уровня вложенности), но получилось так себе... У меня не учитывается то, что вложенный уровень должен начинаться не там, где заканчивается его родитель, а там где заканчивается весь блок его родителя. Ну и код должен быть динамичный, т.е. верстка должна учитывать, что он будет формироваться программно, т.е. нельзя скажем позиционированием просто слои поставить как нужно... Кто не понял, мне нужно что-то на подобие следующего:

    Asked by Aliance, April 21, 2009

    0 votes
    12 answers