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. Как сделать область страницы ссылкой?

    Подскажите, как сделать так, чтобы при нажатии в любую область страницы можно было перейти по ссылке дальше?

    Asked by annalp25,

    0 votes
    2 answers

  2. Как сделать обтекание diva картинкой, при любом экране

    Необходимо чтобы при любом масштабе экрана, изображение прилипло с внешней стороны правой и левой Это делаются 2 картинки? С помощью чего можно реализовать Как пупсы тут ? И какого размера должна быть картинка , если на ней 2 элемента по бокам?

    Asked by Romasa,

    0 votes
    1 answer

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

    Доброго времени суток! Вопрос простой, но поставил в тупик. Нуждаюсь в вашей помощи. Так нужно: http://cl.ly/Lxfv Как есть сейчас: http://codepen.io/joe/pen/AnuEF У меня два вопроса: 1 – Почему длинная строка переносится сразу после картинки? 2 – Каким образом "прилепить" оченьдлиннуюстроку вверх, обратно к остальному тексту? Спасибо! ps: Пробовал использовать wordwrap($string,'­',true), но не смог придумать как определять ширину текста без моноширинного (ибо 40 символов в одном браузере это одно, а в другом уже другое). Пробовал шаманить с word-wrap, text-wrap и white-space, но, видимо, чего-то не понимаю ибо не удалось добиться адекватного результата.

    Asked by TrogWar,

    0 votes
    5 answers

  4. Как сделать обтекание таблицы текстом?

    не могу вставить текст возле таблицы( помогите советом =)

    Asked by atew,

    0 votes
    5 answers

  5. Как сделать обтекание текста по середине рядом с div-кнопкой

    На сайте вверху есть вот такая информация: Вот код: <div class="box-services"><span class="pull-left"><i class="fa fa-refresh">&nbsp;</i></span> <div class="media-body"> <h3><a href="http://www.duoterm.ru/contact-us/"><font><font>Сделать заказ</font></font></a></h3> </div> </div> <div class="box-services"><span class="pull-left"><i class="fa fa-phone">&nbsp;</i></span> <div class="media-body"> <h3><font><font><font><font>+7 916 321-81-40</font></font></font></font>&…

    Asked by guram07,

    0 votes
    2 answers

  6. Как сделать один файл контента на 2 версии сайта?

    Добрый день. Помогите, пжлста, найти способ и реализацию довольно простой задача: Есть две версии сайта — дескопная (HTML, CSS, JQ) и мобильная (HTML, CSS). Никаких наворотов. Все просто. В каждной версии сайта есть страницы с дублирующей друг друга информацией, например, "Регламент игры". Периодически "Регламент игры" обновляется — текст, картинки, ссылки пр. Задача: Как можно реализовать использование единого файла контента, но для 2-х версий сайта? Сразу оговрюсь, я не владею JS и JQ в полной мере — могу сделать copy/past и подправить параметры. Как вариант, думал сделать через <include>, но в декстопной версии верстка табличная, а в мобильной на div'ах. Да и чув…

    Asked by KirTer,

    0 votes
    0 answers

  7. Как сделать одинаковую высоту?

    Друзья. Как сделать одинаковую высоту картинок для блока рекламы? Вот так выглядит код вот такой сделал для картинки .ads img{ float: left; margin-right:140px; display:block; clear:both; } Хочу, чтобы выглядело вот так: то есть размер блока картинки был постоянной высоты, а если картинка меньше, то выровнять вертикально по центру. Если написать так: .ads img{ float: left; margin-right:140px; display:block; clear:both; height:100px; } то некоторые картинки выглядят очень убого из-за растяжения. З.Ы. реклама грузится через ява-скрипт, есть стили всех надписей, на картинке стиля нету, поэтому и извращаюсь

    Asked by kentastik,

    0 votes
    6 answers

  8. Как сделать окно браузера меньше? - JavaScript

    Добрый день. Решил я по-экспериментировать над размерами экрана, и у меня вопрос: как сделать окно браузера размером, допустим, 100х60 или ещё меньше, если возможно? Просто стоит ограничение, можно ли его снять?

    Asked by ErUnDAK,

    0 votes
    1 answer

  9. Как сделать открытие ссылки в новом окне валидным в doctype 4.01 strict?

    Так уж вышло, что параметр target считается устаревшим для <a>. Не нашел другого нормального способа открывать ссылку в новом окне, валидного для HTML 4.01 Strict. Кто знает, подскажите, пожалуйста!

    Asked by obi-wan,

    0 votes
    24 answers

  10. Как сделать отступ

    Ребятки,нужно сделать немного отступ (интервал) между этими изображениями,но чета не получается сверстать мне,подскажите пожалуйста. Вот скрин: Вот код) <div id="social" style="position: fixed; z-index: 9999; margin-bottom: 10px; overflow: hidden; left: 0px; top: 200px; width:auto; height:auto;"> <p><img src="wp-content\themes\maidenhair\images\wifi.png" alt="wifi"></p> <a href="http://vk.com/333" <p><img src="wp-content\themes\maidenhair\images\vk.png" alt="vk"></p> <a href="https://www.facebook.com/312" <p><img src="wp-content\themes\maidenhair\images\facebook.png" alt="facebook">&l…

    Asked by vitaxastifler,

    0 votes
    2 answers

  11. Как сделать отступ для всех рисунков?

    Кто подскажет, как мне сделать чтобы для всех рисунков, применялись параметры hspace и vspace , с помощью цсс.

    Asked by Aatoliy,

    0 votes
    6 answers

  12. Как сделать отступ между Li:before и текстом

    https://codepen.io/nikki4/pen/BGLNOQ Как в указанном примере расположить слово "текст1" по длинный?

    Asked by nikki4,

    0 votes
    2 answers

  13. Как сделать отступ между двумя контейнерами DIV?

    Господа, как бы сделать небольшой отступ между двумя контейнерами, плавающими по левому краю? Старница: http://lexicanum.ru/2columns.html Код страницы: <!DOCTYPE html> <HTML> <HEAD> <LINK REL="stylesheet" HREF="2css.css" TYPE="text/css"> <TITLE> Пригоди хтивих павiанiв Борi i Жори. </TITLE> <BODY> <DIV ID="cheader"> <H1 CLASS="h1_centered">Пригоди хтивих павiанiв Борi i Жори</H1> </DIV> <DIV ID="cnavbar"> <UL> <LI><A HREF="#">Справочник</A></LI> <LI><A HREF="#">Журнал</A></LI> <LI><A HREF="#">Форум психический</A></LI> <…

    Asked by Bertie,

    0 votes
    11 answers

  14. Как сделать отступ от кружка в списке с позицией inside?

    У списка стоит list-style-position: inside; надо от кружочка сделать отступ. если пишу обычный паддинг к li, тогда отступ происходит не от кружка, вместе с кружком

    Asked by nikki4,

    0 votes
    1 answer

  15. Как сделать отступ текста от верха в header?

    Как сделать отступ текста от верха в header? Допустим надпись Скидки должны быть по центру(имеется ввиду от верха) Какая команда отвечает за это?

    Asked by Emelean,

    0 votes
    7 answers

  16. Как сделать отступ текста от верха ячейки

    Буду преблагодарен за ответ на этот простенький вопрос Как сделать отступ текста в данной ячейке таблицы наиболее естесственным образом (без пустых строк/абзацев или встраивания таблицы в ячейку)? Отступ от верхнего края ячейки

    Asked by Wild Rat,

    0 votes
    4 answers

  17. Как сделать отступ?

    Приветствую, помогите пожалуйтса, я только начал учить html, вот и столкнулся с проблемой, хочу сдвинуть таблицу немного вправо, только как я незнаю вот серую таблицу вправо немного, как ее сдвинуть?

    Asked by Mike67,

    0 votes
    4 answers

  18. Как сделать отступы внутри div с параметром fixed?

    Добрый вечер, не могу разобраться как сделать отступы с права и слева внутри div. Есть такой код html: <div class="footerPanel"> <div class="footerPanelPadding"> Footer </div> </div> И есть такой CSS: .footerPanel { position: fixed; bottom: 0; padding: 0 20px 20px 20px; width: 100%; } .footerPanelPadding { width: 100%; background: #2a2c30; } Слева отступ делается, а справа нет. Кто то сталкивался с такой задачей? Вот сайт на котором я это делаю: Перейти на сайт Там снизу страницы увидите проблему

    Asked by awikong,

    0 votes
    2 answers

  19. как сделать отступы для полосы?

    как сделать отступы для полосы? прописываю в CSS вот этот скрипт .bg-p { background-image:url(../images/bg.png); background-position:center; background-repeat:repeat-x; margin-left:15px; margin-right:15px; } все работает, кроме отстопов, где моя ошибка?

    Asked by Bismuth,

    0 votes
    6 answers

  20. Как сделать панель на сайте "Добавить сайт в закладки"

    Здравствуйте, помогите пожалуйста!!! Хочу сделать панель как на сайте google.ru вверху сайта всплывающая панель Помогите пожалуйста, как такую сделать?! Заранее спасибо!!!!!

    Asked by dsgdshsd,

    0 votes
    2 answers

  21. как сделать переадресацию в index на другую страницу

    Добрый день Делая сайт главную страницу назвал main.html ,так как всегда первая страница index то подскажите что мне надо сделать чтобы с index автоматически загружалась main.html . Спасибо

    Asked by bgraf,

    0 votes
    5 answers

  22. Как сделать переключатель

    Всем привет. Подскажите как сделать переключатель между двумя блоками комментариев как здесь вот такой С применением только html и стилей. Как дополнение можно и пример на PHP, но повторюсь больше интересно на html ! Заранее спасибо за ответы.

    Asked by vintorez,

    0 votes
    2 answers

  23. как сделать перелистывание контента на странице?

    Взял простенький psd макет для практики. Возник вопрос. Как сделать так, чтобы при клике на выделенные на скрине стрелочки, контент между ними перелистывался? На данном этапе сделал заголовок и навигационное меню, а также добавил фон. Возможно ли как то решить данную задачу при помощи HTML и CSS?

    Asked by RoninDeath,

    0 votes
    7 answers

  24. Как сделать перенос на новую строку, если не влезает?

    Текст вылазит за рамки границ, как сделать, что бы та часть, которая вылезла, была перенесена на новую строку? П.С. Текст без пробелов.

    Asked by poziman,

    0 votes
    1 answer

  25. Как сделать перенос ооооочень длинной строки

    Как сделать перенос ооооочень длинной строки не имеющей пробелов к примеру такой яяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяя яяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяя только еще в N раз длинее? может кто сталкивался с побным

    Asked by AlexKon,

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