HTML Coding

29,542 questions in this forum

1. Заливка цветом части картинки, с указанием координат области заливки ?

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

   Asked by nnn123, February 18, 2008

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

   Доброго времени суток всем! Возникла такая проблема. Создаю форму авторизации в виде модального окна. Хочу сделать так, чтобы когда появлялась форма, то остальной фон затемнялся. Для затемнения использую 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
3. CSS re-вёрстка: сделать ширину=auto для 1 из элементов в диве, без размещения в столбец

   Есть широкий див, в нём находятся 2 элемента, 1-ый из них имеет фиксированную ширину. Задача: приделать динамическую (изменяемую) ширину для 2-ого элемента, расположив оба элемента в одну строку. Проблема: если установить 2-ому элементу width:auto, то в таком случае элементы размещаются в столбец, а надо в строку. Если установить для 1-ого элемента float:left, а для второго width:auto и float:right, то по идее всё должно решиться, но этого не происходит (firefox 3.5 + stylish). Ещё я поигрался с display: table-row/table-column (пробовал и менять на другие возм. параметры), но ничего не изменилось. Как правильно выставить этот параметр и главное для кого? Для суб-элементов…

   Asked by amz00m, November 16, 2009

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

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

   Asked by Zverushka, November 27, 2013

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

   Доброго времени суток. Подскажите, пожалуйста, как сделать горизонтальную прокрутку с помощью мыши Имеются вот такие элементы <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
6. В мозиле не работает тег align

   Не понимаю почему в Enternet exsplorere всё работает а в мозиле нет главной таблице моего сайта присвоен атрибут align="center" a мозила не желает размещать мою таблицу по центру и упорно жмёт её к краям

   Asked by Игорь Ермаков, September 27, 2008

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

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

   Asked by seer333, October 28, 2012

   0 votes
   2 answers
