HTML Coding

29542 questions in this forum

1. Дефолтное отображение тегов в разных броузерах

   Собственно - браузеры по разному отображают теги по умолчанию. Это всем известно. Интересует - есть ли конкретная информация, в чём отличия? Что-то типо таблицы со всеми HTML 4 тегами и их стилями по умолчанию для каждого из браузеров? P.S. В гугле был. (если кто знает, какой конкретно задать запрос - буду рад) Искал не один раз - не нашёл ничего стоящего. P.P.S. Не нужно посылать меня в справочники и спецификации =). Если кто видел такие сравнения - поделитесь, плиз. Вдогонку: тоже самое нужно и для CSS. (по моему даже где-то видел, но не смог найти.) Буду рад любой информации. Спасибо.

   Asked by DjTarik, March 17, 2010

   0 votes
   37 answers
2. Как сделать полоску сверху?

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

   Asked by Awe, October 30, 2008

   0 votes
   6 answers
3. Модальное окно формы с затемнением фона

   Доброго времени суток всем! Возникла такая проблема. Создаю форму авторизации в виде модального окна. Хочу сделать так, чтобы когда появлялась форма, то остальной фон затемнялся. Для затемнения использую div-блок с position: fixed; c прозрачностью, меньшей единицы и z-index'ом равным 100. У самого модального окна я поставил z-index: 200, надеясь, что он унаследуется всеми вложенными div-ами, из которых я собирал модальное окно и все они будут лежать "выше" затемнения, значит не будут "затемняться". Но это не помогло. Часть составных блоков формы затемнилась, часть - осталось светлыми. Скриншоты проблемы: http://hipics.ru/image/wjJ-- форма без затемнения http://hipics.r…

   Asked by Impress, March 3, 2016

   • окно затемнение
   • верстка
   0 votes
   2 answers
4. Как пользоваться тегом <main>

   Хочу применять в сёрстке тег <main> и не могу понять как его применять правильно. Из описания я понял, что это тег для основного и уникального контента для данной страницы. Но как тогда его использовать с тегом <article>, ведь в нём данные контент должен также находиться? Что-то на подобии: <main> <article> <h1></h1> <time></time> </article> </main> Так? И должен ли тег <h1> быть внутри <article>?

   Asked by PavelTkachev, November 14, 2014

   0 votes
   33 answers
5. перенос слов по слогам

   Есть резиновый блок, возможно ли чтобы при изменении размеров экрана текст переносился по слогам?

   Asked by Дядя Саша, June 1, 2007

   0 votes
   2 answers
6. Что сделать чтобы заголовок в <h2> или <h1> не был жирным?

   Недавно обновил Вордпресс на блоге. Раньше если заголовки внутри текста выделял тегами <h2> или <h1> они небыли такими жирными. Сейчас как будто они еще плюс ко всему заключены в <strong>, хотя на самом деле этот тег при выделении не используется, и в HTML редакторе видно что его нет. Слишком жирное выделение смотрится не красиво! Что можно сделать чтобы заголовок при заключении его в <h2> или <h1> не был таким жирным?

   Asked by seer333, October 28, 2012

   0 votes
   2 answers
7. Заливка цветом части картинки, с указанием координат области заливки ?

   Вопрос, как залить цветом, часть изображения (картинки *.png) ? Есть картинка, и нужен фильтр, которым можно было бы "залить" не всю картинку цветом, а только часть ее (с указаним координат области заливки).

   Asked by nnn123, February 18, 2008

   0 votes
   8 answers
8. Как выравнивать внутри DIV с float

   Вот страница, видно, что выравнивание плохое -- картинки сдвинуты влево. Случилось это после добавления тени к ним. Добавлялось по статье с этого сайта "Создание тени по типу "луковой шелухи". Т.е. до добавления тени все было как-то худо-бедно-ровно ,). По синему выделению см. ниже. HTML код простой. <div id='photographs_index_div'> <table id='photographs_index'> <tr> <td><a href='image.php?num=B07613'> <div class='wrap0'> <div class='wrap1'> <div class='wrap2'> <div class='wrap3'> <img src='images/index/hpano/B07613.jpg' /> </div></div></div></div></a&…

   Asked by lazybird, August 22, 2009

   0 votes
   12 answers
9. Ну и куда мне податься?

   Вопрос к модераторам: Почему закрыты верхние 4 темы? Это же раздел для начинающих или полупрофи или профи? Я что-то не пойму. И потом. В программировании не бывает глупых вопросов, это сказал проф. на ютубе иа Гарварда. Вот, к примеру, я начал изучать программирование с нуля, практически не имея ни малейшего представления что это и как. Делаю только первые шаги, т.е. HTML-CSS-JScript. Ну и куда мне податься? То, о чем пишут в этом разделе для меня пока далековато, а другие разделы вообще за пределами понимания (пока). Может есть другие форумы для стартующиx в этом деле?

   Asked by www..., January 29, 2012

   0 votes
   57 answers
