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. Трехколоночная адапривная верстка

    Доброго дня, дамы и господа. Вопрос: Нужно сверстать трехколоную страницу на которой бы при сужении экрана боковые колонки одновременно убегали под центральную главную. Колонки: <div class="wrapper"> <div class="main"></div> <div class="left"></div> <div class="right"></div></div> Стили: .main { width: 800px; margin: 0 200px;}.left { width: 200px; float: left;}.right { width: 200px; float: right;} и они действительно при малом экране стают так, как надо: @media (max-width: 999px) { .main {width: 100%;margin: 0;} .left, .right {width: 50%;} Но если окно 1000px и больше, то получается так: Если код помен…

    Asked by Ivan-P,

    0 votes
    4 answers

  2. трёхколоночная вёрстка

    помогите ! есть два сайдбара, left и right (float:left и float:right соотв.) посреди них есть таблица, которая должна тянуться при растягивании сраницы что нужно ей прописать чтобы она растягивалась и при этом не лезла под сайдбары ( width:100% не работает )

    Asked by cardsmoney,

    0 votes
    2 answers

  3. Трехколоночная верстка на DIV'ах

    Всем привет! Помогите пожалуйста решить проблему с версткой: <!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=windows-1251" /> <title>Untitled Document</title> <style type="text/css"> html, body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, fieldset {margin:0; padding:0;} h1 {font-size: 20px; font-weight:normal;} h2 {font-size: 18px; font-weight:normal;} h3 {font-size: 16px; font-weight:normal;} h4 {font-size: 14…

    Asked by DeNSpb,

    0 votes
    4 answers

  4. Трехколоночная шапка, резиновый блок + вертикальное выравнивание

    Здравствуйте, тут впервые. Собственно вопрос - делаю 3х колоночную шапку т.е. 3 блока помещены в фиксированный блок (980px), два из них - те что по бокам фиксированы, тот что в середине - растягивается на всю оставшуюся ширину, и к тому же ему задается свойство display: table-cell, чтобы можно было сделать вертикальное выравнивание по центру. Но дело в том что display: table-cell и float: left вместе работать не будут, просьба помочь как сделать чтобы было и float: left и вертикальное выравнивание внутри блока? Только чтобы было наименее извращенней) Ниже прикрепил наглядный пример. HTML: <div id="header"> <div class="header_left"> </div> <div cl…

    Asked by gangsta15,

    0 votes
    11 answers

  5. Трехколоночный макет

    Решил сделать верстку слоями с помощью плавающих элементов. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Strict//EN"> <html> <head> <title>Hellow world!</title> </head> <body style="margin:0; padding:0"> <div style="width:200px; padding:0; margin:0; height:100px; background-color:green; float:left; color:yellow;"> Первый </div> <div style="width:200px; height:100px; background-color:red; float:right;"> Третий </div> <div style="height:100px; background-color:blue; color:white;"> Второй </div> </body> </html> Все бы ничего да в ИЕ между средним слоем и двумя другими образуют…

    Asked by Postal,

    0 votes
    3 answers

  6. Трехколоночный макет

    Всем привет! Хотелось бы поинтересоваться у опытных людей =) Есть трехколоночный макет. Необходимо сделать так, что при удалении правой или левой колонки , центральная колонка занимает ее ширину. Интересует как это можно сделать на дивах для IE7,IE6. Понятно, что для других браузеров можно просто назначить табличное отображение средствами css. А для IE7,IE6 не понятно =( Заранее спасибо за ответ!

    Asked by Enita,

    0 votes
    11 answers

  7. Трехколоночный резиновий макет

    Если проблема - http://img18.imageshack.us/img18/3449/96311259.png <html> <head> <title>blu</title> <style > * {margin: 0;padding: 0;} #log { border: 1px red solid;height: 25px;width: 100%; } #wrapper {border: 1px red solid;margin: 0 40px;} #head {height: 100px;border: 1px yellow solid;} #speedbar {width:100%;border: 1px black solid;height:20px;margin: 10px 0 0;} #content {overflow: hidden;width: 100%;} #left {float: left;border: 1px red solid;height:30px;width: 250px;margin: 10px 0;} #center {border: 1px green solid;height: 40px;margin: 0px 270px 0px 260;} #right {float: right;border: 1px red solid;height:30px;width: 250px;margin: 10px…

    Asked by Mr.Black,

    0 votes
    4 answers

  8. Трехколоночный резиновый сайт

    Доброго времени суток уважаемые форумчане! Верстаю трехколоночный резиновый сайт,возникала проблема в ie6,при уменьшении окна браузера не появляется полоса прокрутки,хотя вроде как все правильно сделал через javascript Вот весь код: <!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" lang="ru"> <head> <title></title> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <link rel="stylesheet" type="text/css" href="all.css" /> <!--[if lt IE 7]> <style type="text/css"> #conten…

    Asked by tanaka,

    0 votes
    4 answers

  9. Трехуровневое меню

    Здравствуйте! Есть трехуровневое меню типа: <ul> <li> Menu1</li> <li class="active"> Menu2 <ul> <li>Submenu1</li> <li>Submenu2</li> <li class="active">Submenu3</li> <ul> <li class="active">SubSubmenu1</li> <li>SubSubmenu2</li> <li>SubSubmenu3</li> </ul> </li> </ul> </li></ul>При выборе пункта меню, ему присваиваетс…

    Asked by Master2KAZ,

    0 votes
    4 answers

  10. Три "float" и "clear:both;"

    У меня получается это: А надо это: Вот код: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <style type="text/css"> #left { height:150px; width:100px; float:left; background:#990000; } #inner_left { height:80px; width:70px; float:left; background:#3366FF; margin-right:10px; } #right { width:100px; height:250px; float:right; background:#990000; } #center { margin-left:110px; background:#339966; margin-right:110px; padding:10px; margin-bottom:10px; } .clearfloat { clear:b…

    Asked by tga123,

    0 votes
    4 answers

  11. Три div-a по горизонтали. Резина

    Привет всем, сам долго голову ломал, решил написать. Задача: Сделать 3 вертикально отпозиционированных div-a, два из которых (левый и правый) с фиксированным размером в px, прижаты к краям браузера. Третий резиновый, с фиксированной минимальной шириной в px, заполняет всю оставшуюся область между двумя крайними. Сложности: В принципе задумка у меня получилась, но я так и не смог сделать корректное масштабирование (при уменьшении масштаба правый div уходит за средний). Жду предложений, заранее спасибо.

    Asked by mazahaker,

    0 votes
    1 answer

  12. Три div-a подряд

    Доброго всем дня! У меня такая проблемка возникла весь день голову ломаю на форум пришел из крайних мер(( В общем в этом деле я новичок и прошу помощи! У меня есть блок в котором имеются ещё 3 блока(левый,центральный и правый),у левого и правого ширина одинаковая а средним надо заполнить всё оставшиеся место между левым и правым блоком...да что я рассказываю взгляните сами: <!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=windows-1251" /> <link rel="stylesheet" ty…

    Asked by mopnex161rus,

    0 votes
    5 answers

  13. Три div'a в одном диве горизонтально.

    Ребят а подскажите как сверстать такую штуку (смотри скрин). ФОТО Вот HTML: <div id="t0"> <div id="t1"> </div> <div id="t2"> </div> <div class="t3"> </div> </div> Мне нужно чтобы блок 1 был 100 px, блок 3 - был 100 px, блок 2 растягивался на все остальне пространство. Проблема в том что они не находятся на одной линии (1-ый стоит как и должен стоять, а вот второй, почему то смещается по горизонтали вниз (когда должен быть на одной линии с первым), выходя за слой t0) Подскажите как сделать? Спасибо.

    Asked by tarkinsky,

    0 votes
    4 answers

  14. Три div'а в ряд

    Здравствуйте.Имеется три div'a , которые нужно расположить так , чтобы два блока , которые по бокам растягивались по мере уменьшения масштаба , а центральный оставался по середине и не тянулся , возможно такое дело осуществить? Вот пример , только здесь width указан точно в пикселях ; пробовал ставить width:100% не помогло ;( Заранее спасибо

    Asked by Zerro76,

    0 votes
    2 answers

  15. Три адаптивных колонки с изображениями разного размера и колонкой с текстом

    Привет местным Возник вопрос он скорее всего очевидный, но даже не знаю как правильно у гугла спросить, а сам не могу сделать Надеюсь на вашу помощь. Нужно сделать три адаптивных колонки с изображениями разного размера и колонкой с текстом. Вот корявый пример на фиделе того что я хочу https://jsfiddle.net/bagow/ybzh6s8h/8/ Важно что бы картинки оставались одной высоты до того момента как спрыгнут на разные строки, и что-бы 1 с 3 колонки были одинаковые а 3 соответственно занимала все свободное пространство 20\60\20.

    Asked by dimabagow,

    0 votes
    2 answers

  16. Три блока div (три колонки) в одном (IE6)

    Уже два дня мучаюсь с проблемой... Во всех браузерах приведенный ниже код, нормально растягивает средний блок div (синий) на 100%, а в IE 6 по краям получаются какие то отступы (при разрешении 1280х1024). Подскажите плиз в чем может быть дело? Вот код: <div id="header"> <a href="pa1.ru" title="Строительная компания" style="text-decoration: none;"> <div id="header1"> </div></a> <div id="header2"> </div> <div id="header3"> </div> </div> <div id="header_sign"> постройка домов, бань </div> <div id="logo_sign"> …

    Asked by tarkinsky,

    0 votes
    2 answers

  17. Три вопроса

    Решил сверстать сей макет: изображение удалено Возникло несколько вопросов по верстке: Как сделать, чтобы пункты списка начинались не с точки а с тире (левый сайбар). [РЕШЕНО] Как сделать тень только с двух сторон (левый сайдбар). Как правильнее всего будет выполнить заголовок (там куча линий и текст посередине). [РЕШЕНО] Помогите пожалуйста с этим.

    Asked by ctpz,

    0 votes
    36 answers

  18. Три дива

    сделал три блока рядом по горизонтали с помощью display: inline, но теперь текст который был в центре блоков, уехал вверх, как его обратно перетащить?

    Asked by abcde,

    0 votes
    4 answers

  19. Три дива объединить, position: absolute не подходит. Что использовать?

    Прошу помочь реализовать одну идею, есть таблица из 1 строки и 2 колонок, размеры таковы( высота 100% ширина каждой колонки 50% от ширины экрана). В каждой ячейке фотография, нужно поставить прицел в центр каждой ячейки. Код <html> <head> <style type="text/css"> html { height: 100% } body { height: 100%; margin: 0; padding: 0 } </style> </head> <body> <table height="100%" width="100%"> <tr> <td height="100%" width="50%" bgcolor="#CC9900"> <div id="okno1" style="height:100%;"><img src="1.jpg" height="886" width="955"></div> <div style="position: absolute; width:3px; height:50px; background:#f00;to…

    Asked by Атом,

    0 votes
    3 answers

  20. Три картинки в ряд

    Нужно расположить в ряд три картинки, чтобы одна из них была всегда по центру, а две других - сбоку от нее. При этом боковые картинки при уменьшении размера окна обрезаются окном браузера. Расстояние между рисунками 5%, ширина 540px. Горизонтальной полосы прокрутки быть не должно. Рисунки одновременно являются ссылками. Какие есть идеи, как подобное реализовать?

    Asked by Vlad,

    0 votes
    5 answers

  21. три колоники (боковые колонки тянутся по ширене, средняя фиксированна)

    Здравствуйте. Проблема с версткой макета. Нужно, чтобы правая и левая колонки растягивались по ширене (%), а центральная была фиксированной длины (px). Примерно так: |<—100%—>|<—200px—>|<—100%—>|

    Asked by Юрий,

    0 votes
    7 answers

  22. Три колонки

    Коллеги, прошу помощь зала. Не нашел оптимального варианта. Задача: три колонки: левая резиновая, центральная фиксированная, правая опять резиновая Заранее благодарю.

    Asked by Artlive,

    0 votes
    4 answers

  23. три колонки - средняя жесткая, боковые тянутся

    Помогите сверстать или дайте ссылку, чего-то не могу найти нигде такого. Шапка и подвал не нужны. Просто три колонки. Средняя по середине - она неизменной ширины. Боковые тянутся, чтобы заполнить всю страницу. Пробую так: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <style> #pred { float:left; background-color:#0000FF; width:50%; text-align:right; position:relative; z-index:1; } #sled { float:right; background-color:#00FF00; width:50%; text-align:left; position:relative…

    Asked by Колос,

    0 votes
    6 answers

  24. три колонки + шапка и подвал.

    <body > <!--HEADER START--> <div id="masthead"> </div> <!--HEADER END--> <!--MENU START--> <div id="wrapper"> <div id="navigation">Content for id "navigation" Goes Here </div> <div id="content"> Content for id "navigation" Goes Here </div> <div id="advertisement">Content for id "content" Goes Here</div> </div> </div> <!--MENU END--> <!--FOOTER START--> <div id="footer">Content for id "footer" Goes Here </div> <!--FOOTER END--> </body> body { font-size:62.5%; font-color:black; font-family:"Times New Roman", Times, se…

    Asked by newbigmir,

    0 votes
    4 answers

  25. Три колонки в 100% - как добавить отступы?

    Здравствуйте. http://joomla.bardov.nnov.ru/ Верстка в три колонки, в контейнере columns колонки cleft(20%), cmiddle(80%), cright(20%) Как только добавляю padding к колонкам, правая колонкаслетает вниз, под среднюю. Как этого избежать? Пробовал добавлять margin к блоку wrap, в который обернут каждый блок контента в колонках - это свойство не отрабатывает.

    Asked by d0ublezer0,

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