HTML Coding

29542 questions in this forum

1. загадочный quirks mode

   помогите пожалуйста понять что такое quirks mode пока я понимаю так: 1. тип документа влияет на html и css 2. при условии корректно заданного типа документа каждый браузер интерпретирует html и css по определённому стандарту. чаще всего по последнему(современному). который заложили в него разработчики(или до которого он обновился) 3. если тип не указан, или указан с ошибкой, или до него есть символы(пробел например, или BOM), то включается режим обратной совместимости. то есть браузер интерпретирует html и css по устаревшим стандартам. то есть по тем, которые действовали в 90-х годах(они вшиваются в даже самые современные версии браузеров. на всякий случай), и которые спо…

   Asked by cyklop77, July 24, 2013

   0 votes
   3 answers
2. Проблема с background-image

   Здравствуйте. Я начал верстать макет и столкнулся с небольшой проблемой с background-image. По ТЗ картинка сердца должна быть на одном уровне с текстом, а у меня она получается выше: http://jsfiddle.net/VKycA/ Как бы я не пытался это исправить - картинка все равно остается выше нужной позиции.

   Asked by Samsonoff, July 30, 2013

   • background-image
   0 votes
   2 answers
3. Responsive CSS Grid Layout

   Голову ломаю уже несколько часов. Проблема с респонсивом для .portfolio-section .portfolio-item:nth-child. Без адаптива гриды норм работают, а когда медиа запрос идет, не работает. Ссылка на код(проект на SASS, лучше запускать через gulp, чтобы активировать SASS watcher) - https://cloud.mail.ru/public/Jsjw/vtaYeWHcD

   Asked by StarBurst_x, October 3, 2017

   • grid layout
   • responsive
   0 votes
   0 answers
4. Совет про центрирование блока в блоке/изображения в блоке

   Добрый день! Подскажите каким способом правильней будет отцентрировать изображение(лого сайта) в header - e. Более конкретнее меня интересуют: центрировать сам блок-родитель с изображением, или само изображение? И если само изображение - пользоваться свойствами position и margin? Flex не предлагать. Хочу без него разобраться. В нем все просто на этот счет.

   Asked by Super_Saimon, October 9, 2017

   • html
   • css
   • позиционирование
   0 votes
   7 answers
5. графика на сайте

   Добрый вечер. Делаю сайт-заглушку. Требуется добавить графику на сайт, например, по типу http://www.costa-imaginering.com/ Кто может подсказать? sait1.zip

   Asked by AlexandrShinkin, October 26, 2017

   • сайт-заглушка
   • графика
   • меняющийся фон
   0 votes
   0 answers
6. Ссылка на текст

   Как сделать так, чтобы текст, заданный в определенной части страницы можно было отобразить в другой ее части (аналог переменной), желательно все возможные варианты. Желательно без ява скрипта.

   Asked by Kenshi45, February 14, 2009

   0 votes
   6 answers
7. Элемент padding в FireFox3

   Добрый день! Всех с последним днём зимы! Вот тут возникла кракозябра, парился всю ночь, но ничего не вышло, суть такова: Пишу шаблон для SMF, и начал создавать меню. Суть идеи такова - при наведении на пункт меню задний план меняется. Реализовать решил в <ul> Вышло примерно так: <div id="main_menu"> <ul class="clearfix"> <li id="button_home" class="active"> <a title="home" href="http://localhost/rc1/index.php"> <span><em>Начало</em></span> </a> </li> <li id="button_help"> <a title="help" href="http://localhost/rc1/index.php?action=help"> <span>Помощь</…

   Asked by Gmans, February 28, 2009

   0 votes
   3 answers
8. стили print

   как в версии сайта для печати отобразить картинки в бэкграунде?

   Asked by imolodec, May 13, 2009

   0 votes
   5 answers
9. Проблемы с кроссбраузерностью

   Сделал небольшой макетик сайта www.beavers-net.narod.ru Дизайн дефалтовый, т.е. случайные цвета- не в нём суть, вобщем, но комменты понему приму с радостью, хотя комментировать пока неча. Проблема возникла, когда открывается в ИЕ - байда у него с блоком и фоотером. Опера- всё ок. Хром- безжалостно оторвал футер. Сафари- тоже самое. Фаер..это вообще что-то непонятное...Он что, комменты совсем на дух не переносит? или это пагубное влияние присобаченного чёрти как блока рекламы? Ну и два итоговых вопроса - результаты валидации я понять не смог, увы . Второе - насколько болезненно мне обойдётся кроссбраузерность в данном случае- переделать весь макет сызнова или хаки мне в …

   Asked by tt48, September 8, 2009

   0 votes
   2 answers