10. Макрос в Dreamweaver CS3

    Здравствуйте. Я делаю галерею на сайте в ручную, только средствами ХТМЛ. Дабы работа не казалась рутиной, понял, что надо сделать макрос. Галерея выглядит слдеющим образом: <a href="oboi/big/oboi_po_3_ (1).jpg" target="_blank"><img src="oboi/small/tn_oboi_po_3_ (1).jpg" alt="Обои из фильма 1" width="169" height="128" /></a> <a href="oboi/big/oboi_po_3_ (2).jpg" target="_blank"><img src="oboi/small/tn_oboi_po_3_ (2).jpg" alt="Обои из фильма 2" width="169" height="128" /></a> <a href="oboi/big/oboi_po_3_ (3).jpg" target="_blank"><img src="oboi/small/tn_oboi_po_3_ (3).jpg" alt="Обои из фильма 3" width="169" height="128" /></…

    Asked by Sayitright, December 7, 2009

    0 votes
    27 answers
11. Почему высота блока имеет нулевую высоту, хотя выставлено 100%

    Почему высота блока имеет нулевую высоту, хотя выставлено 100%? Родительский div вытягивается на всю страницу. http://ufalug.ru Речь идет о div`е с id=container

    Asked by veleg, June 27, 2012

    0 votes
    7 answers
12. Less или Sass . И нужно ли вообще учить

    Скажите реально ли препроцессоры упрощают жизнь и какой из них учить первым?Ну и какие полезные советы по изучению или использованию можете дать?

    Asked by go_Ed_Edy, February 28, 2019

    0 votes
    6 answers
13. Удаление рамки вокруг изображения.

    Добрый день, нужен совет шарящего человека в CSS3 (я думаю даже базовых знаний хватит). У меня вокруг изображения установлена рамка (обычный border). При наведении на изображение рамка должна пропадать, при этом изображение должно оставаться на месте. Я к классу приписывал hover, пытался указать там border:none, но при таком раскладе когда пропадает рамка изображение дергается, когда рамка пропадает (визуально, ведь рамка правда пропадает, тем самым я вижу что изображение сдвигается куда-то вниз, куда-то влево и т.п.) В общем, мне нужно чтобы при наведении на изображение рамка пропадала, но при этом изображение оставалось на месте. а не возвращалось на ту позицию, где бы …

    Asked by KJL, July 1, 2017

    0 votes
    3 answers
