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

29,542 questions in this forum

  1. Вертикальное выравнивание в input type="text"

    Доброго времени суток, уважаемые форумчане. У меня есть текстовый input, который должен выглядеть вот так . При этом текст, который пользователь вводит в это поле, должен быть центрирован вертикально. В коде это выглядит так: HTML: <form action="" method="get"> <input class="search" type="text" name="search" value="Поиск" /> <input class="submit" type="image" src="images/lens.png" name="doSubmit" /> </form> CSS: input.search { background: url(images/search_box.gif) top left no-repeat; font: 12px 'Arial'; height: 21px; line-height: 21px; width: 95px; } Проблема в вертикальном центрировании текста. Opera центрирует по умолчанию, IE - при ук…

    Asked by Kaiden,

    0 votes
    3 answers

  2. checkbox ссылка

    Добрый день форумчане! Столкнулся с такой вот проблемой. Делаю кустарный фильтр по категориям товара. Т.е. есть список (скажем 5 брендов), на против каждого бренда имеем квадратик клацнув по которому появляется галочка в квадратике (стандартный checkbox). Задача стоит в следующем, хочу сделать так, что бы при клике по квадратику появлялась галочка и в то же время происходил переход по ссылке на другую страничку с нужным брендом. Отображение квадратиков в которые вставляется галочка я сделал, но не понимаю и не могу найти в инете как сделать ее активной что ли, что бы сразу происходил переход по указанной ссылке. <form action="http://www.tepliydom.org.ua/nagrevatelny…

    Asked by gumuch,

    0 votes
    18 answers

  3. Как удалить favicon.ico?

    Всем привет. Надеюсь на вашу помощь. У меня на сайте была иконка (favicon.ico), затем я решил ее удалить. Удалил. Но она все равно отображается. Как это исправить? Иконку удалил точно. Заранее спасибо.

    Asked by Denisqa,

    0 votes
    2 answers

  4. select

    1) как убрать вертикальную полосу прокрутку в select? пробовал задать overflow:hidden и overflow-y:hidden, не помогло <select name="s" size="10"> <option value="1">1</option> <option value="2">2</option> <option value="3">3</option> </select> 2) как центрировать содержимое option относительно контейнера (select). пробовал select{text-align:center;} и option{text-align:center;}

    Asked by html,

    0 votes
    6 answers

  5. Выпадающее вниз вертикальное меню на DLE

    Проблема заключается в следующем: есть шаблон DLE c вертикальными менюшками которые выпадают вниз на уровни. Реализовано все таким макаром: <ul id="nav"> <li><a href="/">ГЛАВНАЯ</a></li> <li><a href="ССЫЛКА"> МЕНЮ </a> <ul> <li><a href="ССЫЛКА">НАЗВАНИЕ ПОДМЕНЮ 1 </a></li> <li id=""><a href="ССЫЛКА">НАЗВАНИЕ ПОДМЕНЮ 2 </a></li> </ul> </li> <li><a href="ССЫЛКА"> МЕНЮ </a> <ul> <li><a href="ССЫЛ…

    Asked by Incestecide,

    0 votes
    3 answers

  6. В чем фактическое отличие display: inline и float: left

    Народ возможно за такой вопрос вы меня захотите побить но мне реально интересно, инлайны и зафлоаченные лефтом блоки в чем их фактическое отличие, ведь и те и другие дают облегать слева другим элементам То есть в чем разница 1. display: inline 2. float: left если элемент блоковый и кстати тоже было бы интересно узнать что такое когда float: left; и display: inline (про баг ИЕ6 который исправляется как раз инлайном я знаю) но что это за зверь интересно :-) Просьба сильно не ругать а обьяснить либо ссылочкой либо на словах

    Asked by TonKhaO,

    0 votes
    6 answers

  7. Полоска между блоками

    У меня возникла белая полоска между блоками header и content. Как убрать данную полоску? body { margin: 0px; padding: 0px; } #wrap { margin: auto; width: 1000px; } #header { height: 200px; background: url(../img/header-background.png) #348016 repeat-x; } #logo { text-align: center; padding-top: 34px; } #content { background-color: #CCCCCC; } <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title></title> <link rel="stylesheet" type="text/css" href="css/style.css"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> </head> …

    Asked by mastermedia,

    0 votes
    2 answers

  8. Автоматическое растягивание Div'а + очередность

    Всем привет ! Предварительно воспользовался поиском, просмотрел все найденные темы, но решения для себя не нашел. Проблема похоже вечна и частая - растягивание слоя автоматически. Имеется CMS, в отцентрированном слое делаю картинку с закругленными краями + растягивающуюся в зависимости от ширины экрана. Круглые уголки каждый в своем слое, растягивающиеся стороны "квадрата" в своих слоях. На примере верхней части: CSS: #woodboard_tl { float:left; height:30px; width:30px; top:0px; background:url(../images/druzhina/woodboard_t_l.png) 0 0 no-repeat; z-index:2; } #woodboard_t { float:left; top:0px; height:30px; width:100%; background:url(../images/druzhina/woodboar…

    Asked by noran,

    0 votes
    23 answers

  9. Порядок загрузки веб-страницы

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

    Asked by DrStrangeLove,

    0 votes
    7 answers

  10. Проблемы с flex в Safari

    Приветствую! Ребят, создавал тут тему недавно насчет одинаковой высоты у блоков, добрый человек посоветовал использовать flex и показал пример(спасибо ему огромное!). Воспользовался я его советом, все хорошо получилось, но такая красота получается только в Chrome, Firefox да Opera, а в Safari нифига. Вот как должно быть: А вот как в Safari: Как видите, продолжение background нет(высота фиксированная, хотя с flex должна была установится высота блока main) да и тени почему-то тоже нет(пропадает, когда увеличиваешь страницу). Вот верстка: <!DOCTYPE html><html lang="ru"><head> <meta charset="UTF-8"> <title>{title}</title&gt…

    Asked by Nikita_Barinov,

    0 votes
    16 answers

  11. div надо приклеить справа снизу страницы.. никак((

    ребят есть такой код <style type="text/css"> .block1 { bottom: 0px; padding-right: 10px; background: #ccc; position: absolute; } </style> <div class="block1">Lorem</div> в итоге на этой странице DIV со словом Lorem отображается слева, все чего я смог добиться это то что он приклеился к низу http://anitchkov.vputi.net а мне надо что бы он был в самом углу справа, снизу справа и желательно что бы этот DIV шел нижним!!!! слоем, потому что туда я хочу разместить кусок фона!! буду очень признателен за подсказки заранее спасибо

    Asked by prajenik,

    0 votes
    11 answers

  12. chrom/safari как убрать рамку у input

    В браузерах хром и сафари у текстовых инпутов, если по ним кликнуть появляется цветная рамка. Можно ли ее как нибудь убрать?

    Asked by rediskavet,

    0 votes
    6 answers

  13. Кэширование внешних скриптов через .htacess

    Здравствуйте! Подскажите пожалуйста, что в .htacess нужно прописать, чтобы начали кэшироваться внешние скрипты? Сейчас инструмент гугла говорит следующее: Используйте кеш браузераЕсли указывать в заголовках HTTP дату или срок действия статических ресурсов, браузер будет загружать уже полученные ранее ресурсы с локального диска, а не из Интернета.Используйте кеш браузера для следующих ресурсов:http://connect.ok.ru/connect.js (не указан срок действия)https://www.google.com/recaptcha/api/js/recaptcha_ajax.js (50 минут)http://mc.yandex.ru/metrika/watch.js (60 минут)Каким образом эти файлы можно заставить кэшироваться? Стандартные способы кэша в .htacess не помогают.

    Asked by Автостопщик,

    0 votes
    2 answers

  14. Проблема с CSS в Smarty

    У меня проблема, Большая... Есть структура: templates/index.tpl css/main.css index.php Код index.tpl <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0.1//EN"> <html> <head> <title>{$page_name}</title> <meta name="robots" content="index, follow"> <meta http-equiv="Content-Language" content="ru"> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <meta http-equiv="pragma" content="no-cashe"> <link rel="stylesheet" type="text/css" href="/css/main.css"> </head> <body> <h2>{$head_page}</h2> </body> </html> Код main.css h2 { color : red; font-family : 's…

    Asked by shkoda,

    0 votes
    10 answers

  15. Фиксированая ширина каркаса с резиновыми боками

    Здравствуйте, целый день промучался с версткой на дивах, цель такая: Есть дизайн, фиксированая ширина 1000 пикселов по центру браузера. Но в дизайне есть слева и справа дополнительные блоки вокруг центра, ширина каждого блока 300 пикселов. Но они должны обрезаться слева и справа соответственно от ширины браузера. Горизонтальная прокрутка должна появляться только тогда, когда ширина браузера меньше 1000 пикселов. Должно быть валидно (XHTML), работать во всех браузерах (IE 6-8, Firefox, Opera, Safari, Chrome, Netscape Navigator) одинаково. Без использования JavaScript. Вот что есть на данный момент: http://vws.com.ua/projects/test/

    Asked by VIRUS,

    0 votes
    70 answers

  16. Разная толщина шрифта в браузере и photoshop

    Здравствуйте, уважаемые коллеги! Дизайнер в макете использовал не совсем стандартный шрифт - "Myriad Pro", и у меня с ним возникли проблемы такого характера: У меня в системе он был установлен по умолчанию, мне не пришлось ничего ставить; В фотошопе если у шрифта стоит толщина regular и none, то буквы совсем тоненькие (см. скриншот) В css-свойствах шрифта для браузера я могу только первый параметр указать (font-weight:normal), и при этом в браузере шрифт выглядит толстым. Если ставить font-weight:bold, он тогда вообще нереально жирным становится. Я поэкспериментировал, и заметил, что в браузере тот шрифт, который для "Myriad Pro" называется font-weight:normal соответсву…

    Asked by worth,

    0 votes
    5 answers

  17. Высота и ширина в процентах

    Добрый день! В общем, такой вопрос. Мне необходимо задать размер изображения в процентах(%) от настоящего - т.е., размер оригинального изображения - 100%, а на экране мне нужно отобразать - 75% - естественно, я делаю это с помошью параметра width="75%". Но при этом, изображение на экране искажается(появляются неровности всяческие). Может кто-то может подсказать как избежать этих неровностей, или уменьшить их? И еще - почему я могу задать в процентах только параметр WIDTH="75%", но при указании в процентах параментра HEIGHT="75%" - он попросту игнорируется браузером - т.е. браузер понимает только параметр WIDTH(при указании в процентах). Подскажите - так и должно быть, ил…

    Asked by romero,

    0 votes
    3 answers

  18. футер (картинка)

    Привет народ, помогите пожалуйста решить задачу. Мне в футер надо вставить картинку и чтобы она была прижата к правому углу футера. вот у меня такое: <div id="footer"><div class="footer_image"></div></div> #footer {height: 150px;width:891px;background-color: darkblue; .footer_image {background-image: url(/theme/spring/p1.png);background-repeat: no-repeat;height: 150px;} Если возможно и есть время, то помогите пожалуйста.

    Asked by bobb,

    0 votes
    15 answers

  19. Полоса вверху сайта

    На всех моих сайтах одна и таже проблема. Вверху сайта какая-то полоса, прошу помочь ее убрать http://blog-rt.ru/

    Asked by alex90aa,

    0 votes
    35 answers

  20. резиновый div по высоте

    добрый день есть у меня "красивый" дизайн, который делить пространство документа на зоны горизонтальными и вертикальными линиями соответстсвенно заголовок и футер небольшого размера - с ними проблемы нет, контент может быть любым - вот тут то и начинаются пляски с бубном... есть слой обертка, который имеет border-left в него всталяю контент и получаю, что слой обертка по высоте меньше, чем контент! .line-vert{ margin: 0 0 0 20px; padding: 0; width:98%; border-left: 2px solid #57AE5B; } .line-vert p{ margin: 0 ; padding: 0; } попробовала побороть этот недуг написав скромный javascript, по изменению height при загрузке на высоту всего body скажем, но оказалось, что если…

    Asked by jul_k,

    0 votes
    25 answers

  21. Не Отображаются Иконки Ico

    Здравствуйте! Надо, чтобы отображались иконки в строке браузера и напротив названия сайта, когда он добавляется в ИЗБРАННОЕ. Для этого в разделе <head> прописал такие строки: <link rel="icon" href="/favicon.ico" type="image/x-icon"> <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon"> Но при этом ничего не отображается, ни в адресной строке, ни в избранном. Файл favicon.ico существует и находится в папке WWW\HTDOCS, то есть в корне. Помогите, пожалуйста!

    Asked by Hleb,

    0 votes
    11 answers

  22. Возможно ли изменить внешний вид полосы прокрутки при использовании тэга "overflow"?

    Подскажите как изменить внешний вид полосы прокрутки при использовании тэга "overflow".

    Asked by kab,

    0 votes
    15 answers

  23. Как сверстать меню?

    Дорогие Камрады, у меня возник вопрос, а точнее мне интересно услышать варианты и идеи по-поводу того, как бы Вы сверстали вот такое меню: , дело в том, что Оно полностью Пнг-формата, и сам каркас с фоном, ссылки и текущая страница тоже, как видите выделяется(в данном случае это страница "Авторизация").. А проблема в том, что: 1) Нужно, что-бы это меню прекрасно отображалось в ИЕ6, один в один, как и везде 2) Почему то ссылки не кликабельны после того, как я назначаю даже фон этому меню в ИЕ6, почему так происходит, я не могу понять? 3) Хотелось-бы узнать у Вас, как-бы кто сверстали такое меню, какими бы свойствами и действиями оперировали?

    Asked by psywalker,

    0 votes
    56 answers

  24. input на мобильных устройствах

    Добрый день, Помогите, пожалуйста. На мобильных устройствах при нажатии на input всплывает клавиатура, а само поле ввода увеличивается до конских размеров, сдвигая все остальное: т.е. кроме это поля, по сути, больше ничего не видно. Можно ли сделать так, чтобы при нажатии на input только появлялась клавиатура, а все размеры и масштабы оставались как есть. Спасибо. Иван

    Asked by ivanviar,

    0 votes
    11 answers

  25. смещение текста

    Привет, не пойму в ч?м дело. Текст смещается когда нажимаю на ЭНТР (начинаю новый параграф ) как это можно исправить?

    Asked by vrednyu4aya,

    0 votes
    25 answers

  • Обсуждения

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

      By Mondeus · Posted

      Доброго всем времени суток. Прошу помощи. Научите принципу изменения футера. Движок Xenforo. Версия 2.2.10. Стиль дефолтный. Что именно нужно в итоге на фото примере. Мой шаблон app.footer less имеет следующее значение.  .p-footer { .xf-publicFooter(); a { .xf-publicFooterLink(); } } .p-footer-inner { .m-pageWidth(); .m-pageInset(); padding-top: @xf-paddingMedium; padding-bottom: @xf-paddingLarge; } .p-footer-row { .m-clearFix(); margin-bottom: -@xf-paddingLarge; } .p-footer-row-main { float: left; margin-bottom: @xf-paddingLarge; } .p-footer-row-opposite { float: right; margin-bottom: @xf-paddingLarge; } .p-footer-linkList { .m-listPlain(); .m-clearFix(); > li { float: left; margin-right: .5em; &:last-child { margin-right: 0; } a { padding: 2px 4px; border-radius: @xf-borderRadiusSmall; &:hover { text-decoration: none; background-color: fade(@xf-publicFooterLink--color, 10%); } } } } .p-footer-rssLink { > span { position: relative; top: -1px; display: inline-block; width: 1.44em; height: 1.44em; line-height: 1.44em; text-align: center; font-size: .8em; background-color: #4682B4; border-radius: 2px; } .fa-rss { color: white; } } .p-footer-copyright { margin-top: @xf-elementSpacer; text-align: center; font-size: @xf-fontSizeSmallest; } .p-footer-debug { margin-top: @xf-paddingLarge; text-align: right; font-size: @xf-fontSizeSmallest; .pairs > dt { color: inherit; } } @media (max-width: @xf-responsiveMedium) { .p-footer-row-main, .p-footer-row-opposite { float: none; } .p-footer-copyright { text-align: left; padding: 0 4px; // aligns with other links } }  
    • torsar
      Примеры верстки

      By torsar · Posted

      Нужны сайты с примерами верстки, типа https://css-tricks.com/. Типовые приемы и нестандартные на все случаи жизни. Накидайте ссылок.
    • Katerina23
      Какой тег использовать, чтобы увеличивать число кнопками вверх-вниз?

      By Katerina23 · Posted

      Да, подходит. Спасибо.
    • Switch74
      Какой тег использовать, чтобы увеличивать число кнопками вверх-вниз?

      By Switch74 · Posted

      <input type="number">
    • Katerina23
      Какой тег использовать, чтобы увеличивать число кнопками вверх-вниз?

      By Katerina23 · Posted

      Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
    • DeZ
      Список покидает див

      By DeZ · Posted

      Решение нашел.  Заменил на  Всем привет. Список выходит из дива. При этом, другие элементы в диве отображаются корректно. Не могу найти причину. Нужно чтобы список был под кнопкой ПЛЕЙ...          
    • AIek
      ищу клиентов,услуги

      By AIek · Posted

      Здравствуйте! Мы команда программистов с многолетним опытом разработки. Работая с нашей командой, Вы получаете порядок условий и развитие с обеих сторон: разработка проекта и продолжение сотрудничества на долгосрочной основе, так же специалисты всегда готовы предложить различные идеи и дополнения.  Разрабатываем проекты любой сложности: скрипты для автоматизации рутины, боты, сайты, админ панели, ico, ldo, разработка криптовалюты, смарт контракты, приложения, игры. Ответственность, качество, соблюдение дедлайнов - это про нас!  Наш контакт:  https://t.me/MadFury (https://t.me/madfury) (TG) TG:  https://t.me/2e7.io Сайт: https://code-r.io/
×
×
  • 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