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. Background оболочки не растягивается

    Доброго времени суток. Проблема в том что фоновая заливка не растягивается из-за того что прописаны float. <!DOCTYPE html><html><head> <title>Clinica</title> <meta charset='utf-8'> <link rel="stylesheet" type="text/css" href="./html5reset-1.6.1"> <link rel="stylesheet" type="text/css" href="./style.css"></head><body><div class="top"> <ul> <li><a href="">Главная</a></li> <li><a href="">О нас</a></li> <li><a href="">Контакты</a></li> </ul></div><div class="white_fon"><div id="wrap"><header><div i…

    Asked by Segnava,

    0 votes
    3 answers

  2. Вложенные блочные элементы

    В процессе изучения html возникли несколько вопросов. Как я понял теги p , h1 и т.д. это элементы которым по умолчанию применены стили такие как отступ слева, справа, сверху снизу (т.е свойство margin). Из определения свойства margin слудеут что оно устанавливает величину отступа. Отступом является пространство от границы текущего элемента до внутренней границы его родительского элемента. Т.е если обернуть тег <p> тегом <div> вокруг тегов p и div должны быть отступы. Но на деле оказывается, что отступов как следует из определения между дочерним и родительским элементом вообще нет. Отступ сверху и снизу который задается для тега p, оказывает влияние на весь б…

    Asked by Maksim55,

    0 votes
    9 answers

  3. Один блок налаживается на другой, второй неактивный

    вот сайт geometrica.biz в хедере есть логотип и два блока меню. Проблема состоит в том что логотип налаживается на два блока меню из-за этого они становяться неактивные. проблема в том что у логотипа стоит z-index выше чем у блоков меню, но я не знаю как это решить, помогите пожалуйста!

    Asked by Fostik,

    0 votes
    1 answer

  4. Проблемы с текстом и полями или как я убил 3 часа впустую

    Всем привет , как вы догадались я рукожопый новичек. Обычно я всегда сначала убьую пару часов на решение проблемы своими силами, чаще всего мне этого времени хватает и у меня все получается, но в этот раз вышло совсем не так. В общем решил я склепать что то типа макета отправленного сообщения, чисто div с названиями , сначала я столкнулся с тем что при изменении масштаба моя верстка разваливается как карточный домик, перепробовав тыщу способов я избавился от border и оставил все сзаливкой что бы понимать где что как. Далее когда я уже все вместе более ли менее собрал решил я проверить как будет выглядеть текст, вставил где что надо и бац, у меня из за текста покосился …

    Asked by denisman,

    0 votes
    2 answers

  5. Пространство вне сайта

    Всем привет! Я новичок, сверстала первый макет и уже второй день не могу разобраться - что за пространство возникает вне сайта, кто из дивов его провоцирует и как его убрать? http://cssdeck.com/labs/ochjkfna

    Asked by Violetta,

    0 votes
    4 answers

  6. Вывод миниатюры аватарки

    Подскажите как сделать вывод миниатюры аватарки как в профиле, в navbar? vBulletin 3.8.7 Полный размер делается так: Создаем новый модуль :продукт – VBulletin Местоположение выбираем – global_start код модуля require_once(DIR . '/includes/functions_user.php');$avatarurl = fetch_avatar_url($vbulletin->userinfo['userid']);if (empty($avatarurl) || !is_array($avatarurl)){ $avatarurl = array('images/noavatar.gif','width="90" height="90"');}В нужное место шаблона вставляем: <if condition="$bbuserinfo['userid']"><div><a href="$vboptions[bburl]/profile.php?$session[sessionurl]do=editavatar"><span></span><img src="$vboptions[bburl]/$avatarurl[0…

    Asked by disait,

    0 votes
    1 answer

  7. Текст в div

    Не буду описывать как долго я пытаюсь решить эту проблему. И вообще я дыбил. Проблема в том что у меня текст высотой в 14 пикселей не влазит в див высотой 25. ОН все время падла под ним, как сделать что бы текст был посередине(выравнивание не помогло, оно только по горизонтали выравнивает) <div class="comment"> <div class="comment-head"> <div class="comment-photo"></div> <div class="comment-name"><p style="text-align: center">name of a man</p></div> </div> </div> div.comment{ width: 250px; border-style: groove; border-radius: 8px; height: 140px; border-width: 1px; } div.…

    Asked by denisman,

    0 votes
    4 answers

  8. Две всплывающих формы на странице

    Добрый день! Вопрос по всплывающим формам на странице HTTP://bloky.ru/catalog/326 На странице есть две кнопки "Заказать". Одна из них, та, что справа вертикально расположена, при нажатии открывает всплывающую форму заявки. Как сделать так, чтобы при нажатии кнопки "Заказать", которая в середине страницы, открывалась такая же форма заявки? Заранее спасибо!

    Asked by marianna9201,

    0 votes
    6 answers

  9. Emmet в PHPStorm ставит лишние отступы и разрывы строк

    пишу вот такую конструкцию: input:button[value=$]*5 ide все понимает правильно, ставит пять кнопок в ряд с названиями от 1 до 5. но, в редакторе код при этом получается с тоннами лишних отступов, лишних разрывов строк и категорически нечитаемый: <input type="button" value="1"/><input type="button" value="2"/><input type="button" value="3"/><input type="button" value="4"/><input type="button" value="5"/>при этом классическое ul>li.item1*5 выстраивает аккуратный столбик с красивыми отступами и переносами строк, точно как в мануале и кнопки мне бы хотелось видеть а таком же аккуратном…

    Asked by quoter,

    1 vote
    10 answers

  10. Как лучше сверстать?

    Есть такое задание 3 блока фиксированной ширины, первый и третий плотно прижимаются к бокам родительского блока. У всех троих ширина одинаковая. Внутри этих блоков будет располагаться контент нескольких форм, как нарисовано, только вот их очередность хаотичная как и нарисовано. Вот теперь сижу думаю, делать все таки 3 колонки, или не стоит? Потом не трудно будет добавить контент в разные блоки через cms? На данный момент дал первому float:left; второму float:right; а тот что посередине задал margin по бокам, родителю добавил clearfix, колонки стоят. Какие еще варианты есть для оформления данного типа страниц?

    Asked by CroaToa,

    0 votes
    5 answers

  11. Распирание страницы

    Есть такой вот сайт. http://resp.4-4-2.com/fussball/HomePage.aspx Задача адаптировать под мобильное устройство. Все на div, должно было быть просто. Но, почему то и не понятно откуда, некий или некие элементы сохраняют свою ширину после применения фиксированной ширины в . И на мобильном устройстве остается горизонтальный скрол. И весь контент тянется на всю ширину как бы в css ничего не писалось. Впервые с таким сталкиваюсь. временно поставили для html { overflow-x:hidden; } - проблема всеравно остается. Даже после применения фиксированной ширины врапера, скрол остается. Подскажите, что почитать, и где проверить или еще чтото.

    Asked by responsive,

    0 votes
    1 answer

  12. Выравнивание li в колонку и переход к следующей, если все элементы не уместились в первой.

    Друзья, добрый вечер! Возникла задача сверстать список. Задача такая: дано, например, 17 li в ul. Требуется, чтобы "по умолчанию" они выравнивались вертикально строго друг под другом в колонке. Колонка может поместить в себе 15 li. Так вот с первыми 15 все ясно, а 2 оставшихся должны переместиться в колонку правее и также выравниваться друг под другом в формате уже другой колонки, но одного списка ul. Как это реализовать? float: left не подходит тут, потому как тогда все li будут строиться сразу в 2 колонки, а главным условием является сперва полное заполнение первой колонки и далее уже, если не поместились в первой, показывать их в колонке рядом. Спасибо.

    Asked by simplehtml,

    0 votes
    2 answers

  13. Верхнее меню

    Здравствуйте, сделал меню, но оно переносится на следующую строку после сужения экрана, как на снимке. Меню делал в генераторе. Что добавить? white-space: nowrap; не помогает. Забыл прикрепить. В нормальном состоянии должно выглядеть вот-так. После манипуляций с масштабами страницы. @import url(http://fonts.googleapis.com/css?family=Open+Sans:400,700); #divmainmenu { width: 822px; /* Ширина слоя в пикселах */ margin: 0 auto; /* Отступ слева и справа */ background-color: #FF0004; height: 51px; background-image: url(pic/menupodl.gif); min-width: 822px; } #cssmenu,#cssmenu ul,#cssmenu ul li,#cssmenu ul li a,#cssmenu #menu-button { margin: 0…

    Asked by Orbos_2000,

    0 votes
    7 answers

  14. Непослушные блоки. =)

    Здравствуйте! Уже довольно много сижу на данном ресурсе, здесь все есть, но сейчас что-то туплю уже несколько часов. Подскажите пож-та, как можно сделать так, чтобы блоки "Окно" всегда находились посередине, при растяжении или сужении окна браузера. Я никак не могу допереть. http://cssdeck.com/labs/yeukebdc

    Asked by IlyaSA,

    0 votes
    4 answers

  15. шрифты в мобильных браузерах

    Добрый день! У меня такая проблема - я подключаю дополнительные шрифты, расположенные на локальном сервере: @font-face { font-family: 'BrandonGrotesqueBlack'; src: url('/fonts/brandon_grotesque_black.ttf') format('truetype'); src: url('/fonts/brandon_grotesque_black.svg') format('svg'); }потом:#left_num .num { font-family: 'BrandonGrotesqueBlack'; font-weight: bold;}Так вот, проблема в том что в браузерах на компе шрифты отображаются правильно, проблем никаких, а вот в мобильных браузерах нет, ни в эмуляторе опера мобайл, ни в опере мобайл и в хроме на андроид планшете шрифт не отображается - показывает тот что по умолчанию. Пробовал размещать CS…

    Asked by kolyan130580,

    0 votes
    1 answer

  16. вопрос по фреймам

    Добрый день. У меня вот такая структура страницы: Можно ли применяя фреймы, при нажатии на ссылку в меню, менять контент вверху и справа(то, что отмечено серым фоном и надписью content), как один документ?

    Asked by Nailya,

    0 votes
    6 answers

  17. Как наложить градиент на текстуру?

    Как наложить градиент на текстуру? Если я задаю множественный фон для body, то видна текстура, а градиента -- не видно. Если создать другой div и там задать градиент, то теперь текстуры не видно.

    Asked by Orarifish,

    0 votes
    2 answers

  18. HTMK & CSS

    Доброго времени суток! у меня проблема с отступами и масштабированием. на десктопе - всё супер, отлично. но стоит зайти через телефон, планшет, весь контент ползёт влево, то что свойством width: 100% - не понятно почему сжимается в 2 раза.. кто сможет помочь? думаю самое рациональное - обменяться скайпами, для более подробного описания и обмена файлами. заранее спасибо, кто отзовётся

    Asked by offroad11,

    0 votes
    2 answers

  19. Top Menu, неровно

    Доброго времени суток, проблема в том что есть том меню и оно почему то вылазит непонято куда. <!DOCTYPE html><html><head> <title>Clinica</title> <meta charset='utf-8'> <link rel="stylesheet" type="text/css" href="./html5reset-1.6.1"> <link rel="stylesheet" type="text/css" href="./style.css"></head><body><div class="top"> <ul> <li><a href="">Главная</a></li> <li><a href="">О нас</a></li> <li><a href="">Контакты</a></li> </ul></div><div id="wrap_outside"> <header id="wrap"> <div> <img src="./i…

    Asked by Segnava,

    0 votes
    5 answers

  20. Вопрос про background-image

    Почему, если картинку сделать фоном, с помощью свойства background-image, то она показывается, а если убрать слово image, то фон не показывается? Ведь background это сокращённая запись, так почему браузер это не понимает? http://cssdeck.com/labs/srcuojfw В HTML на 9 строке, добавьте к свойству background " -image ".

    Asked by DivMan,

    0 votes
    8 answers

  21. Влияние тегов figure и figcaption

    Как влияют теги figure и figcaption на SEO?

    Asked by DivMan,

    0 votes
    1 answer

  22. Верстка обтекаемой таблицы

    Доброго времени суток! Прототип я сделал: http://jsfiddle.net/qRb52/ В нём несколько проблемок, которые хотелось бы решить. во-первых когда окно браузера сужаем, ячейки таблицы тоже начинают сначала сужаться до минимума, как этого избежать, чтобы они оставались квадратными при сужении и просто появлялся скроллбар?в браузере Opera (10.63 в моём случае) при выделении нескольких ячеек таблицы после каждой происходит мерцающее выделение всей таблицы до конца! (в Firefox этого эффекта нет и всё работает как надо). Как этого избежать в опере?Заранее благодарен.

    Asked by EDIsaev,

    0 votes
    12 answers

  23. Центрирование span по вертикали поверх картинки

    Добрый день! Есть такая задачка, не могу отцентрировать по вертикали блок span. CSS .example2 { display:inline-block; position:relative; height:241px; } .example2 span { display:inline-block; position: absolute; top: 40%; left:0px; width:460px; color:#FFF; font-family:Arial, Helvetica, sans-serif; font-size:20px; background-color:rgba(0,0,0,.4); padding:10px 30px; } HTML <div id="slider"> <ul> <li><div class="example2"><a href="http://templatica.com/preview/30"><img src="images/01.jpg" alt="Css Template Preview" /><span class="s1"><span&gt…

    Asked by IntegralAL,

    0 votes
    1 answer

  24. Много кто спрашивал про нестандартное обтекание текста

    http://frontender.info/css-shapes/

    Asked by Galaxy,

    0 votes
    3 answers

  25. Плагин для скролла страницы по горизонтали постранично

    Подскажите, может кто сталкивался? Нужен плагин, который будет листать сайт постранично по горизонтали. По вертикали у меня есть, но вот по горизонтали не могу найти. Какое-то старье попадается, которое left пытается анимировать, когда все нормальные плагины уже перешли на анимацию transform.

    Asked by Zverushka,

    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