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 htmlbook1,

    0 votes
    5 answers

  2. Как растянуть динамичный фрейма до конца контента

    Как растянуть динамичный фрейма до конца контента, он отображает только часть информации, как это исправить

    Asked by skoch244,

    0 votes
    2 answers

  3. Как растянуть картинку на весь блок, если картинка прописана не в блоке

    Стиль для блока такой: .empty { padding: 0px; width: 45%; height: 200px; float: left; margin: 50px 8px 50px 8px; background-size: 100%; } В коде таблицы вставлены так: <div class="empty"><img src="https://vodoprovodnaya.ru/wp-content/uploads/2018/06/osveshchenie-v-parilke.jpg"/></div> <div class="empty"><img src="https://vodoprovodnaya.ru/wp-content/uploads/2017/10/rimskaya-banya-Terma.jpg" /></div> <div class="empty"><img src="https://vodoprovodnaya.ru/wp-content/uploads/2018/07/postroit-garazh.jpg" /></div> <div class="empty"><img src="https://vodoprovodnaya.ru/wp-content/upload…

    Asked by Омск,

    0 votes
    2 answers

  4. как растянуть картинку на всю доступную ширину блока?

    Добрый день,учусь верстать с псд,выбрал себе макет,и столкнулся с проблемой. http://joxi.ru/D2PKwp0HdlbGNm есть блок,внутри 3 столбца,у каждого есть заголовок. перед заголовком иконка с синим квадратом,после заголовка иконка с пунктиром. пытался сделать все это при помощи псевдоэлементов before и after. <div class="about"> <div class="row"> <div class="col-md-4 about"> <p>services</p> </div> <div class="col-md-4 about"> <p>our tearms</p> </div> <div class="col-md-4 about"> <p>27/7/365 support</p> </div> </d…

    Asked by F4rr3LL,

    0 votes
    13 answers

  5. как растянуть картинку на всю ширину ячейки

    как убрать эти пробелы под пингвинами? <!DOCTYPE html> <html> <head> <title>таблицы</title> <meta http-equiv = "Content-Type" content = "text/html; charset = UTF-8" /> <link rel = "stylesheet" href = "styles.css"/> </head> <body> <table id = "main"> <tr> <td id = "header" colspan = "2">1</td> <tr/> <tr> <td id = "left"> <ul> <li>Главная</li> <li>Главная</li> <li>Главная</li> </ul> </td> <td> <h1 class = "title…

    Asked by ya novenkiy,

    0 votes
    2 answers

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

    Доброго времени суток, форумчане! Подскажите пожалуйста, как растянуть картинку для фона по вертикали? Имеется сайт на Денвере Имеется картинка которая разрезана пополам, одну половинку нужно поместить в левую область (помеченную красным контуром) а другую в правую. Заранее спасибо! UPD: вот примерно то чего я добиваюсь Тыц

    Asked by Nikolaus62,

    0 votes
    6 answers

  7. Как растянуть картинку?

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

    Asked by Евгений_74,

    0 votes
    7 answers

  8. Как растянуть колонки до сайдбара?

    Всем привет! В общем есть 3х колоночный шаблон wordpress. Я хочу, чтобы в нём сайдбар тянулся до самого футера, а размер не зависел от содержания. Кто подскажет как так сделать?

    Asked by shaddad,

    0 votes
    0 answers

  9. Как растянуть контейнер по высоте для фонового изображения

    Здравствуйте! Буду благодарен за помощь: http://jsfiddle.net/zp41stpk/ Необходимо вместо белого цвета (контейнер main) вставить адаптивную картинку - фон. То есть, насколько я понимаю, нужно растянуть main по всей высоте body. Вариант с фоном для body не подходит, так как нужно, что бы изображение растягивалось ТОЛЬКО в контейнере main. Заранее благодарю.

    Asked by volshebnyi,

    0 votes
    4 answers

  10. Как растянуть контент до подвала

    Здравствуйте! Не получается растянуть .content до #footer при отсутствии содержимого или когда мало текста. Подскажите что не так. http://sl100s.narod.ru html <!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="en"> <head> <link rel="stylesheet" href="style.css" type="text/css" media="all"> </head> <body> <div id="page"> <div id="sheet"> <div id="header"></div> <div class="content"><div class="vmenu"></div><div class="pagecontent"></div></div> &l…

    Asked by s100,

    0 votes
    8 answers

  11. Как растянуть контент на всю высоту?

    Подскажите пожалуйста способ растянуть content на всю высоту. Всю голову поломала, почему если задать ему стиль heigh: 100% он не растягивается на всю высоту родителя, даже если у этого родителя задана высота? Нашла только одно решение на дивах: применить бэкграунд с фоном контента к wrraper, но оно мне не подходит. И таблицы тоже( Картинка как надо и не надо <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title></title> <style type="text/css"> .co…

    Asked by vikusik,

    0 votes
    3 answers

  12. Как растянуть меню во всю длину?

    #menu{ min-height:100%; height:100%; position:absolute; padding-top: 38px; padding-left: 30px; padding-right: 30px; width: 240px; top:200px; background: #565656; } #content{ position: absolute; left: 300px; top: 100px; padding: 60px; padding-bottom: 10px; background: white; width:470px; align:center; } Как растянуть меню до низа страницы?

    Asked by Guest Гость_Ирина_*,

    0 votes
    5 answers

  13. Как растянуть меню и сохранить контент по середине?

    Здравствуйте, не подскажите как растянуть выпадающее меню на всю ширину страницы, что бы контент/ссылки так и оставались на середине? Догадываюсь, что проблема в позиционировании "absolute" "relative", но знаний не хватает куда что прописать. Вот код css: #menu-wrapper {display:block; width:960px; margin: 0 auto;} /* Reset */ .nav, .nav a, .nav ul, .nav li, .nav div, .nav form, .nav input { margin: 0; padding: 0; border: none; outline: none; } .nav a { text-decoration: none; } .nav li { list-style: none; } /* Menu Container */ .nav { display: inline-block; position: relative; …

    Asked by vignaliizada88,

    0 votes
    0 answers

  14. как растянуть на 100% div-блок (position:absolute;)?

    В общем, проблема такова: есть div-блок, котрый позиционирован по абсолютным координатам, допустим, слева:100px и сверху:100px; Мне нужно его растянуть до низа страницы - т.е. сделать высоту:100%. Пишу, значит: height:100%; и происходит следующее: этот div-блок "вылезает" за низ экрана ровно на столько, на сколько я его отодвинул сверху - на 100px!!! Что делать? Может я изначально неправильно делаю? Как растянуть этот блок ровно до низа экрана? А, еще, доктайп: quot;-//W3C//DTD HTML 4.01 Transitional//EN"> В IE этот прикол со 100% работает корректно - ниче никуда не вылазит, а в Мозилле глюки - вылазит!

    Asked by artuska,

    0 votes
    23 answers

  15. Как растянуть область страницы до предела

    Добрый день! Я не совсем опытный сайтописатель, но кое-как создал себе сайт из готового шаблона на Джумле. Обратил внимание, что центральная область моего сайта, если в ней мало текста сжимается до размеров самого текста. Ссылка вот: http://www.wide-format.by/index.php/articles Пробовал ковырять CSS, много всего меняется, а именно эту проблему не получается исправить. Можете ли подсказать, в каком направлении двигаться, чтоб исправить проблему? Какой тэг где прописать или что? Спасибо!

    Asked by RSM,

    0 votes
    4 answers

  16. Как растянуть равномерно меню

    Сайт http://vivatlatour.ru/about Не получается отцентровать меню, помогите объясните ) html <!-- menu --> <div id="base_menu"> <div id="menu_l"> <ul id="menu"> <li class="first"><a href="#">О компании</a></li> <li><span>Страны</span></li> <li><a href="#">Новости</a></li> <li><a href="#">Отели</a></li> <li><a href="#">Навигатор</a></li> <li><a href="#">Подбор тура</a></li> <li><a href="#">Спецпредожение</a></li> <li class="last"><a href="#">Контакты</a&g…

    Asked by Mary_RND,

    0 votes
    10 answers

  17. Как растянуть рамку div-а по содержимому?

    Здравствуйте! У меня на странице элемент с постоянно меняющимися размерами заключ?н в рамку. Код такой: <div class="myborder2"></div> .myborder2 { border: 1px solid blue; width:auto; padding:0px; position:relative; display:table; } Из-за display:table; это дело не работает в IE (элемент имеет ширину, равную ширине страницы). Подскажите пожалуйста кроссбраузерное решение проблемы. Заранее спасибо.

    Asked by realmadrid,

    0 votes
    4 answers

  18. Как растянуть родительский div?

    Имеется страничка: <div id="cover"> <div id="top"> ......... </div> <div id="bottom"> .......... </div> </div> Для cover прописано в css background шириной в сайт и высотой в 1 пиксель с репитом y. Для top и bottom соответственно background верхней и нижней части сайта. Идея была в том, что бы когда контент больше высоты top, то он двигает bottom, а пустое место заполняется background'ом от cover. Но оно не работает, т.е. если я явно прописываю высоту какого-нибудь вложенного div'а, то всё ок, а если нет, то контент просто налезает на bottom и лезет дальше вниз. Как сделать правильно?

    Asked by webstark,

    0 votes
    8 answers

  19. Как растянуть родительский блок по вертикали по высоте содержимого

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

    Asked by armageddance,

    0 votes
    5 answers

  20. Как растянуть сайдбар по высоте, вровень с контентом?

    Всем привет, Как растянуть сайдбар по высоте, вровень с контентом? height:100%; - не работает, min-height:100%; - не работает, margin-bottom: -32767px; padding-bottom: 32767px; - не работает, есть ли ещё способы? Дивы стоят так: <div id="wrapper"> [indent]<div class="sidebar" style="float:left;"></div>[/indent] [indent]<div class="content" style="float:left;></div>[/indent] </div>

    Asked by freeentr,

    0 votes
    3 answers

  21. Как растянуть сайдбары на всю высоту страницы?

    html http://pastebin.com/Tsg1WtAM css http://pastebin.com/zgDHRYq1 Как растянуть left-sidebar и right-sidebar на всю высоту страницы?

    Asked by Goblin404,

    0 votes
    1 answer

  22. как растянуть сайт на весь браузер если на странице мало контента

    в общем есть вот такое нужно получить либо такое либо такое подскажите как это сделать, пересмотрел кучу всего, есть статьи про выравнивание сайдбароа, пробовал предложенные техники не сработало

    Asked by AlexKon,

    0 votes
    21 answers

  23. Как растянуть сайт, со всем содержимым

    Вот сайт pechati89. как мне его сделать пошире? и грамотно сдвинуть сайдбар и контент? /* LAYOUT */ body { background: #FEFEFE; } #wrapper { background: url(images/wrapper-bg.jpg) center top no-repeat; } #container { width:1200px; margin:40px; } #contentwrap { background: #FFFFFF; } a { color: #000000; text-decoration: underline; } a:hover { color: #CF81A4; text-decoration: none; /* CONTENT */ #content { padding: 15px 5px 15px 0; color: #504D4D; } pre { overflow: hidden; width: 470px; } .post { padding:10px 0 10px 0; margin-bottom: 20px; } .post p { margin-bottom: 10px; и /* SIDEBAR(S) */ .sidebaradbox { margin…

    Asked by alex89,

    0 votes
    2 answers

  24. Как растянуть слайдер на всю секцию?

    Есть футер и есть шапка. Футер не фиксированный. Между ними контент. Первый экран контента один большой слайдер. Как его растянуть на всю секцию первого экрана? Шаблон адаптивный. Максимальная ширина контента 1200px. Пробую прикрутить jquery плагины со слайдерами, но как их вытянуть на высоту 100%? Думал через абсолют, но во всех слайдерах чёрт ногу сломит и где-то глубоко в коде скриптом задаются стили и позиционирование. И не факт, что абсолютом заведётся. То есть в итоге задача растянуть по высоте и ширине слайдер или бэкграунд слайдера, что бы он был на всю ширину экрана и резиновый по высоте. Но контент слайдера должен быть максимально по ширине 1200px при…

    Asked by tefery,

    0 votes
    5 answers

  25. Как растянуть страницу?

    Оброзовалась проблема,нужно растянуть страницу под разрешение экрана,т.е. чтобы страница автоматически растягивалась под разрешение экрана.Стоит фон страницы картинка.

    Asked by vl@dvk,

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