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'ами

    Ребят, помогите решить проблему, пожалуйста Короче говоря, есть таблица, делённая на три части. В Опере всё нормально отображается, а вот в Хроме других браузерах, второй левый слой не растягивается до нужных размеров. Знаю, нужно было на css делать, но совершил ошибку уже, всё менять долго и времени нет. Может что с кодом не так, спасайте. Вот код: <body bgcolor="#232323"> <div align="center"> <table cellpadding="0" cellspacing="0" width="800" height="200"><tr> <td width="200" height="200" valign="top" align="center"> <div align="left"> <table width="200" border="0" cellspacing="0" cellpadding="0" id="table12" height="100%">&…

    Asked by ALIEN-XIII,

    0 votes
    11 answers

  2. Проблема с div'ами и ul меню

    Привет всем! Помогите решить проблему. http://codepen.io/anon/pen/jVBmaP вот накидал пример. в блок c id header (у которого есть фон) помещеню ul меню. В медиазапросах указано что при достижении такой-то ширины убрать логотип. Лого удаляется, но вместе с ним и само меню, т.к. оно также находится в div id="header". Вынос меню за пределы дива ничего не дал. Напротив появился разрыв между блоком #content и шапкой. Помогите решить проблему! Или чтобы не было разрывов между блоками когда меню находится вне блока див с ид header, либо чтобы после исчезновения шапки с логотипом, менюшка оставалась однако при этом смещалось вверх и весь остальной контент тоже.

    Asked by genuine92,

    0 votes
    1 answer

  3. проблема с div'ом id=#topmenu

    в css я писал для этого div'a margin-top:10px; а он отступает не от родительского div'a header , а я не знаю от чего, похоже от окна браузера. index.php: <?php // защита от прямого доступа к файлу defined('_JEXEC') or die; ?> <!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" xml:lang="<?php echo $this->language; ?>" lang="<?php echo $this->language; ?>" dir="<?php echo $this->direction; ?>" > <head> <link rel="stylesheet" href="<?php echo $this->baseurl; ?>/templates/<?php echo $this->template…

    Asked by dmr,

    0 votes
    4 answers

  4. Проблема с div'ом в IE

    Пожалуйста помогите решить проблему с div'ом в IE.Он обрезает картинку в img находящийся внутри него, когда она вылезает за его пределы. Подобная тема уже была создана но автор сразу решил проблему. Ссылка на тему

    Asked by Qwerty26,

    0 votes
    0 answers

  5. Проблема с div\span

    Всем привет! Проблема в том, что я хочу заключить 3 картинки-ссылки в одну строку, но когда я это делаю, то 2 и 3 картинки при наведении курсора "трясутся" и чтобы перейти по ссылке приходится нажимать ПКМ-Открыть. ВОт код <br><span class="buttons"> <a href="http://beltravel.16mb.com/?lang=RU"><img src="wp-content/themes/suvfocus/images/lang/ru.png" width="32px" height="32px"></img></a></span> <span class="buttons"> <a href="http://beltravel.16mb.com/?lang=BE"><img src="wp-content/themes/suvfocus/images/lang/be.png" width="32px" height="32px"></img></a></span> <span class="buttons"> <a…

    Asked by bu3i28,

    0 votes
    4 answers

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

    Помогите с DIVами. Есть такая верстка: <div style="text-align:center;"> <div id="1" style="float:left;">ТЕКСТ_ТЕКСТ_ТЕКСТ</div> <div id="2"> <div>ТЕКСТ_ТЕКСТ_ТЕКСТ</div> <div>ТЕКСТ_ТЕКСТ_ТЕКСТ</div> </div> </div> Мне нужно, чтобы все DIVы были по центру страницы, а DIVы обозначенные id 1 и 2 к тому же в одну строку. Никак не могу добиться нужного результата.

    Asked by GoshaPolo,

    0 votes
    4 answers

  7. проблема с doctype

    Написал простенький сайт.Только добавил !DOCTYPE html , css стили отключились. (режим совместимости как я понял).В чем дело?

    Asked by ml227,

    0 votes
    8 answers

  8. Проблема с Emmet на ST3

    Раньше пользовался NotePad++ с плагином emmet. Горячая клавиша была tab, к чему я, естественно, привык. Скачал Sublime Text 3, установил emmet, но работает сочетание клавиш ctrl+e. Как изменить его на tab?

    Asked by Захаров Даниил,

    0 votes
    1 answer

  9. Проблема с explorer 7 , height 100%

    Вот пример html ——— <html > <head> <title></title> <style type="text/css"> html, body { margin:0; padding:0; height:100%; } </style> </head> <body> <table style="height:100%" border="1" width="100%"> <tr><td>1</td></tr> <tr><td style="height:100%">2</td></tr> <tr><td>3</td></tr> </table> </body> </html> если открыть в ie7, то он вытягивает больше чем на 100% 2-ю ячейку, в firefox все нормально.... Я уже себе весь мозг поломал, чего только не пробовал. Как побороть?

    Asked by vitema,

    0 votes
    4 answers

  10. Проблема с fancybox

    Все здравствуйте, я столкнулся с такой проблемой при создании галереи с помощью jQuery и fancybox. Не срабатывает функция fancybox, в браузере пишет: "Uncaught TypeError: $(...).fancybox is not a function" Может кто-нибудь сталкивался? Все файлы закачены на сервере и jQuery подключена. Вот страница с галереей: http://checkedin.esy.es/gallery.html

    Asked by Oversec,

    0 votes
    5 answers

  11. Проблема с fancybox на мобильных устройствах

    Приветствую! Может кто-нибудь уже сталкивался с такими проблемами. Есть сайт http://stroymechanika.intelinets.ru/ Модалки fancybox (заказать звонок (http://take.ms/OeqbJ), оставить заявку (http://take.ms/0dCvS)) отображаются некорректно на мобильных устройствах. Выглядят слегка растянуто, примеры: http://take.ms/3YomPG http://take.ms/BktjY Модалки работают на type: ajax Инициализируются вот так: $.fancybox({ href: url, type: "ajax", openSpeed: 0, closeSpeed: 400, openEffect: 'none', padding: 0, beforeShow: function(){ $(".fancybox-overlay").addClass("r741-opened"); if(typeof callback === "function"){ c…

    Asked by osi-v,

    0 votes
    2 answers

  12. Проблема с FF под MACом.

    Всем доброго времени! Никто не сталкивался с такой проблемой? FF 3.5 на MACе один единственный div из всей страницы смещает вправо. При этом тот же FF 3.5 под Win & Linux отображает все нормально. Не соображу где искать проблему PS MAC мне не доступен, сдвиг вижу на скрине, кот. мне посетитель прислал. Может быть дело в конкретном компе?

    Asked by orthodoxy,

    0 votes
    10 answers

  13. Проблема с FireFox

    Опять прошу помощи В общем появляется горизонтальный скролл при сужении в фф... нужно чтоб желтые блоки заходили за границы браузера или быть резиновыми и сужаться... на их место в оригинале идут картинки которые появляются только при растягивании окна... при сужении они должны заходить за границы. тупо отслеживать скриптом фф и отключать ему горизонтальный скролл как то не вариант совсем =)))) <!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>Untitled Document</title> <STYLE type="…

    Asked by «««one»»»,

    0 votes
    21 answers

  14. Проблема с FireFox

    В общем проблема в следующем. Сделал меню сайта во вкладках (взял код с шаблона wordpress). Во всех браузерах работает замечательно кроме FireFox. Вот на скрине пример того как должно выглядить меню в ФФ _http://savepic.org/2278978.jpg, а показывает она сейчас вот так _http://savepic.ru/3101406.jpg. Не могу понять в чем может быть проблема. В javascript'е нет проблем, потому как я удалил вообще всю яву, а проблема осталась той же. Скорее всего проблема в CSS HTML код меню <ul id="tabs" class="tabs"> <li><a href="#" rel="tab1" class="selected">Меню 1</a></li> <li><a href="#" rel="tab2" >Меню 2</a></li> <div id="t…

    Asked by Scorpio2011,

    0 votes
    1 answer

  15. проблема с Firefox - переносит текст на строку вниз

    Ребята, Посмотрите на http://members.dodo.com.au/~rouslan/ninawebsite/index.html Внизу над баннером, где навигационный текст (текстовая эмуляция кнопок), этот текст, часть его переносится на строку вниз в Mozilla Firefox 3 (чего мне не надо), но в Internet Explore 7 все работает и выглядит хорошо. Не могу найти в чем проблема, смотрел и в CSS и в HTML. Может кто-нибудь из опытных подскажет? Эта проблема просто выводит меня из себя. HTML <!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"> <head> <meta http-equiv="Content-Type" content="text…

    Asked by DolbyRoom,

    0 votes
    6 answers

  16. Проблема с Firefox зазоры.

    Всем доброго времени суток. Есть такая проблема что в Firefox при масштабировании браузером страницы появляются зазоры в 1px по разным краям. В других браузеров такой проблемы нет. Не подскажите как эту проблему решить?!

    Asked by tini.kRyptoNite,

    0 votes
    0 answers

  17. Проблема с firefox с www и без разные стили

    Нормально как и должно быть - http://www.stockvest.ru/ а без www весь контент, дивы, баннеры все в уменьшенном виде - http://stockvest.ru/ Проблема только в firefox(обновлял не помогло), в опере, хром и ei все нормально. Не пойму что за бред. Может это у меня firefox тупит.

    Asked by antosha,

    0 votes
    3 answers

  18. Проблема с first-child

    Помогите разобраться. Есть два кода в которых используется для снятия левой границы следующая конструкция nav section:first-child ul{ border-left: 0 none; }Первый работает хорошо: <nav> <section> <h3>О КОМПАНИИ</h3> <ul> <li><a href="#">История создания</a></li> <li><a href="#">Персонал</a></li> </ul> </section> <section> <h3>СЕРВИС</h3> <ul> <li><a href="#">Обслуживание</a></li> <li><a href="#">Партнеры</a></li> <li><a href="#">Предложения</a></li> <…

    Asked by aleks-lv,

    0 votes
    11 answers

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

    Здравствуйте участники форума вот такой вопрос: объясните почему не срабатывает псевдокласс first-child исходные коды прилагаю ниже <!DOCTYPE html><html> <head> <meta charset = "utf-8" /> <link rel="stylesheet" href="style.css" type="text/css" /> <title>sample listing</title> </head><body><div class = "karkas"> <img src = "img/post-img.jpg" alt = "" /> <p> Ut wisi enim ad minim veniam, quis nostrud exerci tation </p> <p> Duis autem vel eum iriure dolor in hendrerit in vulputate velit diam voluptua. At vero eos et accusam esse molestie consequat, vel illum dolore eu feugiat nulla facili…

    Asked by pavlovda,

    0 votes
    1 answer

  20. Проблема с fixed в IE

    Приветствую. Не могу побороть проблему в IE с фиксированным положением элемента на странице. (пример http://seotop.pro/photo/folder-2008-2009-peru.html) Панелька должна прибиваться к низу и держаться там при скролинге и при ресайзе страницы. Везде естественно кроме IE пашет, прибегать к js для этого не хочется - в IE при пересчете положения панель начинает "скакать" за страницей, выглядит плохо. Поэтому ищу способ через CSS. Кто знает подскажите методы решения.

    Asked by byxah,

    0 votes
    5 answers

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

    Добрый вечер, у меня возникла проблема при верстке сайта. Сделал fixed top меню, но оно не корректно отображается относительно основной части сайта, в частности сайт имеет минимальную ширину 760px, и если окно браузера уменьшать по ширине до появления полос прокрутки, то сам сайт становится по ширине 760px, но вот верхнее меню продолжает уменьшаться из-за того, что у него position: fixed по понятным причинам. Если же самому меню тоже поставить минимальную ширину 760px, то в отличие от всего сайта полосами прокрутки его прокрутить не получится, он просто частично выпадет за край окна. Можно ли как-то решить это проблему? Желательно без вмешательства скриптов? Спасибо) …

    Asked by Kenshi24,

    0 votes
    2 answers

  22. Проблема с Flash кнопкой

    Ипортирую в HTML Flash кнопку, хочу сделать ее ссылкой. Но почему-то она не срабвтывает как ссылка. Что я делаю не так? Работаю с помощью Namo WebEditor6

    Asked by _slayer_,

    0 votes
    0 answers

  23. Проблема с Flash проигрывателем

    <object type="application/x-shockwave-flash" data="audio-player/player.swf" id="audioplayer4" height="24" width="290"> <param name="movie" value="clientscript/player.swf"> <param name="FlashVars" value="playerID=4&soundFile={param}"> <param name="quality" value="high"> <param name="menu" value="false"> <param name="wmode" value="transparent"> </object> везде работает, а в IE не отображается, посоветуйте что нибудь...

    Asked by slavok47,

    0 votes
    5 answers

  24. Проблема с flashvars

    <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0" width="200" height="100"> <param name="movie" value="/events/flash/no_scratch.swf"> <param name="flashvars" value="time=&event=score&result=0%3a0&playerhome=droylsden&playeraway=southpor"> <embed src="/events/flash/no_scratch.swf" quality=high bgcolor=#ffffff width="200" height="100" flashvars="time=&event=score&result=0%3a0&playerhome=droylsden&playeraway=southport" name="mtown" align="" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/…

    Asked by Canti,

    0 votes
    1 answer

  25. Проблема с Flex

    Столкнулся с такой проблемой что при уменьшении окна браузера flex-элементы не хотят выстраиваться в один столбец. В песочнице все работает отлично, а когда делаю у себя на компьютере, то не работает. Код один и тот же пишу. На скриншотах все видно. Код в песочнице Скриншот 1 Скриншот 2 Проверял в Firefox все работает, а в Chrome нет... Понять не могу почему, хотя как делал примеры все работало, а когда начал сам делать не работает. (это я про то что в хроме не работает)

    Asked by John106,

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