10. Проблемы с IE div верстка

    Графическое меню равняется с концом текста блока с контентом то есть уезжает вниз. В опере все нормально в мазиле тоже. Косяк только в IE. Подскажите что делать? Убил кучу времени и так не нашел решения проблемы. Вот код: <body> <center> <div class="car"> <div id="head"></div> <div id="cont"></div> <div id="menu"> <br/> <a href="index.php"><img src="themes/img/1.jpg" alt="Главная"/></a><br/><br/> <a href="cena.php"><img src="themes/img/2.jpg" alt="Цены"/></a><br/><br/> <a href="klient.php"><img src="themes/img/3.jpg" alt="Наши клиенты"/></a>…

    Asked by torss27, November 5, 2009

    0 votes
    2 answers
11. цвет ссылок

    Доброй ночи! Не могу понять: это стиль цвета ссылок a { text-decoration : none; outline : none; color : #ffffff; } а это код и стиль отдельной ссылки <a class="a_new color" href="http://www.youtube.com/ asdfagdfsh" > YouTube - ISIIS<br /> (In Situ Ichthyoplankton Imaging System)</a> .a_new color {color:#006699; font-style:oblique; } Скажите, почему у меня не отображается стиль для ссылки a_new color, таким каким я его прописал, а отображается стиль для тега <a>?

    Asked by pattaya, September 15, 2010

    0 votes
    4 answers
12. Рельефный текст

    Как сделать рельефные заголовки боковых блоков как на этом сайте и видно ли это будет на всех браузерах? http://www.w3.org/

    Asked by Kenshi24, February 23, 2011

    0 votes
    6 answers
13. Резиновый div с контентом

    Помогите подправить стили div с контентом. <div id="content"> Нужно исправить <div id="content"> что бы он красиво сжимался и растягивался для достижения отображения сайта без прокрутки на разрешении больше чем 1024px в ширину. Что бы правый сайт бар не перепрыгивал влево. Сайт kpi.name

    Asked by armid, March 2, 2011

    0 votes
    8 answers
14. Проблема с таблицами

    Проблема такая: Нужно чтобы таблица растягивалась как в firefox 4.0 ie8 и opera 11. В браузерах типа -webkit- почему то не работает(( и op9.27 страница: http://vladislav805.narod.ru/windows.html и также смотрелась и на http://vladislav805.narod.ru/index.html (здесь также ff4+ ie8+ op11+ работает)

    Asked by vladislav805, March 10, 2011

    0 votes
    6 answers
15. Расположение фона страницы

    <style type="text/css"> body { background: url(bg-header.jpg); background-repeat : no-repeat; background-size: cover; background-position-y: center; Помогите расположить фон страницы. background-size: cover - рисунок фоновый занимает размер нужный по ширине. Ввожу параметр center чтобы во вертикали фон центрировался по центру но оно не помогает. Пожалуйста подскажите как сделать чтобы фон растягивался по ширине на всю страницу но при этом центрировался по вертикали?

    Asked by stylelad, July 9, 2011

    0 votes
    7 answers
16. Выпадающее меню на CSS.

    Добрый день, дорогие форумчане. Получил вот недавно заказ на верстку простенького сайта. Но есть одно но. В нем должно быть выпадающее меню. Приложу картинку, чтобы было понятно: (https://dl-web.dropbox.com/get/Photos/%D0%BC%D0%B5%D0%BD%D1%8E.jpg?w=fb31becf) Т.е. нажимаешь на кнопочку — выезжает дополнительное меню. Нажимаешь еще раз — она убирается. Все бы ничего, но я всегда думал, что такое делается с помощью JS. А заказчик настаивает, что можно сделать на CSS. К сожалению, раньше никогда не сталкивался с таким. Подскажите, можно ли сделать это на CSS? Если да, то как?

    Asked by Sedacove, September 20, 2011

    0 votes
    5 answers
17. Много картинок на странице

    Привет. Хочу задать вам такой вопрос. Создаю страницу каталога продукции. Много картинок. Везде приходится указывать размеры (высота, длинна). Предварительно выписав их на листочеч чтобы не запутаться. Отнимает много времени и если меняешь размер картинок то все приходиться переделывать. Может кто знает секрет какой управления размерами. Каким нибудь унивесальным смойством, а может кто и скрипт подскажет. Спасибо.

    Asked by getalusk, October 23, 2011

    0 votes
    9 answers
18. Фон для текста

    Есть проблема, уже даже и не знаю, что еще можно попробовать сделать. Есть текст, которому нужно задать фон: html: <h4><a href="#">Новый алгоритм Google <br> усовершенствуется</a></h4> css: h4 a{ color: #fff; background-color: #ffba00; } Должно получиться: Сразу скажу, что уже перепробовал все свойства дисплэй - все что не строчный элемент, отображается блоком, а тут явно видно, что фон задается строкам. Пробовал задавать значение padding, но у строчных элементов, padding отодвигает начало первой строки (действует как text-indent), что тоже не годится. Пробовал сделать фон через значение outline, но там тоже проблемы. В общем, может …

    Asked by Jake Blues, November 7, 2012

    0 votes
    6 answers
19. Gомогите отцентрировать контейнер (по горизонтали)

    В контейнере (на рисунке обозначен внутренним прямоугольником красного цвета) есть текст (несколько однострочных параграфов) и таблица. Нужно, чтобы контейнер располагался горизонтально по центру окна браузера (на рисунке - внешний прямоугольник красного цвета), при этом левая граница строк текста должна совпадать с левой границей таблицы. Если в качестве контейнера выбрать таблицу (из одной строки и одной ячейки) - то желаемого эффекта можно добиться при помощи <table width="1%" align="center"> А вот с div'ами я не смог добиться желаемого эффекта - текст у меня всегда прижимается к левому краю окна (т.е. контейнер всегда сдвинут влево). Подскажите, пожалуйста, мож…

    Asked by IVB, January 3, 2013

    0 votes
    6 answers
20. Квадратики вместо русских букв

    Код страницы: <!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=utf-8" /> <meta name="keywords"/> <title></title> <link href="css/styles.css" type="text/css" rel="stylesheet"/> </head> <body> <div style="font:20px Tahoma normal; color:#00008B; line-height:1; width: 1400px; height; 50px; text-align: center;"> <form action="action.php" method="POST" name="form1" enctype="multipart/form-data"> <legend> Пожалуйста, заполните форму:</legend> <div style="font:2…

    Asked by epog333, June 4, 2013

    0 votes
    0 answers
21. Проблема с версткой галереей

    Вот так должно быть http://s43.radikal.ru/i099/1406/7b/5531893bd306.png вот так вот у меня http://s020.radikal.ru/i723/1406/6c/6c09ddb600aa.png вот сам код http://jsfiddle.net/5qAuh/ - правда он тут как то изображается странно, ну да ладно проблема в том, как сделать чтобы контейнеры box шли друг за другом и если не вмещаются в контейнер все ровно шли друг за другом, чтобы потом можно было с помощью jquery сдвигать влево и вправо. подскажите, может я туплю и не вижу элементарного?

    Asked by WEB-best, June 3, 2014

    0 votes
    12 answers
22. Как лучше выполнить задачу с обложками журналов?

    Есть 11 обложек журналов (картинок). 10 из них нужно разместить вокруг главного журнала (типа солнце и планеты). Под этими обложками будет текст (название журнала и номер). То есть главный журнал по центру, остальные во круг него. А сама вся конструкция в центре страницы. При этом очень важно, чтобы каждый элемент можно было свободно позиционировать в любом месте. Например из ровной линии 4-х обложек вверху сделать дугу и т.п. Я хочу сделать это с помощью position: fixed Подскажите, насколько это верное решение? Или существует более грамотный способ? Примерно это должно выглядеть вот так

    Asked by Anatuz, October 13, 2014

    • позиционирование
    0 votes
    7 answers
23. Float элемент странно вырван из потока.

    Давно усвоено, казалось бы, флоат элемент вырван из потока. Каким образом margin-top элемента <nav> в потоке добавляет тот же margin-top элементу <div>, вырванному из потока? http://codepen.io/462960/pen/VaWwYQ

    Asked by seemax, March 25, 2016

    • float
    0 votes
    1 answer
24. Ява скрипт на бэкграунд

    Здравствуйте. Подскажите пожалуйста такую вещь. Есть скрипт который выполняется через канвас вот так. Все отлично работает, но занимает много места. <div class="orange"> <canvas id="heart"></canvas> </div> CSS canvas { position: relative; left:0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.2); } НЕ могу понять как сделать скрипт бэкграундом. Чтобы он занимал полную страницу, выполнялся на фоне, а я поверх него мог контейнеры расставлять. Где можно почитать начинающему как вообще делать бэкграундовую анимацию из скриптов. Спасибо

    Asked by Азраэль, June 9, 2017

    • ява
    • верстка
    • хтмл
    • канвас
    0 votes
    1 answer
25. слаидер slick с картинкой

    при ширине экрана @media(max-width:768px) в самый низ страницы верстки есть слайдер внутри него есть контент с картинкой хочу поместить картинку за границы слайда сверху но картинка обрезается. как сделать чтобы было видно ссылка на верстку http://frontend-er.h1n.ru/asia-spa/

    Asked by victorius, December 30, 2019

    • верстка
    • css
    0 votes
    0 answers