Jump to content

HTML Coding

Subforums

  1. Discussion of works

    Source code audit and recommendations

    30.1k
    posts

  2. Practise Templates

    Templates for self education and practise

    1k
    posts

Explore Questions

There are no popular questions to show right now

  1. Вёрстка футера на движке Xenforo

    Asked by Mondeus,

    0 votes
    0 answers

  2. Примеры верстки

    Asked by torsar,

    0 votes
    0 answers

  3. Список покидает див

    Asked by DeZ,

    0 votes
    0 answers

  4. Проблема с шириной ячеек

    Asked by ArrogantSpectator,

    0 votes
    1 answer

  5. Html кнопка

    Asked by НикитаL,

    0 votes
    3 answers

29542 questions in this forum

  1. Высота секций лендинга

    Доброе утро! Вопрос из разряда "вилами по воде" , но все же... рискну))) Верстка лендинга, а конкретнее, секций: как быть с высотой секций? Все секции в макете разной высоты. И мой вопрос состоит в том, что задавать ли им min-height со значением, взятым из макета? Или отталкиваться от контента? Просто, в "типа ТЗ" написано единственное что высота блоков не фиксированная(нету условия что кентена может быть меньше чем на макете). Надеюсь, буду понят)))

    Asked by Super_Saimon,

    0 votes
    2 answers

  2. Задний фон элементов формы

    Суть проблемы в том, что нужно подложить изображение под элементы списка <select>. CSS свойство background работает только если указывать конкретный цвет, а картинку подкладывать упорно не желает. Схожие проблемы с типом radio элемента формы <input>.

    Asked by Karmin,

    0 votes
    2 answers

  3. Не могу понять, откуда берется отступ?

    То ли я не выспался, то ли что.. не могу понять, откуда берется прореха между пунктами меню: Вот код: <html> <head> <style type="text/css"> <!-- * { margin:0; padding:0; } ul, li { list-style:none; } ul.mainmenu, ul.mainmenu li { display:inline; } ul.mainmenu li.active a, ul.mainmenu a:hover { background:#353535; color:#fff; } ul.mainmenu a { display:inline-block; padding:10px 15px; text-decoration:none; color:#353535; font-size:1.75em; } --> </style> </head> <body> <ul class="mainmenu"> <li class="active"><a href="#">menu</a></li> <li><a href="#">menu</a></li>…

    Asked by d0ublezer0,

    0 votes
    1 answer

  4. Ошибка отображения маркерированого списка в firefox

    Добрый вечер. Возникает ошибка при корректном отображении странички в браузере firefox, хотя в таком проблемном браузере как ИЕ все как мне и нужно отображается. Сама ошибка обведена на примере 2 красным цветом. Прошу помочь. http://imm.io/2shp http://imm.io/2shq Код : Даю весь код странички CSS : a { text-decoration: none; color: #26303C; } table.a { border-collapse: collapse; margin-bottom: 0px; height: 100%; width: 970px; } table.b { color: white; height: -74px; width: 970px; } table.c { color: white; height: 55px; width: 970px; } ul { margin-top: 20px; line-height: 0.5; list-style-type: square; float…

    Asked by Temiks,

    0 votes
    3 answers

  5. Навигация с дополнительным текстом

    Делаю навигацию для сайта. Оформляю ее как список. Когда в код вставляю описание ссылок (т.е. все, что на рисунке отмечено серым цветом), то навигация становится не горизонтальной, а вертикальной. Перенос текста делал тегом <br />. В общем, подскажите, пожалуйста, как написать код, чтобы было как на картинке. Премного благодарен за ответы. Картинка:

    Asked by unquaker,

    0 votes
    5 answers

  6. Не отображаются картинки и css

    Здравствуйте,я создал каркас сайта и слева у меня навигационное меню, которое я внес в библиотеку ( что бы при изменении чего либо, все менялось на других указанных мною страницах), так вот страницы я указал через так сказать"ПРИЦЕЛ" ...не знаю как правильно называется функция, так вот ссылки друг на друга работают, всё нормально, а вот стиль и все изображения не отображаются: http://s018.radikal.ru/i520/1201/55/8d2b86edc8dc.jpg У меня index.html находится в корне, а все остальные страницы в папке "menu"...я думаю это из за того что ссылки то друг на друга определились, через ../ автоматически...а как мне сделать что бы автоматически и все изображения из папки "img" и ед…

    Asked by in9emix,

    0 votes
    3 answers

  7. Как сделать кнопку при наведении которой она будет менять картинку?

    Вобщем есть две картинки button.png(просто фон кнопки) и hbutton.png(фон при наведении).Создал в css класс nav и написал еще два a.nav {background: url(../images/button.png) repeat-x 0px 1px ; width:100% ; height:46px ; margin:auto ;text-decoration: none;} a.nav:hover {background: url(../images/hbutton.png) repeat-x ;font-size:15px;color: #000;} А в html сделал так <div class="nav"> <table> <td><div style="padding: 10px 15px 5px;font-size:15px;"><a href="/" class="nav"><span>Главная</span></td></div> <td><div style="padding: 10px 15px 5px;font-size:15px;"><a href="/" class="nav"><span>Фа…

    Asked by Zerro76,

    0 votes
    5 answers

  8. фильтр для yahoo почты

    на почте yahoo есть лишние элементы (поле справа и т.п.) Их можно удалять, подставляя свои значение стилям в файле Firefox (chrome/user-content.css) Такие скрипты есть на сайте userstyles.org. Но на yahoo что-то поменяли, поэтому сборная солянка из нескольких наборов перестала работать. Хорошо бы, если бы появились на форуме желающие создавать подобные фильтры для почты (на hotmail и google такие фильтры занимают гораздо меньше места и работают пока).

    Asked by Rilo,

    0 votes
    0 answers

  9. Блок по всему родительскому блоку с выравниванием по центру

    Есть родительский div Его нельзя трогать. Нужно создать в нем div внутри с размерами 100%. И выравниванрием по центру. Обычный способ с display: table-cell; почему-то не подходит. Вот сокращенный код: <style> .center { background-color: gray; text-align: center; display: table-cell; vertical-align: middle; } </style> <div style="position: absolute; width: 800px; height: 600px; background-color: yellow;"> <div style="position: absolute; width: 100%; height: 100%" class="center">Проверка</div> </div> Не работает vertical-align: middle; из-за position: absolute; Если position: absolute; убрать(а этого нельзя делать…

    Asked by Absinthe,

    0 votes
    3 answers

  10. помогите начинающему

    Здраствуйте уважаемые помогите плиз советом, как собрать нечто подобное????7 Сам что то ни как не додумаюсь..... у меня получилось вот что .block_award{ text-align:left; box-shadow: 0 0 5px 2px; margin:40px} <div class="block_award"><img style="margin: 20px;" src="images/awards/001.jpg" width="200px " /> </div> <div class="block_award"><img style="margin: 20px;" src="images/awards/002.jpg" width="200px " /> </div> <div class="block_award"><img style="margin: 20px;" src="images/awards/003.jpg" width="200px" /> </div> Как бы еще текст добавить????

    Asked by al_hagen,

    0 votes
    4 answers

  11. баг с padding

    При использование padding:15px 0; появляется непонятный баг, а а именно две дополнительные ячейки. Помогите пожалуйста. вот мой код: html: <div id="conteiner"> <div id="nav"> <u> <li><a href="#">главная</li> <li><a href="#">Скачать</a></li> <li><a href="#">Документация</a></li> <li><a href="#">О Нас</a></li> <li><a href="#">Контакты</a></li> </u> </div> </div> css: div#nav li { list-style: none; }…

    Asked by talover,

    0 votes
    3 answers

  12. Как выравнять расстояние между описаниями программ?

    Добрый вечер. На сайте внизу видно, что расстояние между программами не одинаковое: Пробовал применить такой стиль: .moduletable_displaynews > div > div > div { display:inline-block; } После этого абзацы описания программ, описываемые стилем .moduletable_displaynews>div>div>div>a>p, начинают раньше конца строки переноситься на новые строки: Как грамотно выравнять расстояние между строками описания программ?

    Asked by borus,

    0 votes
    5 answers

  13. Организация навигации по сайту

    Добрый день! Просьба помочь и подсказать новичку следующее. Допустим есть сайт, который состоит из панели с навигацией (ссылки на разные страницы сайта) и областью для просомтра соответствующей страницы. Как коректно организовать загрузку требуемого контента после нажатия на ссылку (естественно без использования фреймов). Насколько я понимаю после нажатия на ссылку должна генерироваться новая страница, которая содержит: 1. панель навигации (которая загружается постоянно из одного и того же файла); 2. страницу с контентом. Это можно реализовать 2-мя способами (или больше, но я их не знаю :-)): 1. Каждая страница с контентом (php) содержит в себе функцию, котора загружает п…

    Asked by Ridge,

    0 votes
    5 answers

  14. CSS меню ! ! !

    Всем приветик ! Вот делаю сайт : joomla.metko.ru заморочка с меню...весь день ковырялся так и не смог его ратянуть по контейнеру на всю ширину ( к левому краю прижимается, пробелами в html расширяется но не в притык ....а в css вообще не очет расширяться...объясните почему плиииииз ! <div id="container"> <nav> <ul> <li><a href="">О КОМПАНИИ</a></li> <li><a href="">МАГАЗИНЫ</a></li> <li><a href="">ДОСТАВКА</a></li> <li><a href="">ЗАКАЗ</a></li> <li><a href="">Контакты</a></li> </ul> </n…

    Asked by morgusha,

    0 votes
    2 answers

  15. Предупреждения валидатора meta

    Добрый день. <!DOCTYPE html> <html lang="ru-RU"> <head> <meta charset="utf-8"> <meta name="keywords" content="text/html; Wed, 01 Jan 2020 01:01:01 GMT"> <title>Error 404</title> <link rel="stylesheet" type="text/css" href="css/error_404.css"> </head> <body> </body> </html> Валидатор (http://validator.w3.org/check )выдает предупреждения насчет какой то тестовой функции и что то насчет игнорирования кодировки. Подскажите пожалуйста что ему не нравится? П.С. С кодировкой разобрался, загрузил файлом а не копипастом и убрал <BOM>. Но с чекером по прежнему что то не то (Using experimental feature: …

    Asked by Ururu,

    0 votes
    1 answer

  16. Привет всем! Прошу совета, я начинающая в Web-дизайне.

    Привет всем! Прошу совета, я начинающая в Web-дизайне. Не получается красиво отобразить материал. Создаю сайт на Joomla. Нужно что бы слева было фото, под ним видео(youtube), а справа шло описание в колонку. Примерно как: http://s2.ipicture.ru/uploads/20131217/6Fn0S0H7.bmp Пробовала в таблицу, в левый столбец фото и видео, в правый описание, но пропадает эффект "responsive". Может использовать "columns" ? Заранее очень благодарна всем за советы).

    Asked by larisa2,

    0 votes
    10 answers

  17. Как бы выравнять кнопки "Добавить в корзину"?

    Здравствуйте! Вот объект. Какими мерами можно выравнять кнопки "Добавить в корзину" в строках по нижней границе товара с самым большим описанием?

    Asked by borus,

    0 votes
    6 answers

  18. Двойной фоновый рисунок

    Добрый вам день!!! Создаю свой первый сайт, продумал дизайн, но столкнулся с проблемой реализации. по замыслу страница имеет один задний фон, циклирующийся до конца страницы, высотой 14 px, в формате jpg. но поверх него мне нужно наложить второй фон в формате png высотой 240 px. как вы пониматете, в один фон их не уместить, иначе в конце страницы будет пробел. что-то похожее я изобразил. второй фон появляется поверх первого, но как-только заканчиввется строка меню сайта, от исчезает за основным фоном. что не так? как поправить? вот ссылка: http://infobusiness.hol.es/index.html 1. основной фон - серый, сбоку с как бы решеткой 2. второй фон - диньги, видна только качть под…

    Asked by lexxxand,

    0 votes
    1 answer

  19. Проблемы верстки с Masonry

    Проблема заключается в том, что в ФФ в первый раз открытия сайта и/или обновления без кеша (Ctrl+F5), а так же в хроме всегда до изменения размера окна и восстановления его блоки .item наезжают друг на друга и/или проваливаются под подвал. F5 в ФФ вопрос снимае в Хроме нужно изменить размер окна и восстановить в исходное (чтобы перестроились блоки) лежит тут

    Asked by To_wave,

    0 votes
    2 answers

  20. не видит локальный bootstrap

    здравствуйте, друзья! скажите, пожалуйста, у кого были преценденты, по каким причинам может быть такое, что локальный бутстрэп не виден, а подключаешь cdn то видит спасибо!

    Asked by Denzil,

    0 votes
    1 answer

  21. Некорректно работает transition-duration

    Добрый день! Я уже замучился, не пойму в чем проблема. Делаю так, чтобы при наведении на главный пункт меню, сверху плавно выезжали подпункты. Вот код: HTML <div class="menu goods"> <a href="#">All goods</a> <ul class="submenu"> <li>first</li> <li>second</li> <li>third</li> </ul></div>CSS .goods:hover .submenu{ transform: translateY(0px);}.submenu{ margin: 0; padding: 0; list-style: none; transform: translateY(-300px); transition-duration: 1s; transition-property: transform;}Это работает, но проблема в следующем: К…

    Asked by Yan,

    0 votes
    0 answers

  22. Скрыть div

    Добрый день!Как сделать,чтобы когда курсор в инпуте, add скрывался, а галочки показывалось?на чистом css!!! http://prntscr.com/a7q242

    Asked by Кнопа,

    0 votes
    3 answers

  23. Как зацентрировать всю конструкцию?

    Добрый вечер помогите пожалуйста, имеем следущую конструкцию <div style="overflow: hidden;"> <div style="width: 100%"> <div style="float: left;padding:5px"><img style="max-width:100%; border:1px solid white" src="http://unispot.pro/image/catalog/test.jpg"></div><div style="float: left;padding:5px"><img style="max-width:100%; border:1px solid white" src="http://unispot.pro/image/catalog/test3.jpg"></div> <div style="float: left;padding:5px"><img style="max-width:100%; border:1px solid white" src="http://unispot.pro/image/catalog/test3.jpg"></div><div style="float: left;padding:5px"><img style="max-w…

    Asked by ilvl,

    0 votes
    2 answers

  24. document.getElementById

    Уважаемые мастера, подскажите пожалуйста. <!doctype htm> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>Gauge Test</title> <script src="../gauge.min.js"></script> <style>body { padding: 0; margin: 0; background: #000000 }</style> </head> <body onload="dR()"> <div id="obr"><canvas id="gauge-ob"></canvas></div> <script> var yyy; var o=new XMLHttpRequest(); function dR() { o.open("GET","text.txt?r="+Math.random(),1); o.onload=function(){ var a=this.responseText.replace(/\s*[\r\n…

    Asked by Ser8191,

    0 votes
    0 answers

  25. Добавить полосу прокрутки

    Есть фиксированный сайдбар. Высота его 100vh. Если экран монитора низкий и пункты это блока не полностью влазят, то у него должна появляться полоса прокрутки http://skrinshoter.ru/s/221018/q2922fiM Добавил ему свойство overflow-y: auto; Какую сделать минимальную высоту не знаю, потому что здесь может быть сколько угодно пунктов https://codepen.io/anon/pen/PyBmrm

    Asked by yaparoff,

    0 votes
    3 answers
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy

  I accept