HTML Coding

29,542 questions in this forum

1. верстка сложного макета

   Здравствуйте.В html верстке, у меня пока что не так много опыта.Есть сложный макет.Хотелось бы знать по какому принципу его верстать,думаю как же все это разместить, использовать float?либо попробовать сделать по grid системе? может его как-нибуть подругому надо верстать. Может кто подскажет, как именно здесь действовать оптимально? сам макет

   Asked by spy7190, December 20, 2013

   0 votes
   20 answers
2. Проблема c input и autofocus

   Добрый день. У меня есть две проблемы: 1) Почему поле input не подсвечивается в Mozilla,Opera жёлтым , как в Google Chrome например? Вот фотка : Вот ссылка: http://slizers.com/list1.html 2) Вторая проблема заключается в том, что autofocus не загружается, то есть при нажатии на кнопку поиск выплывает окошко и там должен быть autofocus. Возможно ли это как-нибудь это сделать? Мною опробованы методы : 1) Скрипты <script type="text/javascript"> function formfocus() { document.getElementById('element').focus(); } window.onload = formfocus; </script> 2) <input id="q" autofocus> <script> if (!("autofocus" in document.createElement("input"…

   Asked by averin13, December 12, 2011

   0 votes
   0 answers
3. Проблема с иконкой в строке адреса

   Я хочу добавить иконку в строку адреса. Создаю файл favicon.ico, помещаю его в корневой каталог сайта, в файле пишу: В результате в Мозилле и Опере отображает, в ИЕ- нет. Смотрю в код сайтов, в которых все нормально отображает: у них либо прописано так, либо вообще ничего в коде не прописано. Тем не менее, у них отображает везде. Так почему у меня не отображает, если я делаю так же? Есть какие-то идеи?

   Asked by nemecfc, October 12, 2007

   0 votes
   8 answers
4. Проблемы с прозрачностью блоков

   Здравствуйте! Идея в чем - внизу на фоне документа есть рисунок, а главный блок должен быть на 70 процентов непрозрачным. html: <div id="bg"> <div id="maintable"> <div id="logo"> </div> <div></div> </div> </div> css: body { background: #FFFFFF url(../images/bg.jpg) bottom no-repeat; height:auto !important; height:100%; } #bg { background: #FFF; opacity: 0.7; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70); height: 100%; } #maintable { opacity: 1.0; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100); } #logo { background: url(../images/logo.jpg) no-repeat left top; height: 200px; } карт…

   Asked by Hijacker, April 4, 2010

   0 votes
   21 answers
5. Как правильно определить разрешения экрана

   Замучился с адаптивным дизайном. Наконец-то понял почему разрешение на мобильных устройствах занижается. Вот тут хорошая статья http://programador.ru/dp/ Вот нашел скрипт, но он определяет "devicePixelRatio" - это для ретины, да и не работает он, на мобилке сайт зависает при загрузке - просто белый фон и делает вид что что-то грузит <script>$(function() {if (window.devicePixelRatio !== 1) { var dpt = window.devicePixelRatio; var widthM = window.screen.width * dpt; var widthH = window.screen.height * dpt; document.write('<meta name="viewport" content="width=' + widthM+ ', height=' + widthH + '">');}}) </script>Скажите пожалуйста, как можно переделат…

   Asked by alleclf, February 24, 2015

   0 votes
   20 answers
6. Верстка слайдера carousel/swiper

   Добрый день. Есть необходимость свертсать слайдер на главной странице: 1) пролистывание на 1 страницу осуществляется по наведению мыши на текущий слайд т.е. 1 наведение 1 слайд; 2) пролистывания с эффектом fade (один тухнет другой появляется) Все остальное время слайдер стоит просто. Попробовал написать использую bootstrap4 carousel, но столкнулся с тем что я не знаю как сделать эффект fade на нем, а если и получалось то текущий слайд резко исчезает, а новый появляется медленно и еще почему то при наведении на последний слайд курсора пролистывание идет через первый слайд (он показывается, но только на короткий промежуток времени) на jsfiddle код работа…

   Asked by AShukilovich, September 15, 2017

   • bootstrap4
   • carousel
   • html
   • css
   • swiper
   0 votes
   2 answers
7. expression - зависимость контента от активной области браузера

   Возникла проблемма. Имеется дизайн у которого по бокам много различных элементов(узоров). Сам шаблон в ширену 1200, а основная часть приблезительно 1000. 100пикс по левому и по правому краям занимают узоры. Прикрепил узоры слоями к основной части по левому и правому краю. Основная часть фиксированная, поэтому варианты с тянущейся основной отпадают.... Проблемма собственно в чем: пытаюсь адаптировать этот дизайн под 1024, но ничего не получается -- из-за узоров появляется полоса прокрутки. Нужно средствами CSS узнать ширешу экрана и в зависимости от расширения автоматически подрезать слои-узоы чтобы полосы не возникало. Слышал о небольших JavaScript включениях в файлы CSS…

   Asked by Maslakoff, June 20, 2007

   0 votes
   7 answers
