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. У первого блока с "clear: both" задается высота в 400px

    Верстаю шаблон под Drupal, верстка: шапка, меню, контент, футер. Меню и контент обтекаемы и расположены в 2 колонке. В блоке контент собственно и будет вывод новостей, они идут блоками <div class="node">...</div>, у каждого блока с новостью вверху находятся 2 колонки (2 обтекаемых блока), затем все идут один под другим, так чтобы после тех 2х блоков ничего не обтекалось ставлю <div class="_clear"><!-- clear --></div> ._clear { clear: both; } Так вот у первого блока с новостью этот div по высоте разъезжается примерно на 400px - и там образовывается большой отступ, а у всех последующих всё в порядке. Для наглядности приложил скриншот. Прошу …

    Asked by gangsta15,

    0 votes
    5 answers

  2. Горизонтальное меню CSS трабла

    Вобщем, пришлось учится верстать, с горем пополам смог сделать li горизонт, картинки прочее сделал, проблема вот в чем: 1)Нужно чтобы при ховере свечение было от верха панели, а оно начинается от низа текста. Как сделать по другому не пойму, в hover span смещение не работает. CMS Jоомла если поможет 2) не выделяет активную страницу - т.е. юзер просто потеряется, не видя где он Коды вот: HTML <div id="topm"> <li class="about"> <a href="http://testt.ru/" title="О компании"><img src="/templates/sw/images/1.png" /></a> </li> <li class="facility active"> <a href="#" title="Услуги"><img src="/templates/sw/images/2.png"…

    Asked by skifus,

    0 votes
    5 answers

  3. Раскрывающийся список

    Добрый день !!! Сделал раскрывающийся список, но хочу ещё в добавок поставить значок "+" перед списком и сделать так что бы он менялся на "-" если список раскрыт. http://jsfiddle.net/wgyN6/ Честно говоря даже не знаю как лучше сделать, можете подсказать как лучше? Думаю загрузить две картинки и . но как организовать смену этих картинок по щелчку, я не знаю

    Asked by nematora,

    0 votes
    5 answers

  4. min-width и body

    Хм есть блочный макет сайта, в нём есть html, body и #all но вот проблема, при изменении масштаба просмотра в браузере, и появлении горизонтальной полосы прокрутки, их ширина не увеличевается больше 100%, хотя как показывает firebug правило min-width:100%; работает * { margin:0; padding:0; border:0; outline:0; font-size:100%; font-family:Arial; vertical-align:baselinebaseline; } p, html, body, #all { font-size:14px; font-family:Arial; line-height:1; } body, #all { height:100%; background:#fff; color:#000; min-width:100%; } вот CSS <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru" lang="ru"> <head> </head> <body> <div id="all"> …

    Asked by strangerliquid,

    0 votes
    5 answers

  5. LightOpenId

    Здравствуйте! Почему если добавить доктайп, в начало страницы, то при нажатии на кнопку скрипт отказывается принимать GET запрос login? это относится ко всему, если добавить в начало страницы. вот оригинальный пример авторизации через google с библиотеки lightopenid <?php # Logging in with Google accounts requires setting special identity, so this example shows how to do it. require 'openid.php'; try { # Change 'localhost' to your domain name. $openid = new LightOpenID('admin.top-5ive.net'); if(!$openid->mode) { if(isset($_GET['login'])) { $openid->identity = 'https://www.google.com/accounts/o8/id'; header('Location: '…

    Asked by ArtDesire,

    0 votes
    5 answers

  6. Верстка header'a div-aми (резиновый дизайн)

    Люди помогите пожалуйста ... нужно сверстать div-ами хэдер для сайта (см. скриншот) идея такая: слева и справа на одном уровне две готовые картинки с шириной 365пкс и 364 пкс, а в центре (между ними) растягивающаяся картинка. Код прилагается. За ранее спасибо. ХТМЛ <!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="en" lang="ru"> <head> <meta name="robots" content="all" /> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <link rel="stylesheet" type="text/css" href="styles.css" /> <…

    Asked by tarkinsky,

    0 votes
    5 answers

  7. div залезает на другие divы

    Здравствуйте. Скриншот: CSS: *{font-size: 10pt; font-family: Tahoma;} a:link {color: #0066FF; text-decoration: none;} a:visited {color: #006600; text-decoration: none;} a:hover {color: #0066FF; text-decoration: underline;} html, body {height:100%; background-color:#7bc543; background-image:url(3.png);} .maindiv{width:80%; margin:0 auto; height:90%;} .logo{margin-top:30px; height:83px; background-image:url(logo.gif); border: 1px solid; border-color: white; border-radius:15px 15px 0 0;} .menu{width:15%; background: aliceblue; text-align:center; float:left; height:90%;} .content{width:70%; background: aliceblue; text-align:center; float:left; height:90%;} .right{width…

    Asked by GuitarFan,

    0 votes
    5 answers

  8. Выравнивание картинки и текста-ссылки по вертикали

    Здравствуйте! Помогите, пожалуйста, никак не могу разобраться, как можно повлиять на такую ситуацию. Кажется все просто, но я что-то упускаю из вида. Была таблица такого вида: <table cellpadding=0 cellspacing=0 align=center><tr> <td valign=middle><a href="ссылка"><img url="адрес картинки"></a></td> <td valign=middle><a href="ссылка">Название</a></td> </tr></table> Нужно переделать так, чтобы ячейка с картинкой и ячейка с названием стали одной ссылкой. Сделал такого вида: <table cellpadding=0 cellspacing=0 align=center><tr&g…

    Asked by MagAssist,

    0 votes
    5 answers

  9. Неправильное отображение меню в IE7

    Всем привет, подскажите как исправить неправильное отображение пунктов меню на сайте http://zdravyshka.ru/ , пункт "народные средства" почему-то улетает за границы сайта, в других браузерах всё нормально.

    Asked by Knight_Omsk,

    0 votes
    5 answers

  10. тестирование?

    подскажите как установить ие6 на комп , всегда ошибка (имеется новая версия)

    Asked by olechic,

    0 votes
    5 answers

  11. box-shadow + overflow:hidden

    Добрый день. http://jsfiddle.net/X4kbR/2/ Подскажите пожалуйста, как сделать так, чтобы была видна тень у правого, внутреннего блока справа. При этом желательно не увеличивать ширину внешнего блока. <div class="main"> <div class="left"></div> <div class="right"></div> </div> .main { width:200px; overflow:hidden; height:100px; } .left { float:left; background-color:red; width:50px; height:50px; } .right { float:right; background-color:blue; width:50px; height:50px;box-shadow: 3px 3px 5px 0px ; }

    Asked by Буллет,

    0 votes
    5 answers

  12. Верстка на дивах. Как правильно?

    Никогда раньше не задумывался над этим вопросом. Есть структура на дивах - они объединяют функциональные блоки. <div style="padding-top: 30px;"> <select id="create" style="float: left;margin-right: 20px;"> <li>Элемент</li> <li>Элемент</li> </select> <input type="button" value="test" style="margin-right: 60px;float: left;"/> <input type="text" style="width: 400px"></input> </div> <div style="padding-top: 10px;"> <select id="create" style="float: left;margin-right: 20px;"> <li>Элемент</li> </select> <input type="button" va…

    Asked by lost,

    0 votes
    5 answers

  13. Тег <code> или CSS

    Какую роль играет тег code? Он просто меняет шрифт или играет важную роль для поисковых машин. Что если его заменить CSS стилем?

    Asked by bifrein,

    0 votes
    5 answers

  14. frameset и баг скролла ie6

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/2002/REC-xhtml1-20020801/DTD/xhtml1-transitional.dtd"> <html> <head> </head> <frameset rows="*,0" border="0" frameborder="no"> <frame marginheight="0" marginwidth="0" scrolling="no"/> <frame id="2" marginheight="0" marginwidth="0" scrolling="auto"/> </frameset> </html> В id = 2 грузится контент. Если по высоте контент не помещается, то естественно появляется вертикальный скролл. НО. в ие6 вдобавок ко всему появляется еще и горизонтальный скрол. Вопрос: как убрать горизонтальный скролл, учитывая, что при разрешении …

    Asked by Lincky,

    0 votes
    5 answers

  15. Косяк Хрома

    Как сделать что-бы при уменьшении или увеличении блок не становился меньше? http://za-zabor.ru/ Косяк возникает в меню (в виде забора) Вот так должно бытьhttp://itmages.ru/image/view/468883/a47d3af8 А вот так получается http://itmages.ru/image/view/468881/7d57ed7f За ранее спасибо)

    Asked by doox911,

    0 votes
    5 answers

  16. Три div-a подряд

    Доброго всем дня! У меня такая проблемка возникла весь день голову ломаю на форум пришел из крайних мер(( В общем в этом деле я новичок и прошу помощи! У меня есть блок в котором имеются ещё 3 блока(левый,центральный и правый),у левого и правого ширина одинаковая а средним надо заполнить всё оставшиеся место между левым и правым блоком...да что я рассказываю взгляните сами: <!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" /> <link rel="stylesheet" ty…

    Asked by mopnex161rus,

    0 votes
    5 answers

  17. Помогите создать спойлер

    Помогите пожалуйста создать спойлер через классы (ИД не подходит). Проблема 1. Необходимо скрыть под спойлер текст находящийся в классе "quote" <div class="quote">основной текст спойлера</div> Я могу изменить сам класс, но НЕ могу дописать ИД в див: <div class="quote" id="123">основной текст спойлера</div> точнее не не могу, а не хочу дописывать потому что сайт на движке ДЛЕ и новостей 2500 Проблема 2. Спойлер должен открываться нажатием на картинку, причем у картинки есть и своя ссылка: <a href="http://site.com" target="_blank"><img src="image1.png"></a> в результате site.com должен открыться в новом окне, а на старом окне раз…

    Asked by alleclf,

    0 votes
    5 answers

  18. Расположение курсора в input

    Как переместить курсор в начало блока, не в середину, как сейчас? http://jsfiddle.net/USx7h/1/ Спасибо.

    Asked by uteelers5,

    0 votes
    5 answers

  19. Верстка и масштабирование / зум браузера

    Здравствуйте! Уважаемые,не могли бы дать несколько советов,насчет верстки: имею макет трехколоночный(враппер=1000пх/лево=200пх-флоат лефт/центер=600пх-флоат лефт/право=200пх-флоат райт) в целом все отображается нормально,ничего никуда не вылезает,но,если в браузере применить зум(ctrl -),макет начинает разваливаться,правая колонка съезжает вниз,сам не понимаю от чего это происходит,по-этому обращаюсь к вам за помощью,поделитесь мыслями

    Asked by milkeyway,

    0 votes
    5 answers

  20. Тянущийся бэкграунд для элементво списка

    Всем привет. Такая проблема, вожусь уже дня 2, полностью вынесло мозг. Есть такое меню (на картинке максимальный результат, которого мне удалось достигнуть, и то только в опере и файерфоксе). нужно чтобы в активном классе фоновое изображение проклятое растягивалось или сжималось, т.е. как ту на карттинке оно хорошо отображалось как в ие6 и ие7 так и современных браузерах. вок код: <div class="colproduct"> <ul> <li class="colprtext">Отображать товары по:</li> <li class="cpactive"><b> </b><i><span> 4 </span></i><em> </em></li> <li><a href="#" title="40">40</a></li&g…

    Asked by 9EVIL,

    0 votes
    5 answers

  21. Структура блога на HTML+CSS

    У меня есть скромный сайтик http://куз.рф по компьютерной помощи в своем городе. Дабы продвинуть его в поисковиках, решил сделать некий блог, по вопросам компьютерного ремонта, аля How to. (кстати, если кто нибудь подскажет, что еще можно сделать для продвижения - буду признателен*) Создан сайт на фреймворке simpliste, и ни о каких БД речи не идет. Структура простая: несколько страничек html, папка css, папка с изображениями. Я примерно так себе это представляю: Чтобы сделать нечто похожее на блог, я должен создать страничку, скажем http://мойсайт.ru/blog.html, в которой будут обрывки статей, и ссылки на отдельные странички (в папке blog), с видом http://мойсайт.ru/blog/с…

    Asked by B-Real,

    0 votes
    5 answers

  22. Выравнивание рисунков в слое

    Здравствуйте. Возникла проблема в верстке. Существует слой с шириной 940px, необходимо разместить 4 картинки с шириной 200px в одну строку. Остальные картинки с пятой размещаются на второй строке и т.д. 1 и вторая картинки должны быть размещены впритык к левому(для первой) и к правой (для четвертой картинки). Исходя из этого, 940 - (200 * 4) = 140px. Т.е по 46px между 1 и 2, 2 и3, 3 и 4. Для этого я пробовал делать "text-align: justify". Для первой строки картинок все очень хорошо. Но со второй строки отсутствуют отступы: Ссылка на больного: http://ascin.ru/zyuzin/test.html <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="t…

    Asked by fazley,

    0 votes
    5 answers

  23. Изменение цвета рядков таблицы при наведении мышью

    Ребята, помогите пожалуйста - устал гуглить. Есть таблица, колонки из 2-х чередующихся цветов. Для этого установлен дефолтный цвет таблицы, а в нужных колонках явно указывается цвет. Упрощенно, убрав всё лишнее: <table bgcolor=#AAAAAA> <tr> <td bgcolor=#BBBBBB> Колонка 1 </td> <td> Колонка 2</td> <td bgcolor=#BBBBBB> Колонка 3</td> <td> Колонка 4</td> <td bgcolor=#BBBBBB> Колонка 5</td> </tr>; </table> То есть все колонки цвета #AAAAAA, а те в которых указано - цвета #BBBBBB (т.е. колонки 1,3,5) Таких рядков много, они формируются php скриптом исходя из результата запр…

    Asked by Flashback,

    0 votes
    5 answers

  24. вариантЫ эмуляции Last-child

    Подскажите вариантЫ эмуляции Last-child для IE7-8. Для ИЕ7 есть expression ,но IE8 не поддерживает их.Можно конечно через скрипт ,но хотелось узнать способа CSS

    Asked by dostel1,

    0 votes
    5 answers

  25. Проблема отображения таблицы в Хроме, Опере и ИЕ

    Здравствуйте. Вот тут на главной странице concerts.in.ua есть внизу таблица, в Мозилле она отображается отлично, а в остальных браузерах нет. Подскажите пожалуйста, где нужно поправить?

    Asked by param,

    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