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. Как выровнять текст в вертикальной ячейке

    Текст в вертикальных ячейках переносится по словам, а не использует всю высоту ячейки. Помогите разобраться, как сделать, чтобы каждое отдельное словом не переносилось на новую строку. http://jsfiddle.net/f3gem5kj/2/

    Asked by baadmaad,

    0 votes
    2 answers

  2. Как выровнять текст в ссылках по ширине?

    Есть менюшка из нескольких ссылок. Вот код: <div class="header_menu"><div> <a href="index.html" class="logo"><span>ИНВЕСТ</span> ПРОЕКТ</a><br /> <a href="">архитектурные проекты</a><br /> <a href="">проекты интерьеров</a><br /> <a href="">подробности и цены</a> </div></div> Стили: .header_menu{padding-bottom: 99px;} .header_menu div{float: right;} .logo{height: 13px; display: block; margin-bottom: 18px; font: 18px Impact; font-weight: bold;} .logo span{color: #fff;} .header_menu a{margin-bottom: 16px; display: block; text-align:justify;} .he…

    Asked by ndiezel,

    0 votes
    1 answer

  3. Как выровнять текст вертикально по центру в диве?

    Конструкция: div { height: 200px; display: table-cell; vertical-align: middle; background:#CCC; } не работает в ие6! Какой можно использовать универсальный кросбраузерный способ для выравнивания текста (или чего-нибудь другого) внутри дива? —————— Поторопился тему создавать. Нашел ответ: http://forum.htmlbook.ru/index.php?showtopic=16174 Модеры, убейте тему!

    Asked by Semreg,

    0 votes
    0 answers

  4. Как выровнять текст внутри div

    В коде ниже у меня не получается выровнять текст по левому краю, липнет к правому. Подскажите, как это сделать? <!--noindex--> <div style="background-color: #f8f8f8; margin: 10px 0 10px 0; text-align:left; " ><div style=" float: left; padding: 10px;"><img src="/wp-content/uploads/2018/02/1-2.png" /> </div> <!--в div-е ниже нужно выровнять текст по левому краю--> <div style=" float: right; padding: 10px 20px 10px 10px; text-align:left; "> <p><a href="/testy" rel="nofollow">Хорошо ли вы знаете свои уши?</a></p> </div> …

    Asked by fowl,

    0 votes
    2 answers

  5. Как выровнять текст по вертикали, чтобы всегда был по центру поля?

    <div class="sitebar_body"><ul><li><a href="#"><ul><li class="sb_img_1" id="p_1"></li><li class="sb_txt_1"><p>Плита безопалубочного формирования</p></li></ul></a></li><li><a href="#"><ul><li class="sb_img" id="p_2"></li><li class="sb_txt"> <p>Колонны</p></li></ul></a></li><li><a href="#"><ul><li class="sb_img" id="p_3"></li><li class="sb_txt"><p>Ригели</p></li></ul></a></li><li><a href="#"><ul><li class="sb_img" id="p_4"><…

    Asked by Fizruk,

    0 votes
    2 answers

  6. Как выровнять текст прижав к низу diva

    Html <header> <div class="container services"> <div class="row"> <div class="col-md-2 col-xs-2 service"> <a href="#"> <img src="img/Shape 108.png" class="main" alt=""> <p>Услуги<br/>поликлиники</p> </a> </div> <div class="col-md-offset-1 col-xs-offset-1 col-md-2 col-xs-2 service"> <a href="#"> <img src="img/Shape 127.png" class="main" alt=""> <p>Услуги<br/>поликлиники</p> </a> </div>…

    Asked by Sunboy,

    0 votes
    5 answers

  7. Как выровнять текстовые блоки

    Как выровнять текстовые блоки Как можно делать блоки ровным. От зависимости текста. Одного блока больше текст и остальные высота боки чтобы были ровным. http://my.jetscreenshot.com/1668/20100216-vozf-44kb.jpg

    Asked by xaero,

    0 votes
    3 answers

  8. Как выровнять три блока для ИЕ 5.5 и 6 ?

    Всем доброго здравия, хорошего дня и прекрасного настроения. Мои познания = 0.0001. Прошу не пинать, а если все-таки, то, пожалуйста, не ногами и не по голове. Вопрос. Имеем три <div>. Задаем одному float:left, другому - float:right и отступ слева третьему и во всех браузерах они встают - как и ожидается - на одно линию по горизонтали. Однако в ИЕ 6 (и ниже) третий блок всегда смещается на "строку" - т.е. на высоту др. блока - вниз. Как с этим бороться? Вот код: HTML: <body> <div id="div-raum"> <div id="div-cont-links"> </div> <div id="div-cont-mitte"> </div> <div id="div-cont-rechts"> …

    Asked by copyright,

    0 votes
    8 answers

  9. Как выровнять форму

    Есть форма отправки с таким кодом,но в Опере и IE верхние два поля по середине,а не прижаты к левой стороне.Как поправить на Html?CПС всем кто откликнется! http://batikgallery.ru/Contacts.html <TABLE width="446"> <TR> <TD ALIGN="right" width="136"><strong><em>Ваше имя</em></strong></TD> <TD width="298"><font face="Arial"><INPUT NAME="Login" align="left"SIZE=25></font></TD> </TR> <tr> <TD ALIGN="right" width="136"><strong><em>Ваш E-mail</em></strong></TD> <TD width="298"><font face="Arial"><INPUT NAME="E-mail" SIZE=25></font&…

    Asked by stardel,

    0 votes
    3 answers

  10. Как выровнять форму на сайте?

    Хочу установить форму заполнения регистрации по середине сайта, как я могу это сделать?

    Asked by Holuses,

    0 votes
    0 answers

  11. как выровнять элемент по центру страницы

    например как здесь http://www.ya.ru/

    Asked by sc@r@bey,

    0 votes
    7 answers

  12. Как выронить блоки?

    Нужно чтобы блоки стояли так: Сейчас блоки стоят так: Подскажите, пожалуйста, как выронить блоки, чтобы они стояли ровно? Код: #content {margin-left: 270px;padding: 10px;background: #f0f0f0;height: 900px;}.cat {height: 190px;width: 340px;float: left;padding: 1px;margin-top: 20px;margin-left: 20px;text-align: left;border: 1px solid #8fa09b;background: #ffffff;}—-<div id="content"><div class="cat"></div><div class="cat"></div><div class="cat"></div><div class="cat"></div></div>

    Asked by Anna-15,

    0 votes
    5 answers

  13. Как выставить DIV ?

    Здравствуйте. Как выставить ДИВ блок, чтобы в независимости от разрешения монитора, он был в середине всегда? Размеры фиксированные. Есть мысль, что через position, но не знаю какой параметр применить http://zhaitan.ru/

    Asked by Tezil,

    0 votes
    3 answers

  14. Как выстраиваются строковые блоки внутри контейнера строки?

    Привет. 1. Первый вопрос по CSS. Если задать font-size>line-height, например, font-size:24px и line-height:12px, то половинный интервал будет отрицательным (-6px). не могу представить поведение строчного элемента, когда у него половинный интервал отрицательный. <p style="fontsize: 12px; lineheight: 12px;"> This is text, <em>some of which is emphasized</em>, plus other text<br> which is <strong style="fontsize: 24px;">strongly emphasized</strong> and which is<br> larger than the surrounding text. </p> Не понимаю, почему в данном примере контейнер строки по высоте равен 15 пикселей (источник - кн…

    Asked by DimonQwertyevich,

    0 votes
    4 answers

  15. Как выстроить блоки div с разной шириной в один ряд

    Всем привет, такая вот у меня проблема: <div class="block"> <img src="img.jpg" /> <h3>Заголовок</h3> <span>Текст, примерно одно предложение</span> </div> Это будут товары в каталоге, блоков будет много, как можно выстроить их в ряд, типа float:left, но с тем условием, что ширина картинки может быть разная, и в зависимости от этого менялась бы ширина блока и текста в span, в итоге лишние блоки переносятся на нижнюю строку, а в строке их может быть, в одной 3, в другой 4, в зависимости от ширины картинки и соответственно блока. При фиксированной ширине - это понятно, а вот так, не знаю куда копать

    Asked by galaydas,

    0 votes
    10 answers

  16. Как выстроить в 1 строку ссылку с картинкой?

    У меня есть 2 ссылки с картинкой (стрелка), мне нужно разместить их зеркально друг от друга (типа назад и вперёд), пробовал через div но оно на разных стоках. Если просто отдельно для каждой делать, то они на разных высотах по (y) пикселей 5 (фиг знает). Подскажите как можно их выровнить

    Asked by MadlYSmiling,

    0 votes
    1 answer

  17. Как выстроить картинки с текстом в строчку при любом разрешении?

    Здравствуйте. Подскажите пожалуйста кто знает, как с помощью css реализовать следующее. У меня на сайте в шапке сделана такая конструкция: 1-я картинка, а справа от нее в столбик 3 слова. 2-я картинка, а справа от нее в столбик 3 слова. 3-я картинка, а справа от нее в столбик 3 слова. Все эти 3 картинки со словами выстроены в строчку, т.е. если разрешение экрана позволяет, то они располагаются на одном уровне. Если разрешение экрана меньше (например, на смартфоне), то слова в столбике могут располагаться ниже картинки, а не справа от нее. Хотя места справа вроде бы достаточно. Получается не очень красиво. Код HTML: <div id="header_image">…

    Asked by Webast,

    0 votes
    1 answer

  18. как выстроить так блоки?

    http://joxi.ru/KAx9lOxU0wGkr8 displa inline-block vertical-align top не помогают masonry?

    Asked by raptor-dm,

    0 votes
    4 answers

  19. Как выстроить элементы

    В общем есть такой код <div style="width: 150px;"> <center><a href="#">Ссылка</a> <br><img style="max-width: 150px;" src="#" border="0" alt="" /></center> <div style="float:right; margin-right: 5px;"><a href="#">Ещё ссылка</a></div> </div> Как сделать чтоб когда я добовляю ещё один код, т.е. <div style="width: 150px;"> <center><a href="#">Ссылка</a> <br><img style="max-width: 150px;" src="#" border="0" alt="" /></center> <div style="float:right; margin-right: 5px;"><a href="#">Ещё ссылка</a></div> </div> <div style="width: 1…

    Asked by ВэйДлин,

    0 votes
    5 answers

  20. Как выстроить элементы в 2 колонки?

    Помогите пожалуйста разобраться как выстроить ссылки в 2 колонки. Например, есть 8 ссылок, их необходимо разместить в 2 колонки. Используя float:left ссылки выстраиваются вот так: — ссылка 1 ———————-- ссылка 2 — — ссылка 3 ———————-- ссылка 4 — — ссылка 5 ———————-- ссылка 6 — — ссылка 7 ———————-- ссылка 8 — Вот код - http://jsfiddle.net/238cpzhq/ Можно ли их выстроить вот в таком порядке: — ссылка 1 ———————-- ссылка 5 — — ссылка 2 ———————-- ссылка 6 — — ссылка 3 ———————-- ссылка 7 — — ссылка 4 ———————-- ссылка 8 — вроде как сначала одна колонка заполняется, потом вторая. ПС: в коде, ссылки менять местами нельзя )))

    Asked by alleclf,

    0 votes
    2 answers

  21. Как вытянуть блок?

    Добрый вечер! Помогите, пожалуйста с блочной версткой! Никак не постигну эту науку! <!-- Стили --> <style> div{ border:solid 1px; } .main{ width:800px; } .left{ width:146px; float:left; } .content{ width:650px; float:right; } .footer{ width:800px; } .l1{ height:50px; } .l2{} </style> <!-- Разметка --> <div class="main"> <div class="left"> <!-- левая колонка --> <div class="l1">l1</div> <!-- постоянная высота --> <div class="l2">l2</div> <!-- должна тянуться до низу --> </div> <div class="content"> <!-- основная (правая) колонка --> c…

    Asked by san4ezy,

    0 votes
    1 answer

  22. Как вытянуть сайдбар?

    Доброго времени суток! Возник такой вопрос: Шаблон framework для Wordpress. Необходимо растянуть и залить сайдбар до футера. То есть непрерывная, колонка с меню, контентом и т.д. Поскольку используется продвинутая тема framework (Catalyst Theme), нет возможности менять html, но есть опция вставки своего CSS кода. Пробую решить задачу с помощью CSS. Что хочется сделать: Что есть сейчас height: 100% не работает. Объяснил как смог. Уважаемые форумчане, прошу помощи в решении этой задачи.

    Asked by Kiter,

    0 votes
    0 answers

  23. Как вычислить бота?

    Здравствуйте, товарищи!! Есть небольшой вопрос. Например, на форумах по типу Invision Power Board(типа нашего forum.htmlbook.ru) есть такая функция как "Определение поисковых ботов" - типа GoogleBot или YandexBot - как она реализована? Если я правильно понимаю принцип работы этой системы, то у каждого пользователя, обращающегося к форуму, проверяется IP-адрес, и, если он совпадает с IP-адресом GoogleBot'а или YandexBot'а, то боту просто выдается версия сайта для ботов(ну, или к примеру что-то другое - типа "Боты - дураки" :-) ). Я правильно понимаю? Или там какой-то другой метод - например, потому что у ботов может быть в разное время разный IP. Или, скажем, по рефферу вы…

    Asked by rome.ro,

    0 votes
    5 answers

  24. Как вычислить высоту горизонтальной линейки прокрутки?

    Никто не знает, есть ли способ средствами JavaScript узнать высоту горизонтальной и ширину вертикальной линеек прокрутки, когда они появляются в слое с overflow: auto? Или, может быть, есть способ самому назначить эти размеры?

    Asked by dvm,

    0 votes
    0 answers

  25. Как вычисляется высота блока текста из нескольких строк

    Народ! Помогите советом, а то я уже мозг себе сломал. Пишу на чистой странице простой код вроде вот такого: <span> Это какой-то проверочный текст <br/> разделенный на две строки </span> Выставляю ему font-size=72px и line-height=72px, потом смотрю в файрбаге высоту получившегося куска - получается 153 px. Получается вроде бы понятно: 72 пикселя на первую строку, еще 72 на вторую и плюс 1/8 высоты шрифта (т.е. 9 пикселей) на интервал между строками. Лезу в разрабатываемый проект, где в блоке div записан текст из двух строк с точно такими же font-size=72px и line-height=72px, смотрю высоту - показывает 205 px. Убираю там одну из строк - высота становитс…

    Asked by GRIG,

    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