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. Проблема div и IE6

    Всем привет. КОД: <body> <div id="conteiner"> <div id="header"></div> <div id="leftbar"></div> <div id="content"></div> <div id="clear"></div> <div id="footer"></div> </div> </body> СSS: #conteiner{ width:930px; margin:0 auto; text-align:left; } #header{ width:930px; } #leftbar{ width:280px; hight:450px; float:left; } #content{ hight:450px; margin-left:280px; } #clear{ height:0; font-size:1px; line-height:0px; clear:both; } #footer{ height:100px; width:930px; } Проблема заключается в том что во всех браузерах кроме IE6 между leftbar и content появляется пробел (margin примерно в 2 пиес…

    Asked by BOLT,

    0 votes
    8 answers

  2. Всплывающая подсказка не работает в ИЕ6

    Собственно проблема понятная, код тоже прост. Дело в том, что в ИЕ6 не работает всплывающая подсказка, а точнее при наведении на синий блок, который является ссылкой, её span (который является всплывающей подсказкой), не появляется. Вопрос: Почему не работает в ИЕ6??? http://psywalker.ru/Forum/VsplivPodskazka/main.html

    Asked by psywalker,

    0 votes
    14 answers

  3. div лесенкой

    Не могу нормальным способом сделать следующее: - слой - слой - слой - слой Единственное, что приходит в голову - или каждому слою дать id или запихнуть слой № 2 в №1, 3 в 2, 4 в 3 и каждому выставить отступ.

    Asked by IceBars,

    0 votes
    4 answers

  4. Отключить Drag'n'Drop

    Доброго времени суток. Столкнулся с проблемой. В браузере Google Chrome существует Drag'n'Drop (в частности, перетаскивание картинок). При том, как нажимаешь курсором на картинку и с зажатой левой кнопкой мыши двигаешь курсор данная картинка выделяется, что в моем проекте недопустимо. Варианта сменить браузер нет. Вопрос: как отключить Drag'n'Drop программно, через HTML или JS (а не через настройки браузера), или как избавиться от выделения при попытке перетащить картинку. Зарание, thanks.

    Asked by exerrk,

    0 votes
    2 answers

  5. Вопрос по вёрстке макета Раира

    Верстаю макет Раира из темы http://forum.htmlbook.ru/index.php?showtopic=13276 но почему-то вёрстка правая колонка не отображается в ИЕ вёрстку можно видеть тут http://akson69.ru/test/ Что я делаюне так??

    Asked by generator2003,

    0 votes
    6 answers

  6. Различие в высоте тега LI

    Собственно делается небольшая менюшка… - ИЕ 6 и 7 - прочие браузеры Можно ли простыми средствами КСС привести к одинаковому виду? Или отдельными хаками только? Маргинами и паддингами я не могу добиться нужного результата…

    Asked by hf3,

    0 votes
    2 answers

  7. не работает:(

    Привет Всем! подскажите в чем косяк, не работает такая вот конструкция а должно быть вот так:

    Asked by JIucky,

    0 votes
    0 answers

  8. Расположение маркеров

    Можно ли расположить маркеры списка ul li не с левой, а с правой стороны от элементов списка? Интересует именно расположение системных маркеров, а не их замена с помощью бэкграунда

    Asked by pedrosoft,

    0 votes
    7 answers

  9. помогите найти примеры модульных сеткок сайта

    помогите найти примеры модульных сеткок сайта. (например (1,2,3 колончный каркасы)) чем их больше будет, тем лушче

    Asked by imolodec,

    0 votes
    5 answers

  10. Непонятные ошибки

    Добрый вечер камрады! Проблема следующая, есть вёрстка, ради тренировки я сверстал обычный макетик и залил его на Движок, но в ИЕ6-7 происходит не понятная фигня: 1) Сайт прижимается к левому краю и не выравнивается по середине, как должен делать. 2) Потом ещё <div class="case">, который обрамляет Центр не охватывает все контейнеры, как должен делать, я же поставил overflow:hidden; http://psywalker.ru/wa-test/shop/ Движок "WebAsyst" если что

    Asked by psywalker,

    0 votes
    17 answers

  11. div'ы внутри div'а

    Добрый день. Есть следующая ситуация: div, внутри которого еще два div'a. Нужно, чтобы внешний див растягивался в высоту по большему из внутренних. Соответственно, сейчас в случае, если один из внутренних дивов по высоте больше внешнего, он просто располагается поверх. Что пробовал: 1) Не указывать высоту внешнего дива. Внешний див создается высотой в 1 пиксель, внутренние идут поверх. 2) Выставлять всем троим display: block; - никакого эффекта. 3) Выставлять внешнему display: table; а внутренним - display: table-cell; . Верстка летит к чертям, других эффектов нет. Заранее благодарен за помощь.

    Asked by Simior,

    0 votes
    3 answers

  12. Работа поисковиков...

    Добрый день! На одном из форумов нашел информацию о том, что если на сайте располагается материал с другого сайта(например, видеоролик который грузиться с ютуб), то поисковики обходят сайт выходя на первоисточник. И таким образом при запросе "видео" в поисковике будет выскакивать первоисточник, а не мой сайт. Хотел узнать это действительно так?

    Asked by Чебурашка,

    0 votes
    4 answers

  13. Наш любимый IE + DD_belatedPNG

    есть сайт mdaerogroup.ru насыщен pngшками, естественно в IE-6 используем хак - DD_belatedPNG все бы ничего, но фон меню слева глючит - фон белый пока не наведешь на него мышь. Если отключить DD_belatedPNG то все норм как пофиксить - хз. подскажите плз.

    Asked by mnb,

    0 votes
    1 answer

  14. как выровнять div по низу страницы?

    Всем привет! Начал верстать дивами недавно (все делал таблицами). Вот сейчас столкнулся с проблемой (весь код приводить не буду, ибо существенна его ооочень малая часть): У меня есть div, который я использую в качестве фона. У него есть z-index соответственно равен 1)) впрочем приведу все его свойства: #bg {z-index: 1; min-width: 1024; float: left; position: absolute; opacity: 0.95; filter: alpha(opacity=95) vertical-align: bottom;} в нем, соответственно содержится фоновая картинка, которая должна растягиваться/сжиматься до определенной степени в зависимости от размеров окна. Ее свойства css: #bg img{width: 100%; min-width: 1024;} слоем выше у меня находится контент, кото…

    Asked by rockerror,

    0 votes
    2 answers

  15. валидатор ругаетсо =))

    Привет Всем! Помогите найти ошибку, сегодня проверял валидатором такой код: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru" lang="ru"> <head> <title>site name</title> <link href="css/style.css" rel="stylesheet" type="text/css" /> <meta http-equiv="content-type" content="text/html; charset=windows-1251" /> </head> <body> <div class="container"> <div class="header"> <div class="header_l"></div> <div class="header_c"></div> <div class="header_r"…

    Asked by JIucky,

    0 votes
    4 answers

  16. проблема с жирностью <h1>

    Доброго времени суток. У меня следущая проблема. есть следущий код <H1 class="mainh1"><FONT size="1" color="#2C5C9A" weight="normal" id="h1main">Тралялял-трумпумпум</FONT></H1> в css прописано так #h1main { font-weight: normal; } h1.mainh1 { font-weight: normal; } НО! ни в какую не хочет именно этот заголовок стать НЕжирным. подскажите, пжалуйстя где может быть ошибка??

    Asked by zlobin_f,

    0 votes
    4 answers

  17. Помогите чайнику!

    Здравствуйте! Я здесь новенькая, поэтому простите, если не в тот раздел добавляю свою тему.... Задачка такая.... Есть главная страничка сайта, где основа - это изображение дисконтных карт разных фирм.... так вот на каждой из этих карт должны располагаться 2 формы ввода - номер карты и PIN + submit ОК... таких карт + форм должно быть порядка 9 штук... где-то поля ввода будут активны, где-то нет. Также под каждой из карт должны будут располагаться ссылки на пресс-релиз данной фирмы\компании. Итак вопрос: как осуществить эту, простую с первого взгляда задумку...? Сделать в фотошопе фоновую картинку с изображением этих карт, а дальше мучаться с наложением форм в нужные мес…

    Asked by Таньша,

    0 votes
    2 answers

  18. Проблемы с входом в админку

    Ребята подскажите плз...в чем может быть проблема... Вобщем есть сайт, который я залил на хостинг, и 2 недели назад все прекрасно работало, а вот вчера приехал и немогу зайти в админку, которая блокируется вот таким кодом.. <?php include("blocks/bd.php"); if (!isset($_SERVER['PHP_AUTH_USER'])) { Header ("WWW-Authenticate: Basic realm=\"Admin Page\""); Header ("HTTP/1.0 401 Unauthorized"); exit(); } else { if (!get_magic_quotes_gpc()) { $_SERVER['PHP_AUTH_USER'] = mysql_escape_string($_SERVER['PHP_AUTH_USER']); $_SERVER['PHP_AUTH_PW'] = mysql_escape_string($_SERVER['PHP_AUTH_PW']); } $qu…

    Asked by pulover,

    0 votes
    3 answers

  19. Опера + подгружаемый файл .js + кодировка?

    Люди добрые, научите... Только в Опере почему-то и не рботает... вот страничка - http://www.auto.gesc.ru/12-test4.html подгружаются списки географических названий (довольно большие) таким образом - <script language="JavaScript" src="march.js"></script> <script language="JavaScript" src="march1.js"></script> В итоге два списка отображаются нормально, а третий - иероглифы... Наверное, это просто... но не для меня...

    Asked by rootv,

    0 votes
    7 answers

  20. Как правильно задавать маргины?

    Уважаемые гуру, подскажите как правильно задавать маргины? Например у нас есть два елемента, например два дива, один под одним, и между ними должен быть отступ, например в 20 пикселей. Как правильно сделать, верхнему задать свойство margin:0 0 20px 0; или же нижнему задать margin:20px 0 0 0; есть ли вообще какае-то разница?

    Asked by jackus,

    0 votes
    6 answers

  21. Вертикальное выравнивание

    Всем доброй ночи, а ситуация следующая: Есть вот такое вот меню: http://psywalker.ru/Forum/vert.png Сделано оно таким образом: <!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" /> <title>Untitled Document</title> <style type="text/css"> *{ margin: 0; padding: 0; list-style: none;} ul { text-align: center;} ul li { width: 110px;} ul li { display: inline-table; vertical-align: middle;} </style> </head> <body> <ul> &lt…

    Asked by psywalker,

    0 votes
    9 answers

  22. Желтая рамка в input

    Ребят, вот на картинке, вид верстки в Опере (нижняя), таже самая верстка уже натянутая на CMS (верхняя), но там в input желтая рамка, это тоже в Опере Когда убераешь параметр name в input (наятнутый дизайн, верхняя картинка), то эта желтая рамка исчезает. Есть ли решения данной проблемы? Спасибо.

    Asked by okunev2,

    0 votes
    5 answers

  23. Проблема с шаблоном WebAsyst

    Есть такой код: {* currency type selection form *} <form action="{''|set_query_html}" method="post" name="ChangeCurrencyForm" class="valute"> <fieldset class="select"> <strong>{"lnk_change_currency"|translate}</strong> <div class="choice"><a href="#">{section name=i loop=$currencies}{if $currencies[i].CID eq $current_currency}{$currencies[i].Name}{/if}{/section}</a> {literal} <script language='JavaScript' type="text/javascript"> function _changeCurrency(){ document.ChangeCurrencyForm.submit(); } </script> {/literal} <select name='current_currency' onchange='_changeCurrency()'> {section name=i loop…

    Asked by okunev2,

    0 votes
    4 answers

  24. помогите с ие

    выложил вот на бесплатник - valeradmitruk.narod.ru/1st.html проблема только с ие, фф и опера показывают как надо, пробовал основному контенту добавить z-index:-1; тогда ие показывает нормально, но пропадает основной контент в фф

    Asked by dvs,

    0 votes
    12 answers

  25. Разные стили для разных ссылок (с атрибутами hover, visited и т.д.)

    Обычно я стили оформляю так: html: <p class='heading'>xxx</p> <p class='content'>xxx</p> css: p.heading {xxx: xxx} p.content {xxx: xxx} А как оформить разные стили для: <a class='main_link'>xxx</p> <a class='sub_link'>xxx</p> ? Просто a - всё ок, но а если с hover, visited? Пробовал следующие варианты: a.main_link:hover a:hover.main_link

    Asked by Boron,

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