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. Не получается отменить дефствие float

    Не могу отменить действие свойства float. Например, есть несколько элементов выстроенных в ряд флоатом. Как-то можно из сделать каждый с новой строки не убирая флоат? Вот пример: http://jsfiddle.net/yhkp3d15/

    Asked by alleclf,

    0 votes
    2 answers

  2. Помогите правильно задать ширину блоков и элементов

    Здравствуйте, я начал изучение HTML и CSS, столкнулся с проблемой правильной разметки и размеров, сайт состоит из мини блоков в которых я размещаю другие элементы сайта, данные блоки имеют разную ширину, которая в сумме составляет 100vw, но итоговый вариант шире чем окно сайта на пару пикслей, понимаю что не правильно сформировал проблему, пока не очень прошарен, поэтому прикреплю скрины 1. код 2.скрин сайта 3.как должна выглядеть страница (макет фигма)

    Asked by Step.UI,

    0 votes
    2 answers

  3. Как сделать раздел "футер" в самом низу под таблицей?

    Как сделать футер в самом низу (Daniil Orlov знак копирайта). https://github.com/rgg877/Site/tree/main

    Asked by rgg877,

    0 votes
    2 answers

  4. как скрыть панель управления браузера

    Задача при переходе на новую страницу скрыть панель состояния, адресную строку и меню. Варианты с Ява скрипт по примеру -window.open("new.html","name","width=700,height=500,toolbar=no,menubar=no,status=no"); не подходят необходимо это сделать без Явы, Есть ли какие-то другие варианты? Какие-то стандартные приемы HTML? Или возможно это как то прописать в CSS как параметры body?

    Asked by alex8,

    0 votes
    1 answer

  5. frD-Как сделать, чтоб таблица тянулась по высоте на 100 %

    сверстал шаблон для joomla сначало в html, чтоб таблица тянуласть по высоте на 100% и не было отступов от границ броузера. <html> <head> </head> <body> <table width="780" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td width="539" height="151"><img src="images/1.jpg" width="539" height="151" /></td> <td width="241" height="151"><img src="images/4.jpg" width="241" height="151" /></td> </tr> <tr> <td width="539" height="46"><img src="images/2.jpg" width="539" height="46" /></td> <td width="241" height="46" align="center" background="images…

    Asked by sc@r@bey,

    0 votes
    1 answer

  6. frD-float - откуда белая полоса?

    Приветствую. Верстаю сайт. Решил по возможности сделать на div-ах. Одна из проблем - фон. <div style="padding: 5; background-color: #808080;"> <div style="width:300;float:left;">Строка Еще строка</div> <div style="width:100;float:left;"><img alt="" src="/ico/counter.png" height="31" width="88" /></div> <div style="width:100;float:right;">Написать письмо</div> <!--<p style="clear:all;"> --> </div> </body> </html> Почему использование float приводит к появлению (все браузеры) на сером фоне контейнера белых (ой?) полос? Что дает эту накладку? Закоментированых фрагмент все приводит в норму, н…

    Asked by Cron,

    0 votes
    1 answer

  7. фигня с таблицами

    есть код: <table cellspacing=0 cellpadding=0 width="100%" height="100%"> <tr> <td style="background-image: url('/img/title.png'); width: 526px" align=center> </td> <td style="background-image: url('/img/title-border.png')"> </td> </tr> </table> т.е. по идее он должен поделить вс? сво? пространство на две части: первая - 526 пикселей, а вторая вс? остальное доступное пространство. В опере 9.2 работает, а в Netscape(как движок IE, так и Firefox) вс? доступное пространство занимается первой ячейкой. Как сделать правильно, чтоб первая часть 526 пикселей, а вторая вс? остально доступное пространство?

    Asked by kolpeex,

    0 votes
    1 answer

  8. фиксирование высоты таблицы

    Нужно сделать так, чтобы при увеличении текста(Ctrl++) табличка не меняла своей высоты. Есть способ: добавить в отдельные ячейки табицы, другую табицу , но так как у меня достаточно много ячеек, то код получится ОГРОМНЫМ! Если кто знает как решить эту проблему или знает другой способ фиксации таблиц по высоте, пишите.

    Asked by V@dimK@,

    0 votes
    1 answer

  9. Эффект перекатывания с помощью стилей

    Здравствуйте! На вашем сайте я прочитал совет эффекта перекатывания с помощью стилей, все понятно. Но у меня возник еще один вопрос. Как с помощью стилей (если это возможно) сделать так чтобы при наведении курсора мыши на картинку в одном месте появлялась картинка в другом, к примеру над ней.

    Asked by mr-mystery,

    0 votes
    1 answer

  10. Проблема с line-height

    Надо в слое установить интервал текста line-height: 2.5, но в IE такая фишка не работает, хотя в Опере и Мозилле все нормально, вот код и стили

    Asked by Shar,

    0 votes
    1 answer

  11. Select

    Возникла небольшая проблема. Есть формочка, в ней селект шириной 100% на всю ширину таблицы. Проблема в том, что если в списке элемент шириной больше чем ширина таблицы - в опере выпадающий список отображается на всю ширину. В IE обрезается. Как можно сделать чтобы список расширялся на всю ширину максимального элемента, не меняя ширину самого select'а?

    Asked by Let(c)hik,

    0 votes
    1 answer

  12. Как сделать таблицу с закругл?нными концами?

    Хочу сделать таблицу с закругл?нными концами. Но у меня получается отступ. Как его убрать? Вот код. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <style type="text/css"> #content { padding: 0px; } </style> </head> <body> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td height="10" width="10"><img src="images/01.gif" width="10" height="10"></td> <td></td> <td height="10" width="10"><img src="images/02.gif" width="10" height="10"></td> </tr> <tr> <td></td> <td id="content"&gt…

    Asked by CRANK,

    0 votes
    1 answer

  13. Закругленные бордюры блока

    Как оформить закругление границ (border) блока по всем четырем углам ?? Если это простой блок, то у него все четыре угла прямые. А то я пытался оформить вложенными дивами (div) с картинками закругленнных углов бордюров. Ничего не получилось. Обьясните как это сделать ? Пример: обратите внимание на цитаты. Вот ссылка http://www.microsoft.com/Rus/Licensing/Pro...alServices.mspx

    Asked by genege,

    0 votes
    1 answer

  14. div и table - совмещение

    Доброго дня! Работая над одним проектом на первом этапе сверстал такое: прум-пум-пум... <div id="top"></div> <table><tr> <td></td> <td></td> <td></td> </tr></table> <div id="podval"></div> так как мучаться с позиционированием колонок не хочется. Есть довод: при уменьшении размера окна, колонки не бегут друг под друга, да с браузерами нет проблем в определении размеров дивов. Но при создании CSS под Печать колонки, насколько я знаю, ужать совсем (display:none) не удасться! И еще меня не оставляет идея. Весь текст находящийся ближе к началу страницы "весит" в поисковиках больше, хотя я не у…

    Asked by Centurion,

    0 votes
    1 answer

  15. Вопрос про таблицу

    как сделать чтобы таблица при масштабировании браузера не каталась и не масштабировалась? Например у меня таблица из двух столбиков. Начинаю горизонтально, с права на лево, сжимать браузер- левый столбик сжимается. С лева на право - правый. А когда по вертикали масштабируешь появляется полоса прокрутки... что бы такого сделать? <table cellspacing=0> <tr> <td height="250" width="210" bgcolor="ffccff"> </td> <td width="590" bgcolor="ccff99"> </td> </tr> <tr> <td height="350" bgcolor="ccff99"> </td> <td height="350" bgcolor="ccff66"> </td> </tr> </table> код обычной таблицы, просто для приме…

    Asked by bART,

    0 votes
    1 answer

  16. Верстка как в Google Support

    Здравствуйте, всё никак не могу сделать такую верстку, как на Google Support Помогите, пожалуйста создать макет как на картинке

    Asked by Haindell,

    0 votes
    1 answer

  17. не растягивается таблица по вертикали, только в Опере и в IE

    Есть таблица(основная) в ней форматируются все остальные элементы, слева есть ячейка, в ней позиционирование элементов осуществляется с помощью дивов. Когда дивы растягиваются ячейка тоже растягивается, таблица соответственно тоже(в теории, но на практике она растягивается только в FF). В Опере тянется только левая ячейка, а все что правее остается на месте. В IE правая часть тянется, но появляются отступы от низа таблицы и от верхней ячейки. Как сделать так чтобы таблица нормально тянулась вместе с ячейкой в Опере и IE.

    Asked by sheff52,

    0 votes
    1 answer

  18. Игнорирование таблицы

    Возможно ли как то указать браузеру что б он скажем на одну из двух таблиц стилей просто не реагировал не удаляя при этом линк ненужной таблицы ?

    Asked by Gorik,

    0 votes
    1 answer

  19. 2 бэкграунда в одном div. Возможно ли?

    Приветствую всех. Подскажите пожалуйста- возможно ли использование двух бэкграундов в одном div? Один бэкграунд выровнен по верхнему краю, другой - по нижнему. Использование вложенных div_ов- решает проблему, но хотелось бы покрасивее.

    Asked by bond84,

    0 votes
    1 answer

  20. Создание thumbnails из divов

    Всем привет. У меня такая проблема, надо сделать много маленьких дивов (~100x100) и чтобы они располагались в виде "плитки", т.е. один за одним, и под другим... Галерея такая в общем. Делаю так: .image_item { float:left; width:100px; height:100px; text-align:center; margin-right:15px; margin-bottom:15px; border:1px solid #9dabc5; background-color:#fcfefd; } <div class = "image_item">Bla</div> <div class = "image_item">Bla</div> <div class = "image_item">Bla</div> <div class = "image_item">Bla</div> <div class = "image_item">Bla</div> <div class = "image_item">Bla</div> ... Все рабо…

    Asked by white.ru,

    0 votes
    1 answer

  21. Создание thumbnails из div`ов - проблема

    Всем привет. У меня такая проблема, надо сделать много маленьких дивов (~100x100) и чтобы они располагались в виде "плитки", т.е. один за одним, и под другим... Галерея такая в общем. Делаю так: .image_item { float:left; width:100px; height:100px; text-align:center; margin-right:15px; margin-bottom:15px; border:1px solid #9dabc5; background-color:#fcfefd; } <div class = "image_item">Bla</div> <div class = "image_item">Bla</div> <div class = "image_item">Bla</div> <div class = "image_item">Bla</div> <div class = "image_item">Bla</div> <div class = "image_item">Bla</div> ... Все рабо…

    Asked by white.ru,

    0 votes
    1 answer

  22. Помогите найти шрифт. Очень нужно.

    Здравствуйте. Вот обращаюсь к Вам за помощью в поисках необходимого мне шрифта. Сам вот уже вторые сутки не могу найти. Вот его образец. Если кто знает что это за шрифт, то не могли бы вы назвать это имя или дать мне ссылку на его скачку. Заранее большое спасибо.

    Asked by krotov.dima,

    0 votes
    1 answer

  23. кнопка отображается выше других элементов

    <!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=iso-8859-1" /> <title></title> </head> <style> input { height: 33px; padding: 0; margin: 0; } </style> <body> <form><input type="text" name="login" value="login" /><input type="password" name="password" value="pass" /><input type="submit" value="login" /></form> </body> </html> Кнопка отображается в firefox выше чем поля login и password. …

    Asked by KitL,

    0 votes
    1 answer

  24. два изображения(url) в background

    подскажите, можно ли в тэга в качестве background,вставить два изображения ( слоями, так, чтобы одно могло накладывалось на другое ). вот сюда надо ещ? background:url(pic2.gif) no-repeat top left; Или без таблицы не обойтись? Спасибо!

    Asked by mixaaa,

    0 votes
    1 answer

  25. Наложение слоя на селект

    Возникли проблемы при наложении слоя на селект в explorer'e

    Asked by Странный_Ник,

    0 votes
    1 answer

  • Обсуждения

    • 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