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

    В IE в самом верху макета появляется отступ, т.е. становится видна небольшая полоска с задним фоном сайта. Никак не могу понять откуда он берётся. Сайт http://www.evolis-russia.ru

    Asked by bosega,

    0 votes
    1 answer

  2. проблема с верхним/нижним регистром

    Здравствуйте всем. В общем проблема раскрыта в описании темы (при вставке верхнего индекса в html смещаются строчки) код: что получается: а вот мой код CSS: Код: div#txt p { margin:6px 10px 6px 10px; line-height:1.2em; font-size:0.9em; font-weight:normal; } в чем может быть проблема, подскажите пожалуйста

    Asked by antip,

    0 votes
    2 answers

  3. Проблема с видеоплеером на странице

    Собственно на странице лежит флешвидеоплеер. яваскриптом вызывается картинка. она перекрывает все кроме самого плеера, есть ли возможность исправить средствами html+css?

    Asked by Talex,

    0 votes
    2 answers

  4. Проблема с видом контента

    Здраствуйте. Нужна помощь с казалось бы простой темой Есть вот такой вид контента, заголовок будет максимум из двух строк (ограничение движка), для контента поставила max-height, в случае если строка одна всё нормально, но если строки две, то текст контента налазит на текст информации о новости. HTML: <div class="news"> <div class="news_header">Заголовок</div> <div class="news_content">Текст контента</div> <div class="news_info">Информационный текст</div></div>CSS: .news{ background-color:#f0f5f9; display:inline-block; height:270px; width:270px; float:left; margin-bottom:10px; padding:10px; position:relativ…

    Asked by lapochka,

    0 votes
    5 answers

  5. Проблема с визуалом

    Друзья. Возникла проблема при верстке этого макета Минимальное разрешение под которое должен быть заточен 1024, необходимо чтобы на 1024 сайт выглядел как на иллюстрации в пределах красных полос, а при больших разрешениях соответственно тянулся до оригинала (на иллюстрации). Подскажите реально ли вообще так сверстать? Буду крайне благодарен за подсказку, заранее спасибо

    Asked by f0x,

    0 votes
    1 answer

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

    Проблема следующего характера. Есть html страница в ней есть блок вкладок на jquery. После клика по любой вкладке и обновлении страницы сбрасывается выделеная вкладка, а нужно чтобы сохранялась... Не могу понять в чём проблема. Код вкладок: <div id="wrapper"> <ul class="tabs2"> <li><a href="#">1 вкладка</a></li> <li><a href="#">2 вкладка</a></li> <li><div title="Текст" onclick="location.href='1.html';"><a href="1.html">3 вкладка</a></div></li> <li><div title="Текст" onclick="location.href='4.html';"><a href="4.html">4 вкладка</a></div></li&…

    Asked by tomclancys,

    0 votes
    3 answers

  7. Проблема с вложенной таблицей, Помогите )

    Как я понял, из за того что <!-- Главный фрейм --> содержит вложенную таблицу, фон вложенной таблицы срезается по краям на 1 пиксель, это хорошо видно над футером, помогите пожалуйста, убрать этот зазор) <html> <head> <meta http-equiv="content-type" content="text/html; charset=windows-1251" /> <meta name="description" content="Товары для здоровья" /> <meta name="keywords" content="Теги теги, много тегов"> <title>Товары для здоровья</title> <style type="text/css"> .osn {font-family: fantasy; text-align:justify; color: #64522A; font-size: 90%} body { background-color: #6DBA14; background-image: url…

    Asked by 12ph,

    0 votes
    7 answers

  8. Проблема с вложенностью блоков

    Вот есть у меня уже сверстаный блок. Вот его код: <div id="line1"> <div class="block-line1"> <div class="block-header"> <h1>About WhiteSquare</h1> <span></span> </div> <div class="block-body"> <div class="block-image"><img src="images/img1.png" alt="" /></div> <div class="block-text"> <p>In ultricies pellentesque massa a porta. Aliquam ipsum enim, hendrerit ut porta nec, ullamcorper et nulla. In eget mi dui, sit amet scelerisque nunc. Aenean augue arcu, convallis ac vulputate vitae, mollis non lectus. Donec hendrerit lacus ac massa ornare hendrerit sagittis lacus tempor…

    Asked by Girn,

    0 votes
    2 answers

  9. проблема с вложенные li

    Проблема такова, <ul class="main"> <li>Главная</li> <ul> <li>Подменю</li> <li>Подменю</li> </ul> <li>Главная</li> <ul> <li>Подменю</li> <li>Подменю</li> </ul> </ul> ul.main li { list-style:none; background:url(/images/menu_background.jpg) no-repeat; color:#000000; font:11px arial; padding-left:15px; margin-top:10px; margin-left:5px; position:relative; } ul.main ul li { list-style:square; padding-left:0px; background:none; color:#bcbec0; margin-top:0px; } как только я первому даю высоту 22px (высота фона, у меня сразу подпункты почему-то под другими пунктами)и …

    Asked by Bingo,

    0 votes
    5 answers

  10. Проблема с вложенным блоком с min-height: 100%

    Ситуация очень не приятная. Может конечно я что-то не учел, но: html, body{ height: 100%; margin: 0; padding: 0; } #d1{ min-height: 100%; background: Aqua; } #d2{ min-height: 100%; background: Fuchsia; } <body> <div id="d1"> <div id="d2"> </div> </div> </body> В результате блок d2 не вытягивается на всю высоту. Это можно как-то вылечить????

    Asked by akxxiv,

    0 votes
    1 answer

  11. Проблема с вложенными дивами

    Доброго все времени суток! Возникла небольшая проблема, ломаю голову никак не могу решить, если кто сталкивался и подскажет буду очень рад: Собственно делаю меню с помощью дивов вот скриншот: http://img9.imageshack.us/img9/24/divmenu.jpg разделитель хочу поставить туда,куда показывает голубая стрелочка. нужно банально сделать разделитель но, но он почему-то перескакивает на следующую строчку.. HTML Код <div class="menu_div"> <div class="menu_glavnaja">Главная</div> <div class="menu_razdelitel"></div> </div> CSS Код: /*Меню*/ .menu_div { margin-left:5px; margin-top:10px; background-image:url(images/menu_bg.png); background-rep…

    Asked by Oleg330,

    0 votes
    5 answers

  12. Проблема с вложенными дивами

    Проблема в том, что родительский div (class="content") не расстягивается по высоте, соответсвтенно цвет его фона тоже. <!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/html; charset=windows-1251" /> <title>Контент</title> <link rel="stylesheet" type="text/css" href="../css/style.css" /> </head> <body> <div class="content"> <div class="blockbox"> <div class="block16"> Контент Контент Контент Контент Контент Контент Контент Конт…

    Asked by Rigo,

    0 votes
    1 answer

  13. Проблема с вложенными таблицами.

    Почему во вложенной таблице не исчезла сетка? <html> <head> <style type="text/css"> .tbl { width: 100%; border-collapse: collapse } .tbl td { border: 1px solid black } .tbl2 td { border: 0px solid black } </style> </head> <body> <table class="tbl"> <tr> <td>............</td> <td>............</td> <td>............</td> </tr> <tr> <td>............</td> <td> <table width="100%" class="tb2"> <tr> <td>............</td> <td>............</td> <td>............</td> </tr> </table> …

    Asked by nim,

    0 votes
    16 answers

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

    Всем привет! У меня такая проблема,попробую объяснить:при увеличении контента внутреннего контейнера, внешний контейнер #container не увеличивается вместе с внутренним, как только начинаешь прокручивать скролинг <!doctype html> <html> <head> <meta charset="utf-8"> <title></title> <link rel="stylesheet" href="basecss.css" type="text/css"> <link rel="stylesheet" href="css_index1.css" type="text/css"> <!--[if IE 6]> <link href="ie.css" type="text/css" rel="stylesheet"> <![endif]--> </head> <body> <div id="container"> <div id="main"> <div id="header"> </div>&…

    Asked by Nailya,

    0 votes
    8 answers

  15. Проблема с воспроизведением SWF и FLV-файлов в Dreamweaver

    Здравствуйте!У меня возникла проблема. Я изучаю сейчас вставку SWF и FLV-файлов в Dreamweaver. Вставлять получается, но они не проигрываются в окне Adobe Dreamweaver и в разных браузерах(кроме Mozilla),пишется, что нужно обновить версию Flash-player, я и обновил на разных браузерах. Но все равно не удается посмотреть локально на своем компьютере. Что можете посоветовать?

    Asked by Bondiana,

    0 votes
    2 answers

  16. Проблема с воспроизведением дизайна в вёрстке

    Приветствую всех. Я сам не так давно занялся вёрсткой и тут мне знакомы попросил помочь с созданием сайта и я в макете столкнулся с элементом, который я не представляю как реализовать в коде. Вот собственно этот элемент: Суть вот в чём - основная часть сайта содержится в главном блоке, который выделяется border'ом, а логотип должен "разрывать" border. Как это можно реализовать? Буду рад Вашей помощи

    Asked by Oversec,

    0 votes
    12 answers

  17. Проблема с всплывающим меню. Координаты.

    Код: <html> <head> <style> .submenu{ visibility: hidden} </style> <script> function showmenu(elmnt) {document.getElementById(elmnt).style.visibility="visible"} function hidemenu(elmnt) {document.getElementById(elmnt).style.visibility="hidden"} </script> </head> <body> <div class=menupos> <a href="" onMouseOver="showmenu('sm1')" onMouseOut="hidemenu('sm1')">Меню0_1</a> <a href="" onMouseOver="showmenu('sm2')" onMouseOut="hidemenu('sm2')">Меню0_2</a> </div> <div id=sm1 class=submenu style="left:5"> <a href="">Бла1</a><br> <a href="">Бла1</a>&lt…

    Asked by GromLine,

    0 votes
    1 answer

  18. Проблема с выводом file_get_contents

    Здравствуйте..Вопрос вот в чём..Функция file_get_contents выводит нужную информацию во всех подкатигориях в шаблоне но не на главной странице..Как с этим бороться?? Сайт http://rivierahoteis.com/

    Asked by Reign2001,

    0 votes
    11 answers

  19. проблема с выводом изобрвжения

    в файле ЦСС пишу #header { background: url(/images/header00.jpg) no-repeat; width: 760px; height: 158px; } картинка не выводится. Хотя в Дримвивере показывает картинку. А пишу так #header { background: url(header00.jpg) no-repeat; width: 760px; height: 158px; } то выводится! Нужно чтоб картинки были в папке images. В чем может быть проблема?

    Asked by mrDobryj,

    0 votes
    2 answers

  20. Проблема с выводом исходного текста

    Привет всем, народ не судите строго аки я совсем не понимаю в написании html кодов! У меня возникла маленькая проблема с публикациями постов на одном из сайтов. Суть проблемы в следующем: Например описание команды выглядит как ( --update) , в исходном тексте страницы все нормально, но когда просматриваю в html , у меня теряется один знак (-) , а для выполнения команды это актуально, собственно в html вид имеем такой (-update), подскажите как с этим бороться?

    Asked by leomuz,

    0 votes
    2 answers

  21. Проблема с выводом на печать

    Делаю изменяющиеся при наведении ссылки в виде картинок: <td width="280" height="108"> <a class="dep" href="/about/sotr/index.php"> <div class="otdel" style="PADDING-TOP: 25px" align="center">ТЕКСТ</div> </a></td> CSS: A.dep { background-image:url(/about/sotr/images/bg.gif); display:block; width:280px; height:108px; text-decoration:none; } A.dep:hover { background-image:url(/about/sotr/images/bg-a.gif); display:block; width:280px; height:108px; text-decoration:none; } Проблема в том, что при печати картинки не выводятся на лист, т.е. текст есть, а фона - нет, как это исправить?

    Asked by Alexx,

    0 votes
    4 answers

  22. Проблема с выводом постраничной навигации

    Здравствуйте. Нашел на одном сайте код постраничной навигации оптимизировал под свой сайт все работает ок. Проблема в том что по какой то причине ИЕ6 не хочет выдоить стили для неё. Помогите пожалуйста разобраться. В фаерфоксе работает на ура а в ИЕ не в какую. Вот код <table width="100%" height="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="20" height="22" class="corner_lt"> </td> <td height="22" class="corner_lt_body"> </td> <td width="26" height="22" class="corner_lr"> </td> </tr> <tr> <td width="20" class="corner_bl_body"> </td> <td bgcolor="#FFFFFF"> <…

    Asked by ar130405,

    0 votes
    9 answers

  23. Проблема с выводом списка

    HTML: {% for hotel in hotels%} <div id="rl"> <ul> <li> <a href="{{ hotel.get_absolute_url }}"><img src="{{ MEDIA_URL }}{{ hotel.hotel_image }}" alt=""/></a> <h2><a href="{{ hotel.get_absolute_url }}">{{ hotel.name }}</a></h2> <strong>Город:</strong> {{ hotel.city }}<br/> <strong>Цена:</strong> {{ hotel.price }}<br/> <strong>Адрес:</strong> {{ hotel.address }}<br/> </li> </ul> </div> {% endfor %} <div> <a href="{% url hotel_list %}"><strong>Все отели</strong></a> </div&gt…

    Asked by Alex&R,

    0 votes
    0 answers

  24. Проблема с выводом статей на сайте при добавлении с помощью панели администрирования

    Не знаю в тот ли раздел пишу, не ругайте сильно. Есть сайт http://srub-profi.ru/index.php?param=article&title=%D0%A1%D1%82%D0%B0%D1%82%D1%8C%D0%B8 на нем статьи. Добавить статьи можно с помощью небольшой администраторской части, где указывается название статьи в input, картинка, и текст статьи в textarea. Данные попадают базу и оттуда подгружаются на сайт. Как видно, если провалиться в "читать далее" в статью, то текст выровнен не по всей ширине и более того большой отступ справа, а там где картинка еще и какие-то непонятные переносы строк. Вопрос: Как исправить ситуацию, чтобы текст при добавлении из администраторской части при выводе на сайт корректно вел себя?

    Asked by KoDA86,

    0 votes
    6 answers

  25. Проблема с выводом фреймов

    Есть часть кода: <? switch ($_GET["List"]) { case "Kabinet": $Shablon = '<frameset rows="145,*" cols="*" framespacing="1"> <frame src="zaglushka.php" name="FrameCenter" scrolling="auto" noresize frameborder="0"> </frameset>'; break; case "": $Shablon = '<frameset rows="145,*" cols="*" framespacing="1"> <frame src="zaglushka.php" name="FrameTop" scrolling="no" noresize frameborder="0"> <frameset cols="20%,*,20%" framespacing="1"> <frameset rows="145,*" cols="*" framespacing="1"> <frame src="zaglushka.php" name="FrameL…

    Asked by GromLine,

    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