14. Колонки одинаковой высоты

    Имеем код .column_block { width: 100%; overflow: hidden; } .column { border: 3px solid rgb(150,230,150); width: 30%; margin: 0 1% 0 1%; float: left; } .column .radius_top, .column .radius_top div, .column .radius_bottom, .column .radius_bottom div { background: url(../images/radius_column.png) no-repeat; height: 20px; display: block; position: relative; } .column .radius_top { top: -3px; left: -3px; } .column .radius_top div { background-position: 100% -20px; left: 6px; } .column .radius_bottom { background-position: 0% -60px; t…

    Asked by gesandte, October 26, 2009

    0 votes
    53 answers
15. Хочу Image Map Area:Hover

    Можно ли как-то изменить отображение тега AREA для карты изображения при наведении мышки? <map name="fit_to_fit_angle_map" id="fit_to_fit_angle_map"> <area shape="rect" coords="10,84,35,101" href="#" alt="135" /> <area shape="rect" coords="83,85,112,102" href="#" alt="225" /> <area shape="rect" coords="97,49,120,66" href="#" alt="270" /> </map Хочу так: area:hover { border: 1px solid #CCC; } При наведении - никаких изменений. Более того, даже если сделать area { border: 1px solid #CCC; } То всё равно нет бордюра. Предполагаю что CSS к этому элементу не применим. Поправьте, если ошибаюсь. Спасибо. Для чего хочу использовать: http://new.…

    Asked by d0ublezer0, July 29, 2009

    0 votes
    7 answers
16. Реально ли так сверстать?

    Возникла необходимость сверстать вот такой вот шаблон. Контентный блок(серые прямоугольники на белом фоне) фиксированной ширины, и расположен по центру. На первый взгляд, все просто, если бы не одно НО. Вертикально расположенный пунктир по бокам (на сером фоне). Вне зависимости от ширины свободного места вокруг контентной части пунктирная линия должна идти по центру этого свободного пространства. Единственное решение, которое мне на ум пришло, приведено ниже. Но увы, оно не подходит - нужно сделать пунктир графикой - dashed-ы имеют существенно меньшую длину, чем черточки в PSD. А вот как сделать с графическим пуктиром выполняя все поставленные условия, я додуматься не мо…

    Asked by skatadov, July 10, 2009

    0 votes
    21 answers
17. горизонтальный скролл колесиком мыши

    Доброго времени суток. Подскажите, пожалуйста, как сделать горизонтальную прокрутку с помощью мыши Имеются вот такие элементы <iframe width="853" height="480" src="http://www.youtube.com " frameborder="0" allowfullscreen></iframe> <iframe width="853" height="480" src="http://www.youtube.com " frameborder="0" allowfullscreen></iframe> <iframe width="853" height="480" src="http://www.youtube.com " frameborder="0" allowfullscreen></iframe> <iframe width="853" height="480" src="http://www.youtube.com " frameborder="0" allowfullscreen></iframe> Нужно, чтобы при прокрутке колесом мыши они прокручивались на странице

    Asked by malsyst, January 26, 2013

    • горизонтальный скролл
    • мышь
    • прокрутка
    0 votes
    1 answer
18. Заливка фона цветом

    У меня есть див, я заливаю его цветом: .div {background: #000;} Мне нужно чтобы эта заливка фона как бы делала отступ от правого края на определенное количество пикселей, т.е. не заливала определенный участок дива справа. Сорри за формулировку, не знаю, как лучше объяснить) Существуют какие то способы? Может направите, где что почитать. Спасибо)

    Asked by nickostyle, October 9, 2010

    0 votes
    8 answers
19. Как открыть в зависимости от разрешения ту или иную страницу?

    Кто знает, можно ли так сделать чтобы в зависимости от расширения экрана открывалась та или иная страница? например, как я вижу это: есть index.html который вычесляет какое расширение экрана у пользователя, затем если 800x600 открывается страница enter1.html, если 1024x768 ? страница enter2.html, если 1280х1024 и больше страница enter3.html? спросите зачем это? Отвечу: Столкнулся с проблемой, нарисован "вход на сайт" который никак не тянется, зафиксировать его где нибудь и продолжить каким-то фоном тоже не красиво получается... В принципе, если можно вычислить какое расширение у юзера можно нарисовать ещ? несколько вариантов входа, для каждого расширения сво?.

    Asked by maza, September 15, 2007

    0 votes
    24 answers
20. Как сделать, чтобы fixed меню прокручивалось горизонтально вместе со страницей?

    Ситуация - есть меню фиксед. Минимальная ширина страницы 1024 пикселя. Проблема - если сузить окно браузера сильнее, то горизонательная прокрутка не будет прокручивать меню - и оно будет либо обрезанным (с минимальной шириной 1024 пикселя), либо терять начальный дизайн (с шириной 100 процентов). Вопрос - что делать? Как сделать, чтобы оно крутилось вместо со странице горизонтально?

    Asked by Zverushka, November 27, 2013

    0 votes
    17 answers
21. как задать размер ПсевдоЭлементу

    Добавляю псевдоэлемент - картинку h2:after{ content:url(../img/bart.png); position:relative; left:0.5vw; } Как задать этому элементу размер? Height, Width всё дело в том, что есть before и after, которые должны быть чётко по краям заголовка, оно всё правильно стоит, но только размер указать не выходит. Если сделать элемент блочным, тогда проблемно расположить его правильно. вот так это выглядит, но если приблизить, псевдоэлементы станут больше.

    Asked by xTODx, May 23, 2015

    0 votes
    11 answers
22. Изменить цвет списка ol

    Здравствуйте. Подскажите пожалуйста как реализовать следующее. У меня есть список <ol> <li>строка1</li> <li>строка2</li> <li>строка3</li> </ol> Результат 1. строка1 2. строка2 3. строка3 Как сделать чтобы цвет маркеры мог быть другого цвета? возможно ли

    Asked by ivanweb, December 13, 2008

    0 votes
    12 answers
23. Border из кругов

    Есть в макете вот такой border из кружков с закругленными углами соответственно нужны идеи как по-умному его можно сверстать. Желательно конечно чтобы граница имела возможность растягиваться по высоте или ширине, ибо в противном случае все сводится к банальному background-image, очевидно. Пробовал маски и svg, но все как-то не очень удачно.

    Asked by advokatua, May 4, 2017

    • css
    0 votes
    10 answers
24. Народ, подскажите чайнику как рамку сделать просто цветной

    По этому тегу открывается окно с картинкой. Мне нужно, во-первых, чтобы окно автоматически подстраивалось под размер картинки, а во-вторых, чтобы рамка была нужного мне цвета. Помогите...

    Asked by orbakh, August 16, 2007

    0 votes
    24 answers
25. Текст диалога в HTML

    Есть необходимость оформить текст диалога между несколькими собеседниками. В настоящее время он сделан у меня так: <table width="100%" border="0" cellspacing="4"> <tr> <td width="15%">Собеседник 1:</td> <td width="85%">– Реплика 1.</td> </tr> <tr> <td>Собеседник 2:</td> <td>– Реплика 2.</td> </tr> <tr> <td>Собеседник 3:</td> <td>– Реплика 3.</td> </tr> </table> Выглядит как надо, но код несколько громоздкий. Особенно когда диалог очень большой. В HTML 5 появился элемент dialog, с которым это выглядит уже компактнее: <dialog> &lt…

    Asked by Pinguin, October 28, 2010

    0 votes
    16 answers