8. mm_menu

   Извините, если вопрос создан не в том разделе. Проблема собственно говоря не сложная, но при моём уровне владения кодом - достаточно неприятная. Имеется два меню, приведённые ниже. Строки, выделенные красным цветом, необходимо поменять местами со строками выделенными синим цветом. При простом копипасте меню просто отказывается работать. В одной из статей указали, что обрабатывать такие скрипты необходимо дримвьювером, т.к. он автоматически обновляет файл mm_menu.js, но изменяя эти строки вьювером меню всё равно отказывается работать. function mmLoadMenus() { if (window.mm_menu_0912121823_0) return; window.mm_menu_0912121823_0 = new Menu("root",417,20,"Verdana, Arial, …

   Asked by Cyanide, February 24, 2010

   0 votes
   18 answers
9. Размер <select>, <option>

   Подскажите такую вот штуку. Есть форма: <form> <select> <option> 1111111111 </option> <option> 2222 </option> </select> </form> то есть <select> будет иметь ширину 1111111111. Как сделать так, что бы в закрытом состоянии <select> была конкретного размера, а список, который раскрывается, другого. Вот как здесь.

   Asked by Alex&R, June 1, 2010

   0 votes
   3 answers
10. Помогите с красивым оформлением input range на css

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

    Asked by papay, February 17, 2017

    0 votes
    5 answers
11. Растягивающийся фон

    Вобщем смысл вот в чем. Нужно задать фон для верхней части сайта (хеадера). Фон дожен быть резиновый или хотя бы фиксированного размера по центру. Но нужно чтобы картинку нельзя было скопировать обычным способом тоесть чтобы она была прописана именно в CSS в теге background-image. Вот я прописываю её а картинка начинает дублироватся. Вот код из CSS #header { background-image: url(logo.png); } Как сделать что-бы он растягивался, а не дублировался?

    Asked by zer00, June 6, 2011

    0 votes
    4 answers
12. Форматирование списков. Вывод в строчку, без переноса.

    Имею горизонтальный список ссылок. Что нужно прописать в ul { }, чтобы список выводился так: А не так:

    Asked by 100kd, April 26, 2008

    0 votes
    3 answers
13. Вертикальное центрирование изображения

    Доброго времени суток. Ситуация такая. Есть некий блочный элемент (допустим, абзац), внутри которого есть картинка и немного текста. Картинка вставлена тегом Код, работающий в Опере и Лисе: HTML: <img src="menu.png"> Some Text CSS: p { height: 100px; line-height: 100px; } p img { vertical-align: middle; } Буду очень рад, если кто-то подскажет как заставить работать это в IE

    Asked by Kaiden, June 18, 2008

    0 votes
    11 answers
14. Резиновый макет

    Добрый день! Подскажите,как лучше реализовать верстку резинового макета-позиционированием,плавающими блоками,отрицательным маргином или же еще как можно? нужно: хедер(ширина 100%) верхнее меню(ширина 100%) лколонка(ширина 200пх)+контент(резина)+рколонка(200пх) футер(ширина 100%)

    Asked by liquid, April 27, 2010

    0 votes
    22 answers
15. Не работает селектор .class

    Добрый день. Начинающий программист, столкнулся с проблемой. Селектор .class не работает должным образом. Несмотря на правильное, я надеюсь, описание, на web-странице не отображается ни одно изображение. С чем может быть связано? Заранее спасибо за помощь.

    Asked by Марко, August 16, 2022

    • html
    • программирование
    0 votes
    4 answers
16. HTML5 + правильная разметка документа

    Давайте возьмём за основу самый простой схематический макет: И так имеем: Шапка. Содержится в теге <header> Контентная часть. Содержится в теге <article> Боковая панель. Сожержится в теге <aside> Ну и по логике вещей всё это дело можно положить в <section> ? Или же контент должен хранится в <section> а <aside> уже будет к нему как второстепенный блок? Как правильно?

    Asked by klierik, July 13, 2011

    0 votes
    4 answers
17. Игнорирование свойства padding.

    Здравствуйте. В блоке есть два вложенных блока. Не понимаю, почему для правого не полностью применяется свойство padding? Отступ от правого края есть, а вот от левого нет. Это можно исправить, если задать свойству margin-left величину большую, чем ширина левого, но тот факт, что правый игнорирует padding стал для меня неожиданностью. Я что-то забыл или так оно и есть? Скриншот (видно, что граница проходит вплотную). HTML. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" …

    Asked by Red Planet, February 11, 2011

    0 votes
    3 answers
18. Футер съехал вправо

    Подскажите, пожалуйста, почему футер съехал вправо и находится не внизу страницы. И слева серое поле как убрать(после кнопки дизайнерам)http://www.mix-mart.ru/Roto-door.html html,body{ height:100%; margin:0; padding: 0; background:#fff;}#body{height:100%;height: auto; min-height: 100%; }#container{height:100%; background:#e6e6e6; width:1000px; min-height:1670px; margin: 0 auto; padding-bottom:30px; }#footer{ clear: both; position: relative; z-index: 10; background:#ddd; float:right; width:1000px; height:30px; font:12px Verdana, Arial, Sans-Serif, Helvetica; text-align: left; padding:14px 20px 0 0; margin:0 12px 0 0; margin-top:-30px;}#f1{ float:lef…

    Asked by Савоини Анастасия Андреевн, February 24, 2015

    • Футер внизу страницы
    0 votes
    11 answers
19. Наложение объектов

    Здравствуйте! При разрешении 1024х768 и меньше на сайте http://ritcar.ru можно наблюдать небольшой глюк. Есть вверху горизонтальное-выпадающее CSS меню (чисто CSS без JavaScript). А в левом блоке есть Flash баннер (там где надпись "Мы издаем") Так вот. Выпадающее меню пункта "Издательство" подлазит под этот баннер, а хочется чтобы было сверху (перекрывало баннер). Попробовал назначать блоку в Flash`кой z-index: 0, но не помогло. Причем такой казус только, когда там стоит Flash. Если поставить статичную картинку, то все нормально. Приведу CSS код меню (у меню id nav), но кажется все намного проще и код даже ни к чему. Любые советы приветствуются. Спасибо. #nav, #nav ul { …

    Asked by Andrey_rus, November 27, 2008

    0 votes
    7 answers
20. CSS - Overflow

    Додбрый день, уважаемые, подскажите пожалуйста, вот есть блок у которого свойство overflow - hidden. Внутри него находится другой блок, который по размерам больше 1-го. Из-за overflow-hidden свойства 1-го блока, внутренний блок частично урезается. Можно ли как-нибудь задать свойство таким образом, чтобы сво-во overflow-hidden не распространялось на внутренний блок, как-нибудь переопределить его? Помогите пожалуйста. Не получается у меня. Спасибо за внимание.

    Asked by olgasme, September 22, 2010

    0 votes
    8 answers
21. Как верстать большие макеты ?

    Кто подскажет как верстать такой макет ? Шрифты слишком большие, размеры отступов и самой картины тоже. Как мне быть, сверстать так как есть или поменять все отступы и размеры шрифта на более менее подходящую ? psd макет скачать

    Asked by Димитрий, December 8, 2017

    • верстка больших мкетов
    0 votes
    7 answers
22. проблема с float только в ie 2 слоя + javascript

    Добрый день! вся конструкция здесь: _http://007.su Мучаю здесь табы. в опере и файерфоксе флоатится все нормально, а в эксплоере нормально флоатятся только последние 2 таба, а первые 2 таба (их содержимое) не флоатится почему то. Помогите пожалуйста или хотя бы намекните, в какую сторону копать и еще в эксплоере почему-то табы активируются только если навести на сам текст (он в спане), в других браузерах все правильно работает - если навести на сам таб

    Asked by mustang, June 10, 2009

    0 votes
    7 answers
23. Текст в таблице.

    Два документа www.ucdip.com/tmp/psu2.html и www.ucdip.com/tmp/psu3.html ... Почему, как только количество строк текста в ячейке увеличивается (документ psu2.html), внешняя (глобальная) таблица смещается немного влево. Эффект наблюдается в Опере 8.02. Эксплорер отображает нормально. Вроди все размеры и пропорции выдержаны правильно. Подскажите пожалуйста где ошибка. Заранее благодарю.

    Asked by Bim-Bom, July 1, 2007

    0 votes
    3 answers
24. Фоновый рисунок

    вроде бы все делаю правильно, но браузеры не тображают фоновый рисунок. проверила 10 раз все названия папок и файлов совпадают, изображение в папке есть код: body { background: url("images/p.jpg"); } <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <title></title> <meta http-equiv="content-type" content="text/html; charset=utf-8" > <link rel="StyleSheet" type="text/css" href="css/style.css"> </head> <body> </body> </html>

    Asked by Izum, June 2, 2010

    0 votes
    24 answers
25. Сжатие css кода и наоборот

    Сжал код через сервис сжатия кода теперь мне нужно его назад рос жать так как не сохранил оригинал ((( подскажите возможно ли так сделать а то он в одну строку .

    Asked by virtas, August 1, 2015

    • Сжатие css кода
    0 votes
    5 answers