8. Вертикальный отступ перед div в FireFox отображается неправильно (

   <div style="width:840;background:white;margin-bottom:45px;margin-top:0px" id="ht5"> Если выставляется margin-top:0px, то в IE отображается нормально, а FireFox содержимое div наползает на находящееся сверху. Если выставить отступ в margin-top:150px, то в FF отображение нормальное а в IE - между предыдущим содержимым большой отступ. Как это можно разрешить?

   Asked by Fixer, September 24, 2007

   0 votes
   6 answers
9. Выравнивание div внутри td

   Здравствуйте! Проблема в том, что не смотря на text-align: center у TD, div, который внутри, не хочет выравниваться по центру. В чем проблема? Вот кодик: <!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> <title>Man</title> <style> .fighter {width: 200px; border-collapse: collapse;} .fighter td {border: 1px solid #000; vertical-align: top;} .head {text-align: center;} .head div {width: 50px; height: 50px; border: 1px solid #777; text-align: center;} .left_hand {text-align: right;} .left_hand div {wi…

   Asked by jools, May 29, 2009

   0 votes
   4 answers
10. Хочу 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
11. Переключение между стилями CSS одной кнопкой

    Камрады, встала вот такая задачка передо мной, прошу совета или ссылки на примерное решение: На странице сайта ТЗ предусматривается некая кнопка, по нажатию на которую должна смениться таблица стилей без перезагрузки страницы (это НЕ многократно здесь обсужденная ранее "версия для печати" - в моем случае меняется все форматирование страницы). Соответственно есть две таблицы стилей - style1 и style2. Проблема в том, что одна и та же кнопка должна при каждом следующем нажатии переключать эти две таблицы туда-сюда. Я погуглил на эту тему - есть куча решений для случая с выбором стиля из списка (да я и сам так могу сделать), есть решения для включения/выключения CSS вообще, а…

    Asked by Daikengo, November 14, 2008

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

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

    Asked by skatadov, July 10, 2009

    0 votes
    21 answers
13. Isocpeur или чертежный шрифт

    Есть ли аналог в ксс этому шрифту, или только картинками можно вставлять или флешем ?

    Asked by Reno, December 25, 2007

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

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

    Asked by maza, September 15, 2007

    0 votes
    24 answers
15. как сделать две таблицы одинаковой высоты

    Есть таблца в которой располагаются еще две таблицы. Обе заполнены текстом, но так как количество текста не одинаково, таблицы имеют разный размер по вертикали. Высота правой таблицы равна высоте большой таблицы, а высота левой нет. ————————- | ——- ——-- | | |текст| |текст| | | |текст| |текст| | | |текст| |текст| | | |текст| ——- | | |текст| | | ——- | ————————- Как сделать по средствам HTML или на худой конец CSS, чтобы нижняя граница обоих таблиц упиралась в нижнюю границу большой таблицы? Вот так: ————————- | ——- ——-- | | |текст| |текст| | | |текст| |текст| | | |текст| |т…

    Asked by lexxx2008, May 5, 2008

    0 votes
    5 answers
16. Заливка фона цветом

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

    Asked by nickostyle, October 9, 2010

    0 votes
    8 answers
17. Валидатор ругается на P

    Вот есть такой кусочек из области контента: <p>Плавно-мобильное голосовое поле, согласно традиционным представлениям, потенциально. Кластерное вибрато иллюстрирует полиряд, не говоря уже о том, что рок-н-ролл мертв. Рефрен неустойчив. Канал, так или иначе, неизменяем. Действительно, звукоряд сложен.<img src="images/3.jpg" alt="" style="float: left; margin: 10px 10px 10px 10px;"><div style="clear: both;"></div></p> При валидации, валидатор пишет следующее: Когда я убираю тег </p>, т.е. закрывающий тег, то пишет следующее: Что такое? Что ему не нравится в закрывающем теге p?

    Asked by prowoke, August 1, 2012

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

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

    Asked by go_Ed_Edy, February 28, 2019

    0 votes
    6 answers
19. Верстка под iPad

    Добрый вечер. столкнулся со следующей проблемой: валидная верстка, вроде как все ок, отображение корректное как на нормальных, так и на мобильных устройствах (для мобильных писался отдельный css), НО на iPad при повороте из горизонтального в вертикальное положение "теряется" масштаб. проверка показала, что это не из-за JS, значит дело в css. Может кто-нибудь сталкивался ? *проблема усугубляется тем, что нет ipad_а под рукой для тестирования, а эмуляторы слишком далеки от реальности. UPD всем спасибо. Проблему решил сам. Необходимо было указать мета тег: <meta name="viewport" content="width=1000" /> где в качестве ширины указать желаемую ширину блока отображения. …

    Asked by tod314, August 13, 2012

    0 votes
    8 answers
20. Border из кругов

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

    Asked by advokatua, May 4, 2017

    • css
    0 votes
    10 answers
21. Текст диалога в 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
22. как задать размер ПсевдоЭлементу

    Добавляю псевдоэлемент - картинку 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
23. отменить margin

    К сайту подключен reset.css Для одного из элементов (например img) я хочу отменить margin, словно его и не было. Как это можно сделать? margin: none margin: auto Не работает

    Asked by youmay, March 31, 2014

    • margin
    • reset.css
    0 votes
    2 answers
24. Как прибить футер?

    Стандартные способы не подходят. Вот такая страника... <div id="container"> <div id="header"></div> <div id="content"></div> <div id="footer"></div> </div> Блоки находятся в контейнере. Если попробовать так: position: absolute; bottom: 0; То футер прижмется. Но возникает другая проблема (с высотой блоков): Хедер наверху, за ним по умолчанию идет блок с контентом, внизу прибит футер (который позиционирован абсолютно - внизу, относительно страницы). Так вот как теперь объяснить блоку content, что нужно растянутся от и до??? Указываю в стилях высоту в 100%, результата нет, реагирует только на px. Может стоит просто по по…

    Asked by Ururu, April 6, 2009

    0 votes
    5 answers
25. Макрос в 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