HTML Coding

29,542 questions in this forum

1. Работа с медиа-запросами.

   Добрый день форумчане. Совсем недавно - вчера, начал работать с медиа-запросами и у меня возникло несколько вопросов: Записывать медиа-запросы стоит вначале css документа, в конце или непосредственно под самим селектором? Нужно ли указывать ширину блока (или задавать любое значение селектору) используя @media? Ведь если расположить @media вначале css документа и при этом задать значение нужному селектору, без !important медиа-запрос работать не будет, т.к далее в css документе уже указано значение селектора. Что я имею ввиду: @media screen and (max-width:640px){.wrapper{width:600px}}.wrapper{width: 800px;}/*———————————————————————————-если в строке @media не применить зна…

   Asked by Baravo, July 4, 2014

   • @media
   • media
   • медиа-запросы
   0 votes
   1 answer
2. Шестиугольник из треугольников!

   Всем привет, нужно сверстать правильный шестиугольник, из шести треугольников. Каждый треугольник это активный элемент(пункт меню). Кааак??) думал через border-ы нарисовать шестиугольник, но что-то никак.. та и к тому же, нужно менять css активного треугольника при наведении)

   Asked by xTODx, December 1, 2014

   0 votes
   5 answers
3. header ширина

   Привет. У меня header имеет ширину width 100% и высоту 820 px. Подскажите пожалуйста, как сделать обертку для всего контента (wrapper) меньшую чем размеры headera. Но притом чтобы header оставить таких размеров как и есть.

   Asked by bobb, October 15, 2015

   0 votes
   9 answers
4. Dota 2 <img

   Вопрос не сильно касается тематики форума, но не знаю куда еще с ним обратиться. Вопрос очень глупый и ламерский. В доте в описании вещей работают html тэги, и раньше я с успехом пихал туда разного вида картинки, вчера пришел к тому, что <img src=> заменяется на _img src=>, можно ли с этим как-то бороться? Заранее спасибо за потраченное в пустую(на меня) время.

   Asked by eternalslave, March 28, 2016

   • img
   0 votes
   5 answers
5. Вопросы про примитивы

   В чем сходство синтаксиса заголовков и горизонтальных линий? Для чего служат символьные примитивы?

   Asked by Kain, February 8, 2008

   0 votes
   1 answer
6. Обтекание рисунка

   Как запретить обтекание рисунка по какой-либо стороне+снизу. Если делать clear: #side#; то всеравно текст будет при возможности уезжать под рисунок, как избежать?

   Asked by Kenshi45, February 8, 2009

   0 votes
   11 answers
7. Блок с округленными краями

   Расскажите как верстать макеты, где есть закругления у блоков. Я пробывал делать таблицу 3x3 и в каждый угол вставлял край заугргленный %) не очень приятная работа. Может есть что то по проще, подскажите =)

   Asked by aJaX, November 16, 2009

   0 votes
   7 answers
8. Выравнивание картинок сверху

   Как сделать чтоб картинки в ячейках в таблице были выровнены сверху а не по центру

   Asked by AndreyT, February 22, 2010

   0 votes
   7 answers
9. привязать img к бэкграунд

   img являеться частью бэкграунда. Как сделать чтобы img не выделялся.

   Asked by Chebas, February 26, 2010

   0 votes
   6 answers
10. Титульная страница по центру...

    Здравствуйте, я больше дизайнер чем верстальщик, но от сейчас себе делаю что то вроде портфолио и столкнулся с проблемой отцентровки сайта , как бы я знаю, что бы сайт был вверху и по середине нужно в css прописать так: *{ margin-left: auto; margin-right:auto; } не подскажите как сделать, что бы сам сайт или же вообще указанная часть контента была по середине, не смотря на разрешение экрана, в моём случае - это титульная страница с небольшим логотипчиком и кнопкой входа на сайт, вроде всю ночь сидел и искал как это сделать, так и не нашёл... За благовременно спасибо!

    Asked by Guooff, April 21, 2010

    0 votes
    5 answers
11. В IE8 "плывут" сайты - глючит верстка

    Сегодня первый раз посмотел свои сайты через IE8 и ужаснулся. (до того момента смотрел только в IE6-7, опере, хроме, фаирфоксе, где все ок было). Так как знания в верстке у меня поверхностны, то спрошу здесь Вот навскидку две проблемы: 1. Оказалось, что использование тега <li> в контенте отбрасывает сайдбар кудато далеко влево-вниз. Непойму в чем проблема, убираю li - все ок, добавляю - перекос. Для li цсс не прописан, т.е. по умолчанию. Для дивов стандартая верстка #wrap {margin:0 auto; text-align:left; width:840px;} #content{ float:left; padding:12px; width:580px; text-align:justify;} #sidebar{ float:right; padding-top:22px; width:220px;} 2. Если просто накида…

    Asked by m0ntag, August 6, 2011

    0 votes
    5 answers
12. 100 однотипных страниц

    Есть страница, на её основе нужно ещё 100 страниц (меняются только фото и описание этих фотографий); всё понятно, что надо использовать php, но для меня на данный момент, это сложно, споткнулась даже на денвере, не могу установить- так как вообще в вёрстке новичок и слишком далека от этой сферы. Вопрос: можно ли только на Html- или это сплошные минусы?

    Asked by reitory, October 1, 2012

    0 votes
    4 answers
13. Как сделать отступы внутри div с параметром fixed?

    Добрый вечер, не могу разобраться как сделать отступы с права и слева внутри div. Есть такой код html: <div class="footerPanel"> <div class="footerPanelPadding"> Footer </div> </div> И есть такой CSS: .footerPanel { position: fixed; bottom: 0; padding: 0 20px 20px 20px; width: 100%; } .footerPanelPadding { width: 100%; background: #2a2c30; } Слева отступ делается, а справа нет. Кто то сталкивался с такой задачей? Вот сайт на котором я это делаю: Перейти на сайт Там снизу страницы увидите проблему

    Asked by awikong, November 3, 2018

    • css
    • html
    0 votes
    2 answers
14. сделать ровный градиент

    Добрый день. Помогите сделать ровный градиент,как на картинке. пробую так, но нет плавности перехода: max-height: 150px; background: #dedede; background: -webkit-gradient(linear, left bottom, left top, color-stop(20%, #fff), color-stop(40%, #dedede), color-stop(70%, #fff)) !important; background: linear-gradient(to top, #fff 20%, #dedede 40%, #fff 70%) !important;

    Asked by uppercase_css, December 1, 2018

    0 votes
    0 answers
15. Извиняюсь, но с нова про height 100%

    Вот пример: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <body> <table align="center" border='1' cellspacing='0'> <tr> <td> — — — —<br /><br /> — — — —<br /><br /> — — — —<br /><br /> — — — —<br /><br /> — — — —<br /><br /> </td> <td valign='top'> <div style='border:1px solid red;height:100%;'> !!!!!!!!!! </div> </td> </tr> </table> </body> </html> Хочу что бы див, который красной рамкой выделен, по высоте …

    Asked by scott2to, November 22, 2008

    0 votes
    9 answers
16. Дублирование кода в Firefox 3

    Коллеги, никто не сталкивался с такой проблемой, что Firefox 3 при отображении страницы дублирует фрагмент html-кода? ресурс где возникает баг закрытый, поэтому ссылку давать бессмысленно. для примера: допусти, в коде есть такой фрагмент: <div class="qwe"> <a id="rty">asdf</a> </div> Открываем страницу с нужным нам результатом в первый раз, и браузер показывает совсем не то, что нам надо. Firebug видит такой код: <div class="qwe"> <a id="rty">asdf</a> <div> <a id="rty">asdf</a> </div> </div> То есть продублировался фрагмент кода, но div уже без класса. Смотрим исходный код страницы чере…

    Asked by qwe, January 14, 2009

    0 votes
    6 answers
17. Обработка таблиц эксплорером.

    Здравствуйте. Столкнулся с такой проблемой. Есть страница сайта, загрузка которой занимает 1-1,5 секунды. Табличная вёрстка. Так вот, при заходе на эту страницу в начале появляется белый фон, далее через 1-1,5 секунды разом выводится всё содержимое. Вопрос, как сделать чтобы загрузка происходила постепенно, как в FireFox'е? Я так понимаю эксплорер пока не найдёт последнего тега </table> не покажет содержимое? Если так, то как это избежать? Или спасёт только вёрстка слоями?

    Asked by Flake, April 3, 2009

    0 votes
    7 answers
18. IE6 делает непонятный пропуск

    Добрый вечер, вот делаю шаблон для сайта таблицами. Вверху и внизу основы сайта делаю тени следущим способом. <tr><td colspan="4" height="19" background="/images/topmenubg.jpg"> </td></tr> По это адресу находится картинка 5*19 с переходом от белого, к серому Выглядит в ФФ и Опере вот так а ИЕ шестой показывает так Видите этот пробел белый? Вот как его убрать? Заранее спасибо

    Asked by artpol, January 17, 2010

    0 votes
    10 answers
19. Градиентный бэкграунд

    Возникла проблема с версткой градиентного бэкграунда. Смысл в том, что градиент идет не строго по вертикали или по горизонтали, а из нижнего левого угла в верхний правый. Блок не строго фиксированный, а должен тянуться по вертикали вниз в зависимости от наполнения его контентом, при этом независимо от вертикального размера блока градиент должен быть строго по диагонали из нижнего левого угла в верхний правый. Скрин прилагаю. Изображением бэкграунд вставить нельзя, так как блок должен тянуться.

    Asked by vadimon, November 21, 2010

    0 votes
    14 answers
20. Выделение текста цветом

    Делается запрос в поисковике например "глазированные сырки" и выводятся результаты поиска. человек переходит на мой сайт и если он перешел на страничку моего сайта где есть точно такой текст "глазированные сырки", а не "глазированных сырков" или "сырки с глазурью", то этот тект будет подсвечиваться, для того чтобы человек мог сразу найти нужную главу текста. вот в последней картинке я выделил в фотошопе текст, как примерно он должен выделяться или может просто цвет текста поменяться. сайт на юкозе, поэтому можно ли как то исполнить это безе php?

    Asked by Airogen, April 14, 2011

    0 votes
    4 answers
21. :link и отделение якорей от внеш.ссылок

    Всем привет! a{color:red;font:20px Arial, Helvetica, sans-serif;} a:link{background-color:orange;} у меня хром присваивает даже якорям background-color:orange; опера игнор а ие6-все гуд в html5 нужно использ id!!ничого не поменялось а как теперь отделять?

    Asked by bot87, November 29, 2011

    0 votes
    3 answers
22. помогите с плагином jQuery-SelectBox

    мне нужно изменить вид selecta с обычного на такой: выбрала плагин jQuery-SelectBox ( https://github.com/revsystems/jQuery-SelectBox#custom-styling ) 1.скачала zip, распаковала. 2. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.3/jquery.min.js"></script> <script type="text/javascript" src="javascript/jQuery-SelectBox-master/jquery.sb.js"></script> - внизу html прописала ссылки. 3. <link rel="stylesheet" href="jquery.sb.css" type="text/css" media="all" /> - на сss сослалась. 4. <script> $(document).ready(function() { $("select").sb(); }); </script> - скрипт после содержимого пункта 2…

    Asked by eleonore, May 29, 2013

    0 votes
    3 answers
23. Проблема с выпаданием

    Доброго времени суток, подскажите пожалуйста почему происходит выпадание?Замечание по другим "пунктам" приветствуются! http://codepen.io/Kamzed/pen/eBBLoB

    Asked by KamZed, November 18, 2016

    • html
    • css
    • clearfix
    0 votes
    10 answers
24. Фон изображение с диагональными полосами, адаптивный

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

    Asked by vlasenkov, March 4, 2017

    • background
    • diagonal
    • css
    • html
    • triangle
    • фон
    • диагональ
    • полосы по диагонали
    0 votes
    4 answers
25. Блок

    Здравствуйте всем кто смотрит тему. Как сделать вот так ? пытался через display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; получается так

    Asked by magicalner, March 5, 2020

    0 votes
    1 answer