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. 3 колонки и футер

    Прошу, пожалуйста, посмотрите что я сделал не так: http://jsfiddle.net/Vg5mR/ Футер не хочет прижиматься, а wrapper не растягивается по высоте контента.

    Asked by uteelers5,

    0 votes
    1 answer

  2. 3 колонки на всю ширину страницы

    Народ плиз хелп, не могу разобраться, есть к примеру код: <!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" xml:lang="ru"> <head> <title></title> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <style type="text/css"> HTML, BODY {height: 100%; margin: 0; padding: 0; } #topNContent {min-height: 220px; } * HTML #topNContent {height: 220px; } #content {padding-bottom: 30px; min-height: 100%; border: 1px solid #000; } #top {background: #CCC; height: 220px; } #bot {background: #CCC; height: 30px;…

    Asked by ownercoder,

    0 votes
    2 answers

  3. 3 колонки одной высоты с резиновым центром

    Добрый вечер! Возникла задача сверстать 3 колонки одной высоты. Мне очень понравился метод Matthew Taylor'a, но одно меня ставит в тупик: все колонки здесь имеют длину в %. Мне же нужно, к примеру, 300px левая, 350px правая и центр - всё оставшееся место. За основу брал статью-перевод http://www.master-web.info/equal-height-co...ss-browser-css/ Крутил, вертел, пока ничего не вышло. И почему-то кажется, что этот метод не рассчитан под фиксированные сайд-бары Есть ли у кого идеи, как это и можно ли сделать? Спасибо

    Asked by Yuriy,

    0 votes
    26 answers

  4. 3 колонки поломались в safari

    помогите пожалуйста поправить вёрстку страница в большинстве браузеров отображается так. но в win safari 5.1.7 - так

    Asked by cyklop77,

    0 votes
    1 answer

  5. 3 колонки резиновые по высоте

    Привет ребята Подскажите пожалуйста, как сделать 3 колонки, которые одинаково растягиваются по высоте, ширина макета 1000px. Никак не могу найти, на ум приходит только таблицей, а можно ли дивами?

    Asked by SnowWind,

    0 votes
    1 answer

  6. 3 колонки у каждой получается своя высота

    Доброе время суток! В верстке не сильна, поэтому спрашиваю. У меня сайт из 3 колонок. Они должны быть одинаковой высоты и заканчиваться у футера. Но проблема в том, что они растягиваются по содержимому и обрываются. Пробовала ставить высоту 100%, все равно не получается. Если укажите также ошибки, буду очень благодарна. css /* Основные элементы для всей страницы */ body { background-image: url('pict/fon2.jpg'); /* Путь к фоновому изображению */ color: #000000; /* Цвет шрифта */ margin: 0px auto; /* Отступы и положение */ font-family: Arial, Verdana, 'Times New Roman'; /* Шрифт */ font-size: 14px; /* Размер шрифта */ } /* Все для ссылок: ак…

    Asked by klara7,

    0 votes
    12 answers

  7. 3 колонки, высота 100% для каждой

    Подскажите, пожалуйста, как сделать, чтобы все 3 колонки были 100% растянуты по высоте самой высокой из них? Спасибо. <div id='wrapper'> <div id='left'>...</div> <div id='middle'>...</div> <div id='right'>...</div> </div>

    Asked by Raynor,

    0 votes
    6 answers

  8. 3 колонки, центр 1024px, боковые с фоном появляются,если экран шире

    Подскажите, пожалуйста, как сделать верстку: 3 колонки, центральная часть стабильная 1024px, а боковые с фоном появляются или скрываются если экран шире или уже, т.е. если у кого экран 1024, то фоновые изображения слева и справа не видны, а если экран шире, то фон появляется левая колонка: background-image:url(images/left.jpg); background-position:bottom left; background-repeat:no-repeat; правая колонка: background-image:url(images/right.jpg); background-position:top right; background-repeat:no-repeat; Можно ли это реализовать табличной версткой?

    Asked by OnLine54,

    0 votes
    1 answer

  9. 3 колонки, шапка, подвал - контент вверху html (после шапки)

    Собственно обычный вариант, но важность представляет то, что поместить контент надо как можно выше к метам, сразу после шапки - SEO вариант. Макет должен быть резиновым по правому, левому блокам и контенту вниз и в боки. Типо того: <div id="header"> </div> <div id="content"> <div>Контент</div> </div> <div id="leftblock"> </div> <div id="rightblock"> </div> <div class="clear"></div> <div id="footer"> </div> Рассмотрел кучу примеров, мое решение - .mainbody #header { width: 100%; } #content { position: absolute; top: auto; left: 20%; width: 59%; min-height: 40px; margin-top:…

    Asked by LeoStanlik,

    0 votes
    2 answers

  10. 3 колонки, ширина средней растягивается по содержимому

    Здравствуйте! Cтолкнулся с такой проблемой... Надеюсь на Вашу помощь! Задача такая: 3 колонки, нужно помещать в среднюю колонку контент любой ширины(например фото шириной 1200px) и чтобы при этом третья колонка(левая) всегда была привязана к краю средней, т.е уезжала влево. Долго искал, но так и не понял как это можно реализовать.. Если не сложно переделайте вот этот код: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html> <head> <style type="text/css"> * { margin:0; padding:0; } body, html { color: #4D4D4D; font-size:12px; font-family:Arial, Helvetica, sans-serif; min-width:1000px; } #main { margin-top:2px; } #wrapper {…

    Asked by cereal005,

    0 votes
    7 answers

  11. 3 колонки. В центральной плавающие элементы. Как продлить фон колонки

    В общем имеем: <div id="wrapper"> <div id="sidebarLeft"></div> <div id="sidebarRight"></div> <div id="content"> <div class="items"> <div class="item"></div> <div class="item"></div> <div class="item"></div> <div class="item"></div> <div class="item"></div> </div> </div> </div> #sidebarLeft { float:left; width:225px; } #sidebarRight { float:right; width:225px; } #content { margin:0 225px; } #content .items { } #content .items .item { float:left; width:100px; height:100px; } Надо чтобы у блока #content был фон. Я ему просто з…

    Asked by pizzZ,

    0 votes
    6 answers

  12. 3 колонки. Высота

    Есть следующий код: <style type="text/css"> * {margin: 0; padding: 0;} html {height: 100%;} body {height:auto !important; height:100%; min-height:100%; background:#fff url('../Images/bg.jpg') repeat 0 0; min-width: 1000px; position: relative;} * html body {height:100%;} #content {width: 100%; height:100%; overflow: hidden; } #outer1 {width: 100%; margin-left: -100%; float: right; height:100%;} #outer2 {margin-left: 832px; height:100%; } #left {width: 50%; float: left; position: relative; left: -832px; height:100%;} #right {width: 50%; margin-left: -1px; float: right; height:100%;} #main {width: 832px; margin: 0px auto; height:100%;} </style> </head> &l…

    Asked by 1nf,

    0 votes
    1 answer

  13. 3 колоночный макет с контентом в html выше чем меню

    Здравствуйте подскажите как сделать 3 колоночный макет, но чтобы контент находился в html выше чем левое и правое меню. И чтобы контент был в резиновом диве, а два блока с меню фиксированы.

    Asked by alacka,

    0 votes
    2 answers

  14. 3 колоночный резиновый дизайн

    Форумчане, подскажите пожалуйста, пока нигде не могу найти. Нужен пример верстки 3 колоночного дизайна в котором 2 сайдбара по бокам фиксированной ширины. а в середке резиновый блок. И еще надо чтобы все 3 блока имели одинаковую высоту подстраиваясь под самый длинный блок. Причем чтобы способ поддерживал фоновое изображение на блок и бордер. Замучился искать, все не то(

    Asked by crash,

    0 votes
    7 answers

  15. 3 равных по ширине блока

    Скажите, а как разместить 3 DIV'a по всей ширине страницы, при этом у всех них должна быть равная ширина? Можно, конечно, написать для каждого width: 33%. Но тогда останется 1%. Есть ли какой-то красивый способ?

    Asked by brainiac,

    0 votes
    30 answers

  16. 3 резиновых блока с фиксированными отступами

    В общем, столкнулся с такой проблемой при верстке адаптивного сайта. Ширина сайта плавает в диапазоне от 320 до 1600px. Имеются 3 блока. Необходимо, чтобы эти блоки занимали всю предоставленную область и при этом имели одинаковые ширину(auto) и интервалы(30px). При уменьшении размера окна блоки должны сжиматься по ширине, а отступы оставаться неизменными. Реализация без flexbox'a. Нужна Ваша помощь, уважаемые форумчане! Буду очень благодарен, если поможете!

    Asked by MrFreeman,

    0 votes
    3 answers

  17. 3 резиновых колонки на DIV

    Всем привет! Помогите пожалуйста поправить код так, чтобы он был не таким тупым (далее поймёте, почему). Нужно внутри блока #ban-about-news расположить 3 блока: #banner (занимает 50% страницы), #about (25% страницы) и #news (25% страницы). HTML-код страницы: <div id="ban-about-news"> <div id="banner"> <img src="swf/banner.png" width="100%" alt="БАННЕР"> </div> <div id="about"> <h1>ЗАГОЛОВОК БЛОКА ABOUT</h1> <p>Текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст.</p> <p>Текст текст текст текст текст текст текст текст текст текст текст текст текст те…

    Asked by brainiac,

    0 votes
    1 answer

  18. 3 способа установки пакетов в nodejs

    скажите пожалуйста, правильно ли я понимаю механизм установки пакетов в nodejs? если нет, то поправьте меня я думаю, что пакеты можно устанавливать тремя способами. расскажу на примере linux: 1. можно установить пакеты, которые требуются конкретному проекту, если зайти в каталог проекта и запустить из консоли команду npm i в этом случае в каталоге проекта создастся каталог node_modules и в него скачаются все модули, которые указаны в package.json 2. можно зайти в каталог проекта и запустить команду npm install package_name в этом случае так же в каталоге проекта создастся каталог node_modules и в него установится пакет package_name 3. за…

    Asked by cyklop77,

    0 votes
    3 answers

  19. 3 фиксированных div, один со скролом.

    _______________ I_1_I____2______I I I I |_3_I____4______I Надо разделить вывод на 4 зоны, - три фиксированых(1,2,3), - заголовков и меню, и одна - контент (4)с появлением скрола при превышении размеров экрана. При скроле контента (4) и при зуммировании вывода (1,2,3) должны остаться на месте. Такое возможно? У меня получилось только с позиционированием fixed, но при этом, если в браузере делать zoom страницы, все сдвигается. Заранее спасибо за помощь.

    Asked by dad,

    0 votes
    1 answer

  20. 3 элемента hover

    имееться меню с 3 элементами(3 фонами) как сделать чтобы при на водке на любой менялися все ,на примере покажите) .g1 {background:url(../1.gif)} .g2 {background:url(../2.gif)} .g3 {background:url(../3.gif)} как чтобы при нажатии на любой стиль менялись все фоны аля .g1:hover {background:url(../1.gif)} .g2:hover {background:url(../2.gif)} .g3:hover {background:url(../3.gif)}

    Asked by sdasddsa,

    0 votes
    3 answers

  21. 3 элемента в ряд width:33%; float:left;

    <div style="width:33%; float:left;"> <a id="divan" href="/upload/iblock/47b/47b42e09de2c2699b955dc8716ba57bc.jpg"><img src="/upload/iblock/d32/d3274baea244fb82b4a2b858ece608d8.jpg" width="230px"></a><br> <div align="center"><a style="color: #b1593c; width: 125px; vertical-align: top; display: inline-block; padding: 0 0 3px 4px; position: relative; font: normal 14px/110% trebuchet ms, helvetica cy, sans-serif;" id="divan" href="/upload/iblock/47b/47b42e09de2c2699b955dc8716ba57bc.jpg">Jercy Cremini, Albert Bronze</a></div> </div> Первые три ряда идут 3 элемента в строку, потом один, а потом через два ряда еще один …

    Asked by Tchorteg,

    0 votes
    3 answers

  22. 3-x пиксельный баг ИЕ

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

    Asked by VoVa,

    0 votes
    6 answers

  23. 3-x уровневое меню сайта

    Нужно сделать точную копию меню сайта ******* Тли я что то не так делаю, то ли еще что то, но просто копирование исходного кода страницs и css не помагает,так работает только 2-х уровневая менюшка, а нужна 3-х Помогите сделать, в css не шарю, только чистый html

    Asked by rodigy,

    0 votes
    1 answer

  24. 3-ех колоночный макет. Текс уходит вниз.

    Не пойму почему текст посередине идет вниз после левой колонки. Помогите разобраться. http://new.rang56.ru/1.htm как ie6 так и опера 9

    Asked by snekaaa,

    0 votes
    3 answers

  25. 3-колоночный макет с резиновой шириной на относительном позиционировании

    Здравствуйте! Не могу сверстать макет, мало опыта, необходим 3-х колоночный макет с резиновым центром и одинаковой высотой всех 3-х колонок во всю высоту содержимого, так же в основных блоках будут содержаться другие блоки, содержимое в содержимое которых собственно и будет регулировать высоту. Подскажите что не так. Переделал и снова наткнулся на те же грабли. Не могу довести да ума. http://jsfiddle.net/Vicos/zwLNT/ P.S. Если что не понятно, переспросите, вопрос переформулирую. P.S.S перейдя по ссылке увидим почти доведённый до ума макет.

    Asked by Vicos,

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