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. резиновые макеты. где есть?

    если кому-нибудь попадались сборники psd-макетов для резиновых сайтов, то поделитесь пожалуйста ссылочкой. как ни странно, ни гугл, ни яндекс упорно не хотят искать именно резиновые макеты. несколько часов потратил на поиск макеты нужны бы не простейшие

    Asked by cyklop77,

    0 votes
    3 answers

  2. Резиновые отступы

    Есть в одной строке 4 блока. Первый блок выравнивается по левому краю, последний по правому. Как сделать на css расстояние между всеми блоками одинаковым, причем чтобы оно менялось при изменении разрешения экрана. Все блоки разной ширины.

    Asked by Alex219,

    0 votes
    2 answers

  3. резиновые страдания

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

    Asked by Протуберанец,

    0 votes
    24 answers

  4. Резиновые трехколоночные макеты

    Систематизировал различные варианты резиновых трехколоночных макетов, в итоге получил их 13 разновидностей. К примеру, такой (px ∞ px) означает, что первая и третья колонка задана в пикселах, а средняя занимает оставшееся пространство. Макет (% % %) означает, что ширина всех колонок указана в процентах. 1. ∞ px px 2. px ∞ px 3. px px ∞ 4. % % % 5. % ∞ px 6. ∞ % px 7. (% %) px (ширина первых двух колонок принимается за 100%) 8. px % ∞ 9. px ∞ % 10. px (% %) (ширина последних двух колонок принимается за 100%) 11. % px ∞ 12. ∞ px % 13. ∞ px ∞ (здесь левая и правая колонка равны между собой)

    Asked by Vlad,

    0 votes
    11 answers

  5. Резиновые шрифты , реализация без js

    Сделал дизайн на разрешении 1024*600 и экране 11''. Потом оказалось, что на большом экране (1600*900, 19'') шрифт в 17px слишком мелкий. Исправил - но на маленьком экране все стало очень крупно. Как сделать резиновый шрифт, не могу нормальный мануал найти... Вот сайт

    Asked by Mosya,

    0 votes
    1 answer

  6. Резиновые шрифты при inline-block и *font-size: 0

    Здравствуйте! Помогите пожалуйста, разобраться. Известно, чтобы убрать пробелы между элементами - display: inline-block; Достаточно обнулить у всех элементов *font-size: 0; Но возникает вопрос - как в этом случае задать относительный шрифт (em, rem, %) внутри элементов inline-block, если font-size обнулен на глобальном уровне? Получается верстка с помощью свойства display не подходит для резиновых шрифтов или всё-таки есть какие-то способы?

    Asked by Goodman-77,

    0 votes
    5 answers

  7. Резиновые Элементы c обрезанием при min-width

    http://i065.radikal.ru/1004/12/71658cbf1ec5.jpg Во общем задача такая есть два блока с картинками к примеру серые квадраты. если разрешение к примеру 2500 то блоки должны разбежаться по краям а при 1024 должны почти все прятаться.красными линиями очерчено примерно как должно выглядеть на 1024. Изменяюсь если криво описываю задачу но чето ваше ни каких идей уже нет как это сверстать.

    Asked by Mysticismm,

    0 votes
    3 answers

  8. Резиновый <div> по вертикали

    Здравствуйте! Помогите с такой проблемой. На сайте есть шапка, в шапке будут расположены еще несколько div-ов. Задача: надо сделать так, что бы шапка растягивалась по вертикали, в зависимости от наполнения ее контентом. Высота шапки установлена 100%, в результате, шапка увеличилась по вертикали на большее расстояние чем ожидалось. HTML <!DOCTYPE html><html><head><title>HYBRID - главная</title><meta charset="utf-8"><link href="style.css" rel="stylesheet" media="all"><script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.js"></script><script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1/jquery…

    Asked by px379,

    0 votes
    4 answers

  9. Резиновый 2-хколоночный макет

    Здравствуйте! Вопрос простой для тех, кто набил руку на резиновой верстке. Есть макет из 2-х колонок, ширина - в процентах от ширины родителя. Нужно, чтобы ширина левой колонки изменялась в зависимости от ширины содержимого - в моем случае текста заголовка - внутри левой колонки. То есть текст изнутри растягивает левую колонку, правая остается без изменений. Как это можно сделать?

    Asked by hike,

    0 votes
    10 answers

  10. Резиновый 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=utf-8" /> <title>Блоки</title> <link href="template1.css" rel="stylesheet" type="text/css" /> </head> <style> html, body { paddin…

    Asked by vikentii,

    0 votes
    1 answer

  11. Резиновый DIV

    Здравствуйте! Очень нужна помощь по одному вопросу: Правая колонка сайта имеет ширину 260px. Дивы которые справа при фиксированной ширине выглядят на месте, но когда изменяется ширина окна браузера в меньшую сторону дивы смещаются вниз страницы. Так и должно быть. Вопрос в том, что блок1 должен становится на всю ширину центра страницы если окно браузера не на весь экран, остальные дивы не меняя размера становятся под ним. Если я пытаюсь задать ширину дива1 min-width:240px; max-width:660px;, то этот див не лезет в ширину правого столбца 260px, а сразу перескакивает вниз, несмотря на то, что браузер на весь экран. Если задать фиксированно 240px, то всё ок. Как сделать так, …

    Asked by WhitELinE,

    0 votes
    1 answer

  12. резиновый div

    Всем привет. Возможно ли сделать div1 резиновым в такой конструкции: <div1> <div2></div> </div> .div2 {position:absolute;}

    Asked by SnowWind,

    0 votes
    7 answers

  13. резиновый Div во весь экран с отступами по краям

    Пытаюсь сделать резиновый Div во весь экран с отступами по краям, только вот блок съезжает на право. ссылка Как реализовать задуманное, мой способ не работает? <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html> <head> <title>XHTML</title> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <style type="text/css"> #head {width:100%; height:98px; margin:2px 10px; background:gray; border:2px solid black;} </style> </head> <body> <div id="head"> </div> </body> </html>

    Asked by xDev,

    0 votes
    6 answers

  14. Резиновый DIV по вертикали

    Доброго времени суток! См. http://jsfiddle.net/ykerL/ Подскажите, пожалуйста, почему в данном примере div.main не растягивается по вертикали до размеров div.center? Заранее большое спасибо за помощь.

    Asked by ZABor1978,

    0 votes
    3 answers

  15. резиновый div по высоте

    добрый день есть у меня "красивый" дизайн, который делить пространство документа на зоны горизонтальными и вертикальными линиями соответстсвенно заголовок и футер небольшого размера - с ними проблемы нет, контент может быть любым - вот тут то и начинаются пляски с бубном... есть слой обертка, который имеет border-left в него всталяю контент и получаю, что слой обертка по высоте меньше, чем контент! .line-vert{ margin: 0 0 0 20px; padding: 0; width:98%; border-left: 2px solid #57AE5B; } .line-vert p{ margin: 0 ; padding: 0; } попробовала побороть этот недуг написав скромный javascript, по изменению height при загрузке на высоту всего body скажем, но оказалось, что если…

    Asked by jul_k,

    0 votes
    25 answers

  16. Резиновый div с верикальным выравниванием

    Никак не могу совладать с вёрсткой... Есть задача сделать резиновый div на 90% высоты экрана с изборажением на бекграунде. Туда нужно вписать текст, затемнить бекграунд сеткой и выровнять текст по вертикали. Что я сделал. Разместил внутри первого дива второй, у которого бекграунд сеткой. Всё бы хорошо, но теперь не могу растянуть его по размеру родителя и отцентрировать текст. Функционал можно глянуть тут: http://jsfiddle.net/gumbert/ddkd1bs9/3/ Как мне можно его победить?

    Asked by dmtr,

    0 votes
    3 answers

  17. Резиновый div с контентом

    Помогите подправить стили div с контентом. <div id="content"> Нужно исправить <div id="content"> что бы он красиво сжимался и растягивался для достижения отображения сайта без прокрутки на разрешении больше чем 1024px в ширину. Что бы правый сайт бар не перепрыгивал влево. Сайт kpi.name

    Asked by armid,

    0 votes
    8 answers

  18. Резиновый div, ширина которого зависит от ширины контента в нем расположенного

    Помогите, пожалуйста, сверстать такой макет: Условия такие: 1. Синий слой находится по центру экрана. 2. В оранжевом диве находится контент, ширина которого заранее неизвестна. Ширина оранжевого дива равна ширине контента в нем расположенного. Ширина синего и зеленого дива равна ширине оранжевого дива. 3. Оранжевый и зеленый дивы прибиты к левому краю синего дива. На таблицах это сверстать очень просто, код будет выглядеть примерно так: <center> <table> <tr><td height="200px">Это зеленый блок</td></tr> <tr><td height="100px">Это оранжевый блок, его ширина и ширина всей таблицы будет зависеть от ширины контента, распол…

    Asked by Качан Капусты,

    0 votes
    1 answer

  19. Резиновый header

    Помогите пожалуйста. Вот сверстал по советам хэдар. Середина должна растягиваться до левой и правой картинки, в Firefox все ок, но в IE по бокам почему то остаются полосы(( Вот код 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="ru"> <head> <link rel="stylesheet" type="text/css" href="styles.css" /> <!--[if IE]> <link rel="stylesheet" type="text/css" href="ie_styles.css" /> <![endif]--> </head> <body> <div id="main"> <div id="header_carrier"> <…

    Asked by tarkinsky,

    0 votes
    6 answers

  20. Резиновый input внутри резинового div'а

    Как растянуть input на 100% внутри div'a который в 25%. Если тупо задать 100%, растягивает страницу в ИЕ. <style> #kolonki {width:25%; display:block; float:left;} .poisk { background:white url(poisk.png) no-repeat scroll 6px 6px; border:1px solid #D1D6DF; color:#909090; float:right; font-family:Tahoma; font-size:13px; height:20px; outline-color:-moz-use-text-color; outline-style:none; outline-width:medium; padding:3px 0px 0px 22px; width:100%;} </style> <div id="kolonki"></div> <div id="kolonki"></div> <div id="kolonki"></div> <div id="kolonki"> <input class="poisk" /> </div>

    Asked by Избранный,

    0 votes
    1 answer

  21. Резиновый блок

    Здравствуйте. Я затрудняюсь на создании резинового блока. дело в том, что я делаю два резиновых блока, присоединённых друг за другом. если в файле стилей я прописываю 50% на каждый, то при смене разрешения они искривляются и искажаются, в зависимости от количества слов в тексте в них. Если у кого есть опыт, скажите, как сделать два резиновых блока. высоту можно сделать фиксированной 200px. <div>Блок 1</div<div>Блок 2</div

    Asked by Sayitright,

    0 votes
    6 answers

  22. Резиновый блок

    Есть блок со стилем: .someClass { width: 100%; max-width: 300px; } Подскажите, пожалуйста, почему ширина блока становится равной 100% при указанном параметре max-width: 300px ? Забегая вперед, добавление float:left не помогает UPD: Вопрос решен. Тему можно закрывать.

    Asked by TorchTT,

    0 votes
    0 answers

  23. Резиновый блок

    Всем привет, у меня такой вопрос, есть блок #top, в котором есть 3 блока, #header, #content и #news, первые 2 фиксированной высоту, а 3-ий должен занимать оставшуюся часть блока (по высоте) #top, как это сделать?......гугл говорит написать скрипт, но так же говорит, что это не лучший вариант, хотелось бы это сделать средствами верстки, это возможно? /* Body */ html{ height: 167%; } body{ font-family: 'Titillium Web'; color: #223e48; margin: auto; width: 100%; height: 100%; } /* Main backgrounds */ div#top{ background-image: url(patterns/pattern.jpg); min-width: 940px; width: 100%; min-height: 596px; height: 63%; } div#low{ background-image: url(patterns/pattern_white.j…

    Asked by main.c,

    0 votes
    2 answers

  24. Резиновый блок

    Ребят, есть такой код: <!doctype html><html><head><title>Page</title></head><body><div id="wrapper"> <div id="left">...</div> <div id="right">...</div> <div id="main">...</div></div></body></html>Блок wrapper имеет определенную ширину и фон у него белый. У блока right тоже своя ширина, а вот фон другого цвета. И мне нужно установить максимальную высоту, чтобы она была "равна" высоте блока wrapper, дабы в других блоках контента больше, соответственно высота у них тоже больше, а не очень то красиво выглядит то, что в правом блоке часть фона серая, а другая - белая.…

    Asked by Nikita_Barinov,

    0 votes
    8 answers

  25. резиновый блок в центре

    на сайте есть горизонтальное меню. оно должно быть в центре и резиновым (т.е удлиняется когда названии пунктах меню длинное) сейчас чтобы было в центре я дал ему ширину 60% и margin: 0 auto; но так резиновый не получается. как можно это делать?

    Asked by jumancy,

    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