HTML Coding

29542 questions in this forum

1. Отступы

   Помогите, пожалуйста! В мозиле отображается нормально, а в опере идет отступ сверху пикселей в 50. стили: div.header { margin:0 auto; float:left; width:33%; } body { margin: 0; padding: 0; background: #a68787 url(images/img01.gif) repeat-x left top; font-size: 13px; text-align: justify; color: #634e4e; } body, th, td, input, textarea, select, option { font-family: Arial, Times, serif; } h1, h2, h3 { font-family: Arial, Helvetica, sans-serif; font-weight: normal; color: #a68787; } h1 { font-size: 36px; } h2 { font-size: 2em; } h3 { font-size: 1em; } p, ul, ol { line-height: 200%; } blockquote { padding-left: 1em; } blockquote p, blockquote ul,…

   Asked by areare, July 12, 2009

   0 votes
   6 answers
2. Помогите найти литературу по HTML!

   Мне сказали ,что для работы в веб-дизайне нужно для начала изучить HTML,потом перейти к PHP Ну и т.д.!Что вы посоветуете?спс)

   Asked by Artur_Koch, July 23, 2009

   0 votes
   6 answers
3. нестыкуется border нижнего дива с верхним

   CSS: .leftboxt { background-image: url('images/hmenu.png'); width: 170px; } .leftboxb{ width: 170px; background:#FFDABB; border: 1px solid white; } Засада в том что низушка .leftboxb у нее есть белая полоса бордера не хочет стыковаться с верхушкой .leftboxt. Это в фаерфоксе и опере. Тут на сайте нашел статью, что опера и лис ставят бордер по вн. границе, а IE по внутренней. Так как же это можно решить

   Asked by x11, September 29, 2009

   0 votes
   5 answers
4. помогите выровнить левый край текста в блоке

   есть след. код: <li><input type="radio" id="check" /><label for="check">тут длинный-длинный текст на несколько строк тут длинный-длинный текст на несколько строк тут длинный-длинный текст на несколько строк тут длинный-длинный текст на несколько строк тут длинный-длинный текст на несколько строк</label></li> нужно сделать так, чтобы текст на новых строках, не вылазил под радиобатон - т.е. был ограничен прямоугольной областью, находящейся справа от радибатона. сколько не бился, у меня либо на новую строчку label перескакивает, либо прямо на радиобатон налазит как вообще в цсс решаются подобные задачи

   Asked by fetish, April 28, 2010

   0 votes
   7 answers
5. Проблемы с div- меню в IE6

   Привет всем! помогите разобраться: Есть страница с меню слева, вот адрес http://wp.artmagazine.ru/?page_id=2 Везде, кроме IE6 (в IE7 не проверял), все работает, как надо. В шестом же эксплорере не меняется при наведении фон, и что я совсем не могу понять, съезжает вниз текст. Вот код, касающийся меню: на странице <div class="sidebar"> <div class="button"><a href="#" class="pages">Защита древесины</a></div> … </div> в стилях .button { background-image: url(img/brevno.jpg); background-repeat: repeat-x; height: 15px; width: 180px; } .button:hover { background-image: url(img/brevnored.jpg); background-repeat: repeat-x; height: 15px; w…

   Asked by naumkin, May 11, 2010

   0 votes
   7 answers
6. Как работает clear:both

   Вот на этом примере хочу понять сабж.. Для чего стоит clear:both у дивов с id "page" "footer", у дива с классом protect?? У дива с классом clear вроде понятно - для слоёв "leftblock" и "rightblock" , но в "rightblock" два зафлоченных слоя и для них почему-то нет clear:both... Почему так??

   Asked by DrStrangeLove, June 7, 2011

   0 votes
   1 answer
7. Не пойму почему создается оступ

   Добрый день! Никак не могу понять, каким образом у меня в верстке создается такой отступ: Сразу под заголовком "Шкафы" идут разделы, знизу идет отступ. dasma.ru/products/skafi/ margin и padding стоит 0, где возможно. Очень прошу помощи! Заранее благодарен.

   Asked by Artik20003, May 14, 2011

   0 votes
   12 answers
8. Выпадающее меню и z-index слоев

   Доброго времени суток Уважаемые форумчане. При верстке горизонтального выпадающего меню столкнулся с проблемой: необходимо выпадающие подпункты поместить под основные (всего на пару пикселей вверх, что бы перекрыть бордер и создать непрервыную обводку. Как здесь: Но при верстке получается, что выпадающие пункты имеют абсолютное позиционирование и находяться слоем выше, чем их родительский список, что привод к следующему результату: Вот код html: <ul id="menuhead"> <li id="lap1"><a href="#">Пункт 1</a> <ul id="ldp1"> <li class="podmenu"><a href="#">Управление объявления…

   Asked by tragbang, October 5, 2011

   0 votes
   5 answers
9. Нужны ли такие ссылки?

   В шапке есть вот такой код. <link rel="EditURI" type="application/rsd+xml" title="RSD" href="http://site.ru/xmlrpc.php?rsd" /> <link rel="wlwmanifest" type="application/wlwmanifest+xml" href="http://site.ru/wp-includes/wlwmanifest.xml" /> <link rel='prev' title='Лицензирование' href='http://site.ru/litsenzirovanie.html' /> <link rel='next' title='Трудовой договор' href='http://site.ru/trudovoy-dogovor.html' /> <link rel='shortlink' href='http://site.ru/?p=618' /> Зачем это нужно? Можно ли их удалить без вреда для сайта и как это сделать??

   Asked by fowl, February 12, 2012

   0 votes
   3 answers
10. font-gfamily не подхватывается в IE8

    Здравствуйте. Пытаюсь IE8 научить подхватывать семейство шрифтов font-family, сделанные на font2web для Arrial Narrow Bold. Если посмотреть на верхнее меню сайта через IE8, то видно что результат отличается от Хромовского. Похоже IE8 использует обычный Arial. В справке для стиля font-family указано, что IE 8 должен его понимать. Но что-то не работает Какой выход, писать font: 20px Arial Narrow; font-weight:bold; отдельно для IE8?

    Asked by borus, December 13, 2012

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

    Здравствуйте! Код: <div class="frame"> <div class="float-block"> <div class="image"></div> <div class="holder">Красивое нарядное платье «Снежанна»</div> </div></div>.frame{ overflow:hidden; height:1%; margin:0 0 30px;}.float-block{ float:left; padding:20px; background-color:red; margin:;}.float-block .image{ float:left; background-color:blue; width:30px; height:30px; margin:0 10px 0 0;}.float-block .holder{ display:block; overflow:hidden; height:1%;}http://prntscr.com/23m7ge Почему «Снежанна» падает вниз , а не растягивает красный блок? Как флотнутый блок высчитывает свой размер?

    Asked by ruvi, November 12, 2013

    • float css html
    0 votes
    4 answers
12. Верстка обтекаемой таблицы

    Доброго времени суток! Прототип я сделал: http://jsfiddle.net/qRb52/ В нём несколько проблемок, которые хотелось бы решить. во-первых когда окно браузера сужаем, ячейки таблицы тоже начинают сначала сужаться до минимума, как этого избежать, чтобы они оставались квадратными при сужении и просто появлялся скроллбар?в браузере Opera (10.63 в моём случае) при выделении нескольких ячеек таблицы после каждой происходит мерцающее выделение всей таблицы до конца! (в Firefox этого эффекта нет и всё работает как надо). Как этого избежать в опере?Заранее благодарен.

    Asked by EDIsaev, May 28, 2014

    0 votes
    12 answers
13. Псевдоэлемент :after

    Здравствуйте. Возник один вопрос: можно ли сделать через один див подобное c использованием псевдоэлементов :before или :after? Код можно править тут -- Дополнение: получается изначально диву задана ширина в 100%, после чего его ширина изменяется до 100рх и центрируется по центру.

    Asked by Temiks, August 28, 2014

    0 votes
    15 answers
14. Блок по центру экрана

    Как растянуть блок по размеру экрана а не так чтобы он улетал за экран? // CSS .dropdown { display: inline-block; } .dropdown-content { z-index: 1; display:none; position: absolute; background-color: #000; width: 100%; padding: 46px 24px 40px; max-width:1358px;; } .dropdown:hover .__open { background-color: #000; color: #4a4a4a; } .dropdown:hover .dropdown-content { display:block; } // HTML <div class="dropdown"> <a class="__open" href="#">Ссылка 4</a> <div class="dropdown-content"></div> </div>

    Asked by Неугомонный, July 29, 2019

    0 votes
    17 answers
15. Проблема с центровкой в ячейке таблицы (рейтинг)

    Народ, подскажите плиз, в чем может быть проблема и как ее решить ? Вот тут drossel.msk.ru/blocks.rar лежит вырезанный кусок скрипта (+ картинка), отображающий рейтинг в ячейке таблицы. надо решить 2 проблемы. 1. Это отцентровать по вертикали и горизонтали. 2. В Опере кажет нормально (есть глюк не большой), а в Осле "расплываются слои". Вторую проблему можно решить, прописав что-то типо FONT-FAMILY: Verdana,Tahoma,Arial,Sans-Serif; FONT-SIZE: 11px; но все равно появляется тот самый мылкий глюк, наблюдаемый и в опере. Слои так же разъезжаются, но на 1 пиксель =( 3-и сутки ломаю голову и перепробовал пачку вариантов, но так ни к чему не пришел. Мож кто поможет ? ЗЫ. Таблиц…

    Asked by UnDetected, December 19, 2007

    0 votes
    7 answers
16. Как разместить изображение относительно центра другого элемента

    Есть проблема с горизонтальным размещением картинки по центру таблицы. Полупрозрачная картинка myimage.gif является необходимым элементом дизайна и должна располагаться над таблицей ровно по ее центру. Для ее позиционирования я применяю свойство position: absolute; width 100%;. В IE все отображается как надо: картинка остается по центру таблицы при уменьшении размеров окна. В Firefox и Opera картина другая: при уменьшении размеров окна рисунок остается по центру окна браузера, а не таблицы! Использовать position: relative; с заданием положения картинки относительно центральной ячейки не получится, так как резервируется место под картинку и дизайн портится. Может кто подс…

    Asked by kkefirov, July 19, 2008

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

    Как меню из 3 картинок выравнивать по ширине тянущегося сайты. Нужно чтобы расстояние между картинками тянулось.

    Asked by ArtOfHuman, January 15, 2009

    0 votes
    3 answers
18. Множественный DTD - где проблема?

    Пытаюсь добавить в стандартное DTD для XHTML1.1 определение общей сущности &footer; Есть DTD в файле DTDTest.dtd: <!ENTITY footer '<hr size="1" noshade="true" /> <font CLASS="footer"> <a href="index.html">Домашная страница O'Reilly </a> | <a href="sales/bookstores/">Книжные магазины O'Reilly</a> | <a href="order_new/">Как сделать заказ</a> | <a href="oreilly/contact.html">Контакты в O'Reilly </a><br/> <a href="http://international.oreilly.com/">Международная информация</a> | <a href="oreilly/about.html">О O'Reilly</a> | <a href="affiliates.html">Сотрудничающие ко…

    Asked by Webr, March 15, 2009

    0 votes
    0 answers
19. разное позиционирование в одной ячейке таблицы

    Как сделать, чтобы текст в ячейке таблицы прижался к левому краю, а рисунок в той же ячейке - к правому краю. Делаю так: <td style="position:relative" align="left">Some text<img src="pic.gif" style="position:absolute;right:0></td> В ИЕ7 результат как нужно, в Хроме позиционирование происходит не в ячейке, а в окне браузера.

    Asked by rumax, May 6, 2009

    0 votes
    6 answers
20. почему в explore подпрыгивает блок?

    Прошу помощи, никак не могу разобраться, все браюзеры окромя explore кажут нормально. Вторая узкая колонка с машинкой лезет вверх.

    Asked by andykud, June 10, 2009

    0 votes
    8 answers
21. Таблица с горизонтальным скролом и неподвижной ячейкой

    Всем привет. Смысл вопроса примерно в следующем. Есть таблица с данными и управляющие кнопки, которые отображаются на каждой строке таблицы. Проблема в том, что данных может быть достаточно много и физически все столбцы не помещаются на экране, ну и соответсвенно управляющие кнопки уезжают. Может у кого-то есть идеи или наработки как сделать так, чтобы блок с данными прокручивался, а столбец с кнопками всегда оставался на месте. Есть идея разбить таблицу на две и каждую поместить в свой див(один со скролом), но тут встает проблема с синхронизацией высот(ячейки не обязаны иметь одинаковую высоту) соответсвующих ячеек из обоих таблиц. Высоты конечно можно регулировать с по…

    Asked by Sarge, July 7, 2009

    0 votes
    1 answer
22. Подгон поведения ФайрФокса под ИЕшное.

    Опять я Есть примерно такой код: <html> <head> <style> .set { float: right; width: auto; background-color: red; padding: 5px; } .item { float: left; background-color: yellow; text-align: center; width: 150px; height: 150px; margin: 1px; float: left; } </style> </head> <body> <div class="set"> <div class="item">1</div> <div class="item">2</div> <div class="item">3</div> <div class="item">4</div> </div> </body> </html> Есть два типа поведения в различных браузерах. В ИЕ (тот вариант, который мен…

    Asked by InterWen, September 22, 2009

    0 votes
    3 answers
23. Проблема с блоками

    Привет всем! Єсть проблема! Очень прошу вашей помощи! Как это реализовать? Есть блок (родительскии блок с фиксированой шириной, высота плавать должна ) --> --> внутри блока ещё 2 блоки справа и слева --> --> в блоке справа текст --> в блоке слева рисунок. Как реализовать так, чтобы ни текст, ни рисунок не выходили за приделы родительского блока, тоесть висота родительского блока - плавает. Буду очень благодарен за помощь! Оч нуно! Хелп плиз!

    Asked by Vendetta-V, September 22, 2010

    0 votes
    5 answers
24. 4-х колоночный макет

    Имеется трех колоночный макет. 1 и 3 фиксированная ширина. 2 резина. За основу взят набросок Klierik'a http://forum.htmlbook.ru/index.php?showtopic=21817&pid=198608&st=0entry198608 Как можно сделать из нее 4-х колоночный. 1 и 4 фикс. 2-3 резина.

    Asked by Selen, May 5, 2011

    0 votes
    7 answers
25. CSS

    В чем отличие <link rel="stylesheet" type="text/css" href="style.css" /> и <style type="text/css"> @import url("style.css"); </style> ?

    Asked by DivMan, May 4, 2013

    • css
    0 votes
    3 answers