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. Растянуть контейнер до низа страницы.

    Я делаю дизайн для сайта. И мне нужно растянуть контейнер слева до низа страницы. Как это сделать. Шаблон: http://jsfiddle.net/JQv7Q/

    Asked by sitemaker999,

    0 votes
    10 answers

  2. Растянуть на весь экран колонку

    Здравствуйте! Никак не могу понять, что сделать. Есть http://planetmap.ru/atlas/earth-surface-maps.html в css описано #container { width: 100%; float: left; overflow: hidden; } Вот только на весь экран не растягивается

    Asked by Bredova,

    0 votes
    11 answers

  3. Растянуть на ширину дива

    Столкнулся с проблемой, причем не в первый раз. Имеется див, в нем список. В левом пункте списка - аватарка фиксированного размера, правый пункт нужно растянуть на всю оставшуюся ширину дива. <div> <ul> <li>avatar</li> <li>content</li> </ul </div> И css li {float:left;} Помогите пожалуйста!

    Asked by nickostyle,

    0 votes
    2 answers

  4. Растянуть плавающий блок на всю оставшуюся ширину

    Здравствуйте. Нужно сделать так, чтобы текст новости на странице(внизу) занимал оставшуюся ширину дочернего тега, таким образом, чтобы текст обтекал картинку новости справа и снизу(если он будет длинный, если это не сложно). Какими стилями это можно сделать? Шаблон хочу сделать адаптивным, поэтому фиксированную ширину тексту задавать не вариант. P.S. Решил вопрос, перейдя на inline-block

    Asked by borus,

    0 votes
    0 answers

  5. Растянуть по высоте div, внутри button

    Добрый день. Нужно растянуть div по высоте, который находится внутри button. Не получается сделать это через проценты. Остается только через em. Но мне нужны именно проценты, есть ли еще способ. Вот код: http://jsfiddle.net/mufYx/

    Asked by istepan,

    0 votes
    4 answers

  6. растянуть по высоте блок ЕСЛИ

    как растянуть правый блок на 100% по высоте если у контейнера для этих блоков стоит overflow html, body {position:relative; min-height:100%; height:100%;} #content { width:974px; position:relative; overflow:hidden; border:1px solid red; } #left { width:100px; float:left; min-height:100%; height:100%; display: inline; } #right { width:700px; float:right; border:1px solid red; }

    Asked by woofs,

    0 votes
    8 answers

  7. Растянуть по высоте на всю страницу

    Кто то подскажет как сделать что бы при растяжке среднего блока по высоте на 100% IE не прибовлял высоту первого блока . Из за этого нижняя часть вылезает за перделы экрана, и появляется полоса прокрутки ((( Знаю только вариант с хаком в css но он не коректен с ИЕ7 - http://forum.oszone.net/post-612994.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"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>Untitled Document</title> <style> body,html{h…

    Asked by Powerslave,

    0 votes
    3 answers

  8. Растянуть содержимое div'a с равными отступами

    Скажите, вот если допустим, есть div шириной 960 пикселей и в нем есть н-количество пунктов меню. Как сделать, что бы левая и правая ссылка были выровнены по левому и правому краю, а те пункты которые между ними, имели одинаковые отступы ?

    Asked by webdrafting,

    0 votes
    4 answers

  9. растянуть страницу вертикально

    Имеем с нуля таблицу в 3 строки TR. Верхняя TR строка шапка. Нижняя строка TR копирайт и тп. В средней TR допустим всего несколько строк тескта. Нужно, чтобы средняя TR растягивалась на всё окно браузера, так чтобы нижняя TR оказывалась у нижнего края окна. Если в простом коде, то так примерно <HTML><HEAD></HEAD><BODY> <table> <tr><td> -1- </td></tr> <tr><td height="90%"> -2- </td></tr> <tr><td> -3- </td></tr> </table> </BODY></HTML> Перерыл яндекс и спецификации , но по названию этой темы в кавычках ничего нет. Интересу…

    Asked by colors,

    0 votes
    5 answers

  10. Растянуть таблицу 100% высоты в IE6

    Бьюсь вторую неделю таблица в ней 3 строки, размер таблицы 100% на 100% верхняя нижняя строки фикс. высоты. центральная задается как 90% работает в опера, моз, ие7, мак. В ие6 центральная строка не растягивается код примерный:

    Asked by SibBear,

    0 votes
    3 answers

  11. Растянуть таблицу на всю высоту окна

    Доброго времени суток всем Проблема такая: как растянуть таблицу по высоте на всю длину экрана. Знаю, что можно в стилях прописать html и body высоту 100%. Но у меня этот способ помагает только в опере. Мозилла игнорит, а в ие получается очень длинная страница (с вертикальной прокруткой). Заранее спасибо

    Asked by Ромашка,

    0 votes
    0 answers

  12. Растянуть таблицы на 100% высоты

    Доброго времени суток еще раз. Чтобы не наваливать все в кучу решил создать отдельную тему. Есть макетик, он тянется и все такое прочее. Суть вопроса в том, что в блоке с заданными (и реально отрабатываемыми) характеристиками высоты - 100% - не удаётся растянуть табличку на всю высоту блока. Валидацию прошел. DOCTYPE strict xhtml http://www.beavers-net.narod.ru/primers/search.html Табличка с закругленные уголки. Должна занимать всю оставшуюся белой область. Долбаюсь уже с ней недели две - все никак. #middle - .content —- > table.table_papok стили к ней http://www.beavers-net.narod.ru/primers/temp2.css Еще вопрос по таблицам - в ИЕ пропадает нижний бордер к строкам в …

    Asked by tt48,

    0 votes
    11 answers

  13. Растянуть текст в меню

    Текст в меню не растягивается на всю ширину, justify не помог, как это исправить? <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Титл</title> <style type="text/css"> a:link{ color:#FFFFFF; text-decoration:none;} a:visited{color:#FFFFFF;} a:hover{ color:#FFFFFF; text-decoration:underline;} a:active{color:#FFFFFF;} nav { background-color:#afafaf;/*цвет фона*/ border:1px solid #4c4c4c;/*рамка в 1px чёрного цвета*/ height:40px;/*высота блока*/ margin-left:5%;/*отступ слева*/ margin-right:5%;/*отступ справа*/ font-family:Tahoma, Geneva, sans-serif;/*семейство шрифта*/ font-size:20px;/*высота текста*/ text…

    Asked by antoxa-ua,

    0 votes
    1 answer

  14. Растянуть трехколоночный макет на высоту экрана с минимальным содержанием до прижатого вниз к футеру

    Здрасьте. Только не бросайте сразу камнями. Читала, думала, три дня пыхчу и все никак. С дивами в первые столкнулась (помогаю папе в создании сайта). В общем есть трехколоночный макет, с шапкой (хэдером) и подвалом (футером). вот сам макет http://gorodtaxi.com/index11.html(убрала все наполнение, чтобы было проще). Теперь рассказываю что есть: 1. шапка - фиксированная высота, размещена в основном контейнере. 2. контейнер: структура - сайдбар 1, контент, сайдбар 2. все три колонки помещены в контейнер 1, 2 и 3, для того чтобы все вместе растягивались по содержимому наиболее наполненной колонки. 4. в контейнере перед футером стоит распорка clearfloat, чтобы ничто никуда …

    Asked by Valkyrja,

    0 votes
    3 answers

  15. Растянуть фон

    Здравствуйте! Как правильно будет организовать такую штуку. Сайт сам будет фиксированный. А блоки с фоном (сверху серый, белый, и коричневый) тянулись на всю ширину. Какой тут способ самый простой и правильный будет? Спасибо! http://s2.ipicture.ru/Gallery/Viewfull/18603720.html

    Asked by Imperil,

    0 votes
    2 answers

  16. Растянуть фон DIV по высоте DIV float

    Всем привет! Много искал но так ничего подобного и не нашел о том как растянуть фоновый DIV по высоте вложенного в него элемента DIV с обтеканием! Давно с таким не сталкивался, всегда делал таблицей, но тут другой вариант, таблицей нельзя! Причем в IE все работает "нормально" - а может и на оборот Opera глючит Вобщем надо, чтоб растягивался фон! т.е. там есть зеленый фон, он должен растянуться взависимости от высоты плавающих элементов, т.е. НЕ FIX. Если решение возможно, буду очень благодарен!!! Вот пример: <!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/19…

    Asked by romlex,

    0 votes
    5 answers

  17. растянуть фон блока внутри фиксированного листа

    Всем привет))Можно ли задать фон блока на всю ширину экрана внутри фиксированного листа. если да то как?Вот так у меня только по ширине листа получилось. Спасибо http://codepen.io/anon/pen/obwzJM Код <div class="sheet"><section class="font"><div class="post"><div class="postcontent"><p> Текс Текст Текс Текст Текс Текст Текс Текст Текс Текст<br>Текс ТекстТекс ТекстТекс ТекстТекс ТекстТекс ТекстТекс ТекстТекс ТекстТекс Текст</p></div></div></section> CSS .sheet { margin: 0 auto; position: relative; cursor: auto; width: 80%; min-width: 320px; max-width: 1536px; z-index: auto !important;}.section { width: 1…

    Asked by Ранис,

    0 votes
    2 answers

  18. Растянуть фон с текстом до размеров картинки

    Здравствуйте, подскажите как растянуть фон с текстом до размеров изображения над ним? Чтобы их ширина всегда была равна, независимо от количества символов в тексте и размеров экрана. https://jsfiddle.net/vayr08d9/

    Asked by gadjet,

    0 votes
    2 answers

  19. Растянуть фон четырех ячеек за ширину экрана

    Здравствуйте! Интересует, как можно растянуть фон четырех горизонтальных ячеек, расположенных в одном ряду, чтобы весь ряд выходил за пределы экрана. Я сделала таблицу, в одном из рядов решила создать меню, используя ячейки таблицы. Ширину таблицы выставила 100%, а ширину каждой ячейки 25%. В каждой ячейке фоновая картинка. Но несмотря на то что ширина указана максимальная, картинка в крайних ячейках располагается с отступом от края экрана. Как убрать этот отступ? Пыталась увеличить ширину таблицы, но она просто сдвигается вправо, а слева остается отступ.

    Asked by StOK,

    0 votes
    1 answer

  20. Растянуть форум на весь экран

    /* General Style */ body {background: url('/design/1.png') center repeat-y #5c70a3; margin:0px; padding:0px; text-align: center;} #wrap {width: 900px; text-align: center; margin-left: auto; margin-right: auto; background: url('/design/...png') repeat-y;} #contanier {width: 900px; text-align: left; margin-left: auto; margin-right: auto; background: url('/design/...jpg') no-repeat;} #header {height: 235px; text-align: left;} #logo {float: left; width: 280px; height: 170px; position: relative; top: 20px; left: 40px; text-align: center; color: #b6b7cf;} #logo h1 {margin: 20px 10px; font-size: 25pt; font-weight: normal; color: #f0f1f7;} #logo a:link {text-decoration:underline;…

    Asked by Симоман,

    0 votes
    1 answer

  21. Растянуть фрейм/див/картинку/etc на всё незанятое пространство родительской ячейки - как?

    Доброго времени суток! Вроде бы простая задача... Может, я что-то не так объясняю, или гуру вёрстки обходят стороной такие пустяковые темы... Но я уже на трёх форумах побывал, и нигде никто не смог дать ответ. А вопрос в следующем: Есть табличка на две колонки. В левой - меню, а под меню - iframe (с котёнком). В правой - как обычно - контент. Как сделать так, чтобы таблица растягивалась за счёт контента, а фрейм занимал всё оставшееся свободное пространство под меню? На скриншоте слева - то, чего я хочу добиться. Собственно, для Оперы - уже добился, работает. Установил фрейму высоту в 100% и overflow hidden для ячейки. Однако это решение НЕ работает в хроме (скринш…

    Asked by Postscripter,

    0 votes
    9 answers

  22. Растянуть часть background'а

    Проблема такая: есть 3 изображения *.png ,заключены в таблице, одинаковые по ширине, первое и третье необходимо оставить в вверху и внизу соответственно, а среднее необходимо либо растянуть либо продублировать в зависимости от кол-ва контента. Контент также ложится на верхнее и нижние изображения. .ba {position: relative; width: 679px; height: 100%; display:block; } .ba img.first {width: 679px; height: 124px; display:block;} .ba img.second { position: absolute; left: 0px; right: 0px; top: 125px; bottom: 680px; display:block;} .ba img.third {width: 679px; height: 393px; display:block;} .ba div { position: absolute; left: 38px; top: 10px; right: 0px; bottom: 0px; displ…

    Asked by ISQman,

    0 votes
    23 answers

  23. Растянуть шрифт по вертикали возможно?

    Здравствуйте. Не нашел в справочнике свойства, позволяющего растянуть вертикально шрифт. Пробовал сжать по горизонтали и затем увеличить размер шрифта, но это не дает нужного результата. Можно как-то растянуть шрифт по вертикали?

    Asked by borus,

    0 votes
    2 answers

  24. Растянуть элемент <video> на всю высоту родителя

    Вроде как по спецификации height: 100% работает если у родительского блока явно указана высота. В моем случае у блока с классом video-wrapper высота — 250px. Самому элементу <video> я указываю width: 100% и height: 100%, но он почему-то не растягивается на всю высоту. Вопрос: в чем проблема? Нужно, чтобы блок с классом controls "накладывался" на видео по нижней границе. Фиддл: http://jsfiddle.net/y2p80pjo/

    Asked by Aleksandr.L,

    0 votes
    7 answers

  25. растянуть ячейку по высоте во вложенной таблице. Не работает в опере

    Есть таблица. В ней две ячейки td. В первой вторая таблица, во второй ячейки контекст, который может изменяться, от этого изменяется высота и первой ячейки. Во второй таблице две строки. Вторая строка растягивается в зависимости от содержания (там картинка, которая растягивается) Работает нормально в фф3.5 и ие8. Но в опере картинка первоначального размера (в виде точки) <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html> <head> <title>test 3 </title> </head> <body> <form> <table > <tbody> <tr style="height:100%;"> <td style="height: 1…

    Asked by AlexeyT57,

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