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. Проблема с лишним отступом в Firefox

    Короче такая проблема что сделал сайт с помощью position:relative;И еще с помощью jQuery я уменьшил высоту основного блока. Во всех браузерах нормально но в мозилле получается отступ снизу(под футером). Даже не представляю как его убрать. Прошу вашей помощи. Вот сайт

    Asked by NeoMurderer,

    0 votes
    1 answer

  2. проблема с логотипом

    помогите пожалуйста при нажатие на логотип двигается

    Asked by adminfilm,

    0 votes
    2 answers

  3. Проблема с любимым "Липким" - sticky

    Дримвивер выдаёт критическую ошибку по представленной первой строке кода. Не могу разобраться и найти решение так же не могу. Прошу помощи, может кто сталкивался. @supports ((position: -webkit-sticky) or (position: sticky)) { .sticky-top { position: -webkit-sticky; position: sticky; top: 0; z-index: 1020; } } Ошибка: строка 6306, столбец 13: Duplicate property 'position' found. (Обнаружена повторяющаяся "position" свойства.)

    Asked by PoliWik,

    0 votes
    1 answer

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

    Я новичок.Мой первый и единственный сайт: http://aboutme2.h16.ru/ Не могу избавится от колеса прокрутки страницы по горизонтали! Помогите...Если найдете еще ошибки , укажите мне на них.

    Asked by Evgen8,

    0 votes
    6 answers

  5. Проблема с максимальным расширением дива в диве среди дивов

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title></title> <style type="text/css"> div { border: 1px solid #000000; padding: 5px; } </style> </head> <body> <div style="width: 500px;"> <div style="float: right;">Right</div> <div style="float: right; width: 80%;">Center</div> <div style="">Left</div> </div> </body> </html> Возможно ли сделать так, чтобы Center автоматически расширялся до максимально возможного размера, но без нарушения структуры? Если поставить 100%, то все разъезжается.

    Asked by Aleks_P,

    0 votes
    6 answers

  6. Проблема с маркером списка

    есть сайт trio.intelsib.ru верхнее меню на карсной плашке, последняя плашка(*наши представительства*), в Mozilla все ок, а вот в IE6 и IE7 се авно, маркер списка уходит на вторую строку, там есть <br /> но он не мешает маркеру, может кто поможет?

    Asked by Rukkos,

    0 votes
    1 answer

  7. проблема с маркированным списком -> кроссбраузерность

    есть страничка с несколькими видами маркированных списков. маркеры не стандартные, а берутся из гифов. проблема такая: в ИЕ6 отображение нормальное, в Опере нормально видны все кроме одного списка - там маркер убегает вверх (то есть он не в середине списка а по верхнему краю), в Огнелисе вообще все маркеры убежали книзу. вот код одного из списков: ... <div class="list"> С точки зрения: <ul> <li> <a href="">Туриста</a></li> <li class="selected"> Эстета</li> <li> <a href="">Гурмана</a></li> <li> <a href="">Карьериста</a></li> <li> <a href="">И…

    Asked by Sanguis,

    0 votes
    4 answers

  8. Проблема с масштабами

    В общем, учусь верстать. Итак, проблема вот в чем, я сделал шапку для сайта, но при увеличении страницы(ctrl+scroll мышки), шапка съезжает, она уже не по центру страницы, а по абзацам. Я смотрел на другие сайты и у них шапка остается на месте, как и в общем все, а у меня шапка съезжает, уже не в строчку остается. Плохо объясняю я. В общем, этот код введите, и увеличьте страницу и думаю поймете в чем моя проблема. P.S. чем отличается id от class и как лучше верстать страницы, таблицами или слоями. <!DOCTYPE HTML><html><head><meta charset="utf-8"><title>Заголовок</title><link rel="stylesheet" type="text/css" href="2.css"></head&g…

    Asked by RuslanHeYca4ev,

    0 votes
    6 answers

  9. проблема с масштабирование swf

    Делаю "резиновую" страницу на которой есть флеш. Масштабирование флеша должно происходить с уменьшением размера окна браузера. НО с масштабированием есть проблема - появляются чёрные полосы сверху и с низу, хотя само изображение масштабируется нормально. Как сделать нормальное масштабирование, т.е. что бы с уменьшением изображения уменьшалась и область отображение, а не заполнялась чёрным? Код HTML: <head> <link href="style.css" rel="stylesheet" type="text/css"> <link href="media-queries.css" rel="stylesheet" type="text/css"> </head> <body> <div id="pagewrap"> <header id="header"> <div class="top_flash"> …

    Asked by arthur1974,

    0 votes
    12 answers

  10. Проблема с масштабированием

    Добрый день. Есть верстка http://ukrainian2014.url.ph/ и одна проблема, которую я не могу решить. У сайта фиксированая ширина 1920, при изменении масштаба начинают съезжать миниатюрки в большом слайдере и то, что над слайдером, а так же текст на некоторых кнопках. Помогите пожалуйста решить или подскажите, где копать, что-бы понять, как это испарвить, а то второй день уже ковыряюсь и толку 0..

    Asked by cof666,

    0 votes
    1 answer

  11. Проблема с масштабированием

    Здравствуйте, столкнулся с проблемой начального масштабирования на мобильных устройствах. Сайт без адаптации (по задумке заказчика), имеет ограниченную ширину width: 1024px !important; На экранах любого размера сайт при загрузке должен открываться полностью весь, но на устройствах с шириной дисплея меньше 1200px при открывании сайта масштабируется. И приходиться отдалять. Помогите исправить данную проблему. <html> <head> <title>Epic Birds</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <meta name="viewport" content="width=device-width, initial-scale=1"/> <link rel="stylesheet" href="cs…

    Asked by cutuz,

    0 votes
    5 answers

  12. Проблема с масштабированием в айфон

    Верстка адаптивная под 480, когда выбираешь из селекта что-либо, обратно масштабирование экрана не возвращется (как на первой картинке). Как вылечить? Вот так пока не выбрали: А так когда выбрали:

    Asked by okunev2,

    0 votes
    3 answers

  13. Проблема с масштабированием сайта.

    Здравстуйте. Столкнулся с проблемой в webkit браузерах. При уменьшении масштаба, картинки начинают уменьшаться непропорционально. Пожалуйста, помогите разобраться в проблеме. Вот сайт http://www.training.od.ua.

    Asked by eckimoc,

    0 votes
    0 answers

  14. Проблема с масштабированием фона элемента

    В общем есть ссылка в виде картинки( реализована с использованием css-спрайта: при наведении меняется бэкграунд при помощи background-position) Соответственно все это дело имеет фиксированный размер. Можно ли как то реализовать масштабирование подобной ссылки с помощью CSS? Или придется использовать javascript?

    Asked by Findquestion,

    0 votes
    1 answer

  15. Проблема с масштабируемостью TEXTAREA в Opera,помогите пжлста оч прошу

    Доброго времени суток всем! Я не знаток тонкостей работы различных браузеров, поэтому оч прошу помочь в моем вопросе. В IE и Firefox'е TEXTAREA масштабируется идеально. В Opera при загрузкеобновлении окна TEXTAREA тоже принимает нужный размер со своим scroll'ом, но стоит только изменить размер окна, как появляется глобальный scroll и TEXTAREA растягивается под размер своего текста ...... Вот код страницы, проблема особенно хорошо видна при большом объеме текста в TEXTAREA. Заранее спасибо. <HTML> <HEAD> <TITLE>CSS</TITLE> </HEAD> <BODY style="overflow:auto"> <TABLE width="100%" height="100%"> <TR height="1"><TD st…

    Asked by adven,

    0 votes
    3 answers

  16. Проблема с масштабом меню

    Здравствуйте. Сдвигается меню, когда в браузере включена функция "Переносить текст". В данном случае в опере на телефоне Пример: Как сделать, чтобы меню не подвергалось изменению даже при этой включенной функции? Сайт: http://sunnym.ru Меню - html + css HTML: <div id="menu-block"><ul class="menu"><li><a href="index.html">Главная</a></li><li><a href="online.html">Смотреть онлайн</a></li><li><a href="preview-serial.html">Анонсы</a></li><li><a href="news-serial.html">Новости</a></li><li><a href="actors.html">Актёры</a></li><li>&lt…

    Asked by Alexandrov,

    0 votes
    3 answers

  17. проблема с маштабированием

    У меня возникла такая проблема, есть два блока(1 болк флоат лефт 1 флоат райт) при открытие в ie7 ie8 mozile opere они онинаковой высоты, при любом увиличении маштаба они становятся разных росмеров. Как зделать что б они были онинаковыми. Посетить мою домашнюю страницу

    Asked by fastikkk,

    0 votes
    49 answers

  18. Проблема с меню

    Ребята, Мозилла на отрез отказывается отображать менюшки(сделанные в Ксаре), ИЕ и Опера без проблем, а вот Мозиллу уговорить не могу, что делать? Помогите чем смогите, пожалуйста!

    Asked by Сеня,

    0 votes
    1 answer

  19. Проблема с меню

    1

    Asked by Audj,

    0 votes
    11 answers

  20. Проблема с меню

    Меню сделано на основе картинок, все браузеры кроме IE6 реагирует нормально на вариант вертикального меню этим способом При наведение на меню оно начинает убегать вверх из-за #second .s-menu a:hover { background-position: right 0 !important; } без него все нормально, но не работает как надо css #second .s-menu { background:#9f1e26; padding:30px 0 20px 30px; } #second .s-menu a { display:block; margin:0 0 18px 0; } #second .s-menu a#s_7 { background:url(/i/s_m_rest.gif) no-repeat; width:116px; margin-bottom:18px; height: 11px; } #second .s-menu a#s_804 { width:31px; margin:0 0 10px 0; background:url(/i/s_van.gif) no-repeat; height: 9px; } #second .s-menu a#s…

    Asked by Mary_RND,

    0 votes
    8 answers

  21. Проблема с меню

    Подскажите пожалуйста! Почему в IE 7 все нормально, а в IE 6 меню (которое черного цвета) все вытягивается в линию? Какие отличия в CSS? Сайт - www.e-ekf.com index.php <?php defined( "_VALID_MOS" ) or die( "Direct Access to this location is not allowed." );$iso = split( '=', _ISO );echo '<?xml version="1.0" encoding="'. $iso[1] .'"?' .'>';?> <!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"> <!-- author: raduga http://mambasana.ru copyright: GNU/GPL --> <head> <?php mosShowHead(); ?> <?php if ( $my->id ) {…

    Asked by jdv,

    0 votes
    12 answers

  22. Проблема с меню

    Имеется вот такое вот меню. По сути своей оно 2х уровневое, при наведении на "Меню" выпадает вся остальная часть. Средствами CSS за 2е суток создать такое меню так и не получилось, может быть кто нибудь подскажет как решить данную проблему(я понимаю что с помощью JS, очень хочется научится создавать такие меню самому, но перерывания справочников и книг результатов не даёт ). Контекст 3о уровня меню не меняется в зависимости от выбранного пункта 2о уровня!

    Asked by Apostolati,

    0 votes
    2 answers

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

    Делаю rollover-меню, мне необходимо что бы все элементы меню распологались в строку, но когда меняю в CSS на display:inline; или display:inline-block; все картинки исчезают. Вот строчки из CSS: a.bt:link { background: url(images/b1.gif); display:inline-block; width:60px; height:20px } a.bt:hover { background: url(images/b1_2.gif); display:inline-block; width:60px; height:20px; }

    Asked by GIGO,

    0 votes
    4 answers

  24. Проблема с меню

    В общем мне нужно чтобы меню в css разпологалось горизонтально, оно состоит из рисунков и разбито на классы. #menu_graf { width:100px; background:#0000FF;} #menu_graf a { text-decoration:none; } #menu_graf div { width:100px; height:30px; cursor:pointer; } #menu_graf a.knopka1 { background: url("images/button_1.gif") no-repeat; } #menu_graf a.knopka1 div { background: url("images/button_1.gif") no-repeat; } #menu_graf a.knopka1:hover { background: url("images/button_1_hover.gif") no-repeat; } #menu_graf a.knopka1:hover div { background: url("images/button_1_hover.gif") no-repeat; } А вот следующая кнопка разпологается сразу после предыдущего, как сделать чтобы было горизо…

    Asked by ret,

    0 votes
    34 answers

  25. Проблема с меню

    Создаю меню в виде таблицы ,состоящей из 5 колонок и 1 строки. table align='center' class='div_1_table'> <tr align='center'> <td width='120' class='div_1_table_td' > 1 </td> <td width='120' class='div_1_table_td' > 2 </td> <td width='120' class='div_1_table_td'> 3 </td> <td width='120' class='div_1_table_td'> 4 </td> <td width='50' valign='top' align='right' class='div_1_table_td_language'> 5 …

    Asked by new011,

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