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. Центрирования content

    Вот такой код. Фаяфокс и Опера в порядке, ИЕ не центрирует маргин: авто. Речь идет о "после" шестой версии) Центрировал, все было в порядке. Начал править что-то совсем другое... и все. В чем может быть проблема? Спасибо! html, body {margin: 0; padding:0;} body {font-family: Arial, Sans-serif; font-size: 10pt; background-color: #e5f0f6;} #container {margin: 0 auto; width: 900px; background: white;} p {margin: 3px 0px 4px 0px;} h2{font-size: 13pt; margin: 3px 5px 4px 5px;} h3{font-size: 11pt; margin: 3px 5px 4px 5px;} a:link {color: #1450aa; text-decoration: underline;} a:visited {color: #525f66; text-decoration: none;} a:hover {color: #525f66; text-decoration: none;} a…

    Asked by Rootical,

    0 votes
    2 answers

  2. Выравнивание по центру

    День добрый. Не могу понять почему не работает свойство в идентификаторе DIV #container {text-aline: center;} или то же самое свойство в Body {text-aline: center;} Задача выровнять весь контейнер горизонтально по центру страницы. Заранее благодарю за помощ. Сам код: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title>Трехколоночный макет на CSS с одинаковой высотой колонок</title> <meta http-equiv="content-type" content="text/html; charset=windows-1251"> <meta name="generator" content="HAPedit 3.1"> <style type="text/css"> html,body{margin:0;padding:0;} body{font: …

    Asked by Goldie,

    0 votes
    7 answers

  3. padding-top и EXPLORER

    Правил шаблон и все не могу сделать что бы Explorer нормально его отображал... нужно отступ от верхушки... пишу - <div style="padding-right:15px; padding-top: 45px;"> ****** </div> padding-top работает во сех других браузерах , кроме Explorer ... как можно по другому отступ сделать??? (только не </br>)

    Asked by kavadims,

    0 votes
    14 answers

  4. onmouseover эффект на одой линии кнопок работает, а на другой не работает

    У меня onmouseover эффект на одой линии кнопок работает, а на другой не работает. как починить? http://members.dodo.com.au/~rouslan/ninawebsite/index.html и еще, есть ли способ, когда можно не вкладывать onmouseover эффект два раза на странице, но при этом все кнопки работали внизу и наверху, то есть есть ли какой-нибудь "под-код", который будет повтрорять onmouseover эффект?

    Asked by DolbyRoom,

    0 votes
    2 answers

  5. чем заменить <div align="center"> для strict типа документа ?

    <div align="center"> код всей стр.. </div> строгий тип документа. ему не нравится алигн центр. чем можно заменить ?

    Asked by nickflip,

    0 votes
    4 answers

  6. перекрытие слоев

    подскажите как победить такую конструкцию? есть картинка с z-index: 1; и есть меню с z-index: 2; но в том месте где меню в зоне картинки оно не работает, т.е. получается что часть меню становиться не активным по логике ведь меню выше слоя картинки

    Asked by zloi-kasper,

    0 votes
    6 answers

  7. Разместить рисунок выходящий за рамки ДИВа

    Привет всем! Мне надо разместить картинку в футере, кторая будет выходить за рамки ДИВа футера. Как это сделать? Помогите советом... или может кто-то сталкивался... прошу помощи

    Asked by privat,

    0 votes
    11 answers

  8. Как проверить HTML код на валидность?

    Как проверить HTML код на валидность? В Dreamweaver'е можно? Если да то где и как? (Версия Adobe Dreamweaver CS4 EN)

    Asked by kavadims,

    0 votes
    7 answers

  9. Изменение прозрачности

    Привет всем! Хочу у вас спросить как сделать изменение прозрачности изображения при наведении? Видел вот на этом сайте вверху, но не разобрался. Спасибо!

    Asked by Verty,

    0 votes
    6 answers

  10. IE и height

    Opera 9.62, Safari 3.2, Firefox 3.0, осел 7.0.5730.11 первые три все гуд, последний, одним словом осел привиду точный кусок кода <table width="900" border="0" cellspacing="0" cellpadding="0"> .... <tr> <td rowspan="2" valign="top"><img src="<!--//WAY;-->pic/leftgra2.png" width="5" height="277" alt="" border="0"></td> <td valign="top"><!--//menu;--><img src="<!--//WAY;-->pic/undermen2.gif" width="150" height="61" alt="" border="0"></td> <td colspan="5" rowspan="2" valign="top" align="left" background="<!--//WAY;-->pic/1x1white.png" bgcolor="#ffffff"> <!--//body;--> </td> …

    Asked by clgs,

    0 votes
    2 answers

  11. Как без фрейма сделать?

    Мне для галереи надо сделать так: Есть див, в котором маленькие фото, мне надо так, чтобы в этом диве был нижний скролл, которым можно будет, как во фрейме прокручивать фотки Как сделать??

    Asked by vvsh,

    0 votes
    8 answers

  12. IE6 включает padding в height?

    IE6 включает padding в height? Вроде читал, что не должен, но у меня почему-то включает. В мазиле и в ИЕ6 следующий код отображается по-разному <!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"> <style> HTML { height:100%; } BODY { height:100%; } #div1 { border:solid 1px #999999; position:absolute; width:50%; height:expression(document.body.offsetHeight-500); top:0px; bottom:500px; } #div2 { border:solid 1px blue; width:auto; height:100%; float:left; padd…

    Asked by Колос,

    0 votes
    1 answer

  13. Две таблицы на одной строке

    Как разместить две маленьких таблицы на одной строке? Вторая всегда размещается ниже первой, хотя места там достаточно.

    Asked by wewwew,

    0 votes
    9 answers

  14. Не держится ширина таблицы

    Вся проблема в том,что ячейка с шириной 802 сжимается.Мне нужно,чтобы она оставалась фиксированной,а боковые ячейки были резиновые в зависимости от ширины экрана.

    Asked by user,

    0 votes
    9 answers

  15. Недействующие полосы прокрутки

    Столкнулся с этим в опере. В других браузерах по-моему такого не было. Появляется полоса прокрутки, но она не действующая, засвечена бледным цветом, ничего не прокручивает. По какой причине это может возникать? Вот описание класса: #lev { max-width:289px; width:auto; width:expression(document.getElementById('menu').offsetWidth < 274 ? document.getElementById('menu').offsetWidth+15 : '289px'); height:expression(document.body.offsetHeight-162); position:absolute; top:103px; bottom:54px; left:5px; overflow:auto; float:left; border-style:solid; border-width:2px; border-color:#FFFFFF #AAAA44 #AAAA44 #FFFFFF; background-color: #FFFFCC; col…

    Asked by Колос,

    0 votes
    11 answers

  16. Шапка сайта

    Пожалуйста, мне очень нужна ваша помощь, подскажите как мне реализовать, чтобы обьект выходил за пределы самой шапки.

    Asked by shima,

    0 votes
    7 answers

  17. Вписать один слой в другой

    Можно ли вписать один слой в другой. То есть сделать так, чтобы границы внутреннего прилегали к границам внешнего. Если размеры внешнего жёстко не заданы. ?

    Asked by Колос,

    0 votes
    11 answers

  18. как изменить цвет на ссылке при наведении мышкой

    Здравствуйте . Хочу с помощью JavaScript изменить цвет ссылки при наведении на нее мышкой . Вот код , но он не работает . #menu_stile { font-family: Arial; color: #0C335F; } function color_mouse_on(id) { id.style.color = "EE8817"; } function color_mouse_off(id) { id.style.color = "0C335F"; } <a href="main.html" onmouseover="color_mouse_on(this)" onmouseout="color_mouse_off(this)" style="text-decoration:none;" target="hero"> <strong><font id="menu_stile" size="2">Cement</font></strong> </a><br> Подскажите что делать. Спасибо

    Asked by bgraf,

    0 votes
    2 answers

  19. Блокировка кнопок "Back" и "Forward"

    Видел сайт при входе на который блокируются кнопки "Back" и "Forward" браузера ИЕ (и обратной их активации при выходе). Не срабатывали даже комбинации "Alt-стрелки курсора" и клавиша "BackSpace". Очень удобная штука при изменении Базы Данных в самый момент перехода между страницами. Хелп. Как это делается ? Единственное что мог узнать - изменение в Реестре Windows. Но для меня это не решение.

    Asked by htmlbook_user,

    0 votes
    5 answers

  20. Как запретить выделять рисунк?

    У меня вопрос Как запретить выделять рисунок???? к примеру шапку сайта.... если можно покажите пример.... заранее спасибо....

    Asked by Bleach,

    0 votes
    16 answers

  21. Фиксированное минимальное расстояние между элементами

    <a href="index.html" style="position:absolute; left: 3%; top:35px; z-index:2;">Главная</a> <a href="404.html" style="position:absolute; left: 16%; top:35px; z-index:2">Портфолио.</a> <a href="404.html" style="position:absolute; left: 30%; top:35px; z-index:2">Книга стилей.</a> <a href="contacts.html" style="position:absolute; left: 45%; top:35px; z-index:2">Контакты.</a> <a href="404.html" style="position:absolute; left: 57%; top:35px; z-index:2">Слоны.</a> <a href="404.html" style="position:absolute; left: 69%; top:35px; z-index:2">FAQ.</a> <a href="404.html" style="position:absolute; left: …

    Asked by AlexMak,

    0 votes
    11 answers

  22. список лезет на рисунок

    есть конструкция типа <img align="left"> <ul> <li>blabla</li> <li>blabla</li> </ul> этот список маркерами лезет аккурат на картинку. то есть текст в элементах списка начинается без отступа, также как обычный текст, а маркеры накладываются на рисунок. как избавиться от этого чуда? в принципе наверно "list-style:none; background: blabla" поможет решить, но хотелось бы более грамотного решения. на форуме пробовал искать - не нашел, если что, извините =)

    Asked by NWN,

    0 votes
    19 answers

  23. Проблема Фреймы/Ссылка

    ребята проблема в следующем... Сайт должен быть на html Есть три фрейма :в одном из них список ссылок на фото, в другом фрейм для отображения фота и третий для отображение коментария к фото. Нужно чтоб при нажатие на ссылку отображалось фото и коментарий к нему. Как это сделать без помощи скриптов. <a target= "1" href="1.html"> <a target="2" href="1.html"> > ССЫЛКА </a></a> . Такой способ не работает

    Asked by n1_dex,

    0 votes
    10 answers

  24. работа IFRAME

    Добрый день . Подскажите пример в котором есть меню из нескольких слов к примеру мама папа сестра при нажатии на каждое слово в iframe загружается страница с описанием нажатого слова . Спасибо

    Asked by bgraf,

    0 votes
    11 answers

  25. Как вивести вибрание опции если их несколько

    Мне надо сделать такую програму: select из 5-ти елементов кнопка textarea Выбираются несколько елементов в селекте и при нажатии кнопки пишет их в текстовом поле. С одним елементом делается просто, а как несколько сделать в упор понять не могу. З.Ы. Прошу помочь написать функцию в JavaScript...

    Asked by Vovano,

    0 votes
    8 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