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. Как убрать странные отступы в IE

    Здравствуйте! Я - абсолютный новичок как на этом форуме, так и вообще в HTML (стаж - пять дней). По-этому не судите строго, ежели чего. Вопрос состоит в следующем. Вот тестовый HTML: <!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=windows-1251"> <TITLE>Титан</TITLE> <STYLE type="text/css"> BODY { background: #D4E5E9 url("images/background.gif") 850px 454px repeat; font: 14pt "Microsoft Sans Serif"; font-weight: bold; margin: 0px; padding: 0px; } H…

    Asked by LShadow77,

    0 votes
    3 answers

  2. Помогите со стилями в IE и Google Chrome

    Здравствуйте... Пытался придать внешний вид мониторингу. Столкнулся с проблемой. Отображения в IE и Google. Проблема в том что блок с названием карты и кол-вом игроков расположен по верх картинки вот такими свойствами style="position:relative; top:-23px; left:24px;" И во всех браузерах а то Opera Mozilla Safari отображается нормально А в ие и гугле на месте где был блок образовалось пустое пространство.. из-за которого мониторы занимают больше места и + Вообще из шапки сьехали.... Вот полный код мониторинга. [online]<div style="color:#fff; text-align:center; width:165px; order:2px solid purple;"> <div> <div><div style="width:100%; backgroun…

    Asked by cheatoff-strike,

    0 votes
    0 answers

  3. Подскажите по наложению слоёв

    Добрый день, Нужно сделать следующее: один слой растянуть на 100% по ширине и длине окна, который будет фоном, и второй слой заданной ширины, разместить по центру страницы с заданным отступом сверху. Сверстал небольшой пример нужной страницы, проверил в 4-х браузерах IE9, FF11, Chrome и Opera 12.11. Корректно отображается только в опере, в мозиле и хроме бэкграунд сверху смещается на 100px, а в IE9 сверху отступа нет, но бэкграунд съезжает в сторону. Подскажите чего не хватает? Код: <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>Наложение слоёв</title> <style t…

    Asked by _Igor_,

    0 votes
    3 answers

  4. Помогите реализовать

    Есть такой код формы контактов : http://jsfiddle.net/2ZEzW/ И есть такой код кнопки: http://jsfiddle.net/2ZEzW/1/ Как сделать, чтобы при нажатии кнопки "ЗАКАЗАТЬ" появлялась форма контактов. За ранее благодарен.

    Asked by pashkje,

    0 votes
    3 answers

  5. Несколько вопросов по адаптивному дизайну

    Всем привет. Недавно почитал о адаптивном дизайне, идея понравилась и захотел научиться верстать адаптивные сайты, и по этому поводу у меня возник ряд вопросов, на которые, надеюсь, местные гуру мне дадут ответ. 1. Для мобильных устройств шаблон верстается отдельно? (другая разметка, уменьшенные картинки) 2. Какой оптимальный размер выбирать для картинок background-image тела сайта?(у меня к примеру они 968px) 3. Как выбирать процентное отношение размера для самого главного контейнера (<div id="container">), точнее относительно чего берется это отношение? Просто вычитал, что уже внутри блок берется соотношение размера нужного блока до размера блока, в котором находи…

    Asked by SeriousSem,

    0 votes
    3 answers

  6. div фон

    Подскажите пожалуйста ! Есть контейнер в нём все дивы в цсс пытаюсь сделать так,что бы у див лефт картинка была растянута и что бы это по ИЕ 7 подходило , но никак не получается...кто подскажет ??? #left{ background:url(i/170.jpg) center no-repeat; /*background: url(i/170.jpg) no-repeat;*/ /*background-color: #0ff;*/ background-size: 100% 100%; /*расстягиваем картинку под див*/ /*border: 1px solid #000000;*/ width: 70%; height: 400px; float: left; /*обтекание блока по правой стороне другим блоком*/ } <div id="container"><!--CONTAINTER STARTS--> <div id="header">header</div> <div id="…

    Asked by morgusha,

    0 votes
    42 answers

  7. выравнивание по высоте трех колонок

    Дорогие форумчане, помогите. Я совсем начинающий. Правлю css файл для интернет магазина, тем самым меняя его дизайн. Использую макет "Фиксированная ширина 3 колонки" . Проблема - если одна из колонок выше остальных, то получаются у остальных колонок разрывы с футером. Вот сайт albaro.ru Там прямо на главной странице видна эта проблема. Хотелось бы, чтобы высота всегда была одинаковая (по самой высокой колонке). Спасибо большое!

    Asked by samulet,

    0 votes
    12 answers

  8. Резиновый фон

    Подскажите, как реализовать резиновый фон? Есть нижняя и верхняя картинка. Нижняя статична, тоесть по идее не должа растягиваться, а верхняя это уже резиновая картинка, типа полоски которая тянется вниз и вправо. P.S. Создал два дива с классами - верхний и нижний BG, положил все содержимое макета в див с классом верхний BG (top-bg), и туда-же положил див с нижним BG(bottom-bg), задал для двух этих дивов две разные картинки как background, для нижнего дива установил значение - bottom. Браузер вообще не реагирует, не пойму в чем дело. .top-bg { background: url(/image/top.jpg) repeat-x; } .bottom-bg { background: url(/image/bottom.jpg) repeat-x bottom; Если я воо…

    Asked by Noraad,

    0 votes
    1 answer

  9. Не изменяется ширина ячейки!

    Помогите изменить ширину ячейки! Вот html код: <table border="0" width="100%" cellspacing="1" cellpadding="2"> <tr><td class="footer-createbtn1" colspan="2"><?if($NUM_ENTRIES$)?><!--<s5225>-->Фотографий в альбоме<!--</s>-->: <b>$NUM_ENTRIES$</b><?endif?></td></tr> <tr><td colspan="2" class="footer-createbtn1"><?if($SORTING_MENU$)?><!--<s5221>-->Сортировать по<!--</s>-->: $SORTING_MENU$<?endif?></td></tr><br> <tr><td colspan="2" align="center">$BODY$<hr/><div align="center">$SLIDESHOW_BUTTON$</div>&lt…

    Asked by MonaX,

    0 votes
    1 answer

  10. Семантика html5

    Здравствуйте дорогие эксперты и форумчане! У меня вопрос по поводу семантики, связанный с новыми тегами html5. А конкретно такая ситуация: нужно сделать раздел <section> и, естественно, сделать так, чтобы контент отображался нужным образом. Как, с точки зрения семантики, сделать правильно: - <secton> будет "оберткой" всех блоков, правильно формирующих фон и положение для контента; - <section> вложена в несколько <div>'ов. Тогда <secton> можно спокойно наполнять контентом. Сам пытался разобраться в этой проблеме. Сделал бы <section> "оберткой", но не рекомендуется применять его для стилизации. Вроде как он должен содержать только контент…

    Asked by EVGENi,

    0 votes
    2 answers

  11. Разный масштаб сайта с компа и с сервера

    Кто-нибуть, подскажите, почему когда я смотрю свой сайт с винчестера он показывается правильно, а когда с сервера, то нужно 2 раза клацать уменьшение масштаба? Спасибо! Сайт: http://www.simmix.in.ua Попутно: что-то с "галереей" не так, и рекламный блок съехал и картинки "упали все" в ряд.

    Asked by Vicoff,

    0 votes
    1 answer

  12. Главное меню

    Нужно сделать меню чтобы при нажатие на него появлялась сверху полоска , я использовал border-top, но почему то текст который есть внутри кнопки сползает вниз на толщину этой же полоски, не могу никак решить задачу . Помогите пожалуйста. Вот мой код: html: <body> <div id="menu"> <ul> <li><a href="#" class="current"><p>home</p></a></li> <li><a href="#"><p>about us</p></a></li> <li><a href="#"><p>services</p></a></li> <li><a href="#"><p>solutions</p></a></li> <li><a href="#"><p>contac…

    Asked by talover,

    0 votes
    2 answers

  13. Подскажите как лучше реализовать меню

    В средней секции сайта есть бокс, в котором должно находиться меню такого вида: скрин Каждый квадрат соответственно пункт меню, с фоновой картинкой и текстом. Задача- чтоб при наведении на квадрат, он как бы показывался поверх того квадрата который его перекрывает. Изначально планировал сделать это на списке, но в данный момент задумался о js. Чем проще и надежнее реализовать данную задачу?

    Asked by cmndr_alexgreen,

    0 votes
    8 answers

  14. Псевдоклассы

    Всех приветствую! Начал изучать HTML и сразу же возник вопрос по поводу псевдоклассов. Вот что в CSS'е: a.menu_tip1 {display:block; width:172px; height:18px; text-align:left; font-size:18pt; font-family:tahoma, arial; padding:5px 0 0 20px;} a.menu_tip1:link { text-decoration:none; color:#848484;} a.menu_tip1:visited { text-decoration:none; color:#848484;} a.menu_tip1:hover { text-shadow:0 0 1px #ff0; -moz-border-radius:3px;-webkit-border-radius:3px; border-radius: 3px; color:#fff; background-position:0px -23px;} a.menu_tip1:active { text-shadow:0 0 5px #fff; -moz-border-radius:3px;-webkit-border-radius:3px; border-radius: 3px; color:#fff; background-position:0px -…

    Asked by The_Immortal,

    0 votes
    5 answers

  15. Сортировка

    Товарищи! Как сделать сортировку фотографий на сайте?

    Asked by choovak,

    0 votes
    0 answers

  16. кроссбраузерность css

    Добрый день господа. CSS столкнуло сравнительно не давно. До этого nix. Все вопросы обычно решает гугл, он же знает все) Но тут я слегка подзастрял. Я написал простенький сайтик, в хедере которого находится пару кнопок.. которые при hover изменяют изображение ( aka костыли изменения картинки). html: <div id="link_main" onclick="location.href='./index.html';" style="cursor:pointer;"> </div> <div id="link_services" onclick="location.href='./services.html';" style="cursor:pointer;"> </div> <div id="link_price" onclick="location.href='./price.html';" style="cursor:pointer;"></div> <div id="link_contact"…

    Asked by sleepnow,

    0 votes
    0 answers

  17. Выделение текста

    Как исправить подобный фейл? http://itmages.ru/image/view/777629/67062d13

    Asked by Bernard,

    0 votes
    1 answer

  18. Скрыть input file

    имеется форма загрузки файлов - тут - сорри что в таком виде Необходимо убрать вверху input file, чтобы осталась только форма закидывания файлов и кнопка Неcмогу решить, прошу помоч

    Asked by radioactive,

    0 votes
    3 answers

  19. Проблема с last-child

    Есть вот такая структура и CSS .post:last-child <div id="content"> <div id="post-1" class="post"> </div> <div id="post-2" class="post"> </div> <div id="post-2" class="post"> </div> </div> Если такая структура то ласт чилд работает, в конце блока контента добавляю див с пагинацией <div id="pagination"></div> и ласт чалд уже не работает. В чем проблема может быть? Это вообще как-то не логично... И вообще если в конец что либо добавить даже пустой див без атрибутов то опять же ласт чилд не работает. В принципе решение нашел, но оно не удовлетворительно, это просто взять эти блоки в пустой див. а пос…

    Asked by tini.kRyptoNite,

    0 votes
    5 answers

  20. В Хроме и ИЕ на работает onclick

    <select> <option onclick="window.location.href='http://google.com'">1</option> <option onclick="window.location.href='http://yandex.com'">2</option> </select> В Опере и Мозиле onclick нормально срабатывает, а в Хроме и ИЕ - нет. В чем может быть проблема?

    Asked by saymon,

    0 votes
    2 answers

  21. Убрать картинки

    Есть вот такой вот код <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html> <head> <title>title</title> <meta http-equiv="content-type" content="text/html; charset=windows-1251"> <style> body {background: #ffffff; color: #000000; margin: 5px;} body, td {font-family: verdana,tahoma,arial; font-size: 95%;} a {color: #550000;} a:link, a:visited {text-decoration: underline;} a:active, a:hover {text-decoration: none;} ul { list-style-type: none; } .tra-post ul>li:before { content:url('http://www.iconsearch.ru/uploads/icons/gnomeicontheme/16x16/stock_navigator-all-or-sel-toggle.png')…

    Asked by skillful,

    0 votes
    2 answers

  22. div верстка

    <html> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8"> <title>SomeSite - Главная</title> <!--<link rel="shortcut icon" href="favicon.ico" />--> <style type="text/css"> body { background: #121212; margin: 0px 135px 0px 135px; } #header { background: red; position: relative; clear: both; height: 120px; background-size: cover; } #main_menu { position: relative; display: block; height: 39px; font-size: 11px; font-weight: bold; background: blue; border-top: 4px solid rgb(179, 0, 0); } #main_menu ul { margin: 0px; padding:…

    Asked by rtl_one,

    0 votes
    2 answers

  23. border-radius+box-shadow+opera=баги

    Если все это совместить то получается две тени у объекта. пример тут - kit-group42.ru (горизонтальное меню). Opera 12.11, в хроме все ок. Да и в опере до недавнего времени тоже было все нормально. Оказалось, что всему виной border-radius: 1/10. На участке 1/10 ... 5/10 тени медленно сходятся в одну, но мне не надо 5/10 мне нужно 1/10. Или я дурак или лыжи не едут.

    Asked by hazy17,

    0 votes
    0 answers

  24. Помогите написать скрипт

    Помогите написать скрипт. У меня есть 2 окна для ввода (html). Нужно сделать так чтобы при вводе числа в первое окно, во втором появлялось это число умноженное на 10, а при вводе во 2е в 1ом появлялось бы это число деленное на 10, так же надо сделать так, чтобы в окна можно было вводить только числа

    Asked by aldo29,

    0 votes
    1 answer

  25. Меню с выпригивающими элементами.

    Здравствуйте! Имеется меню: http://jsfiddle.net/S2j7u/ Проблема в то, что когда быстро пощёлкаешь по элементам, они выскакивают чуть-ли не синхронно. Этим управляет очередь анимации, я правильно понимаю? И необходим stop(). Вот только не могу догнать, куда именно его поставить. Подскажите, пожалуйста!

    Asked by Doogy,

    0 votes
    1 answer

  • Обсуждения

    • 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