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. Растягивается

    /del Проблему решил, всем спасибо

    Asked by 0x4553,

    0 votes
    3 answers

  2. Растягивается дизайн в Мозилле и IE

    Здравствуйте, решил тряхнуть стариной и что-то наваять в чистом хтмле. В Хроме все нормально, а вот в Мозилле и Эксплорере дизайн растягивается и получается совсем унылое зрелище. В чем может быть дело? http://seoyadro.ru Там проблема в растяжке элемента в меню слева. Только прошу сильно не пинать и не кривляться в мою сторону

    Asked by puteviy,

    0 votes
    16 answers

  3. растягивание

    есть html: <style> div.tablero { border:1px black solid; display:inline-block; min-width:300px; width:30%; margin:2px; } div.tablero2 { border:1px black solid; display:block; width:70%; } </style> <div> <div class='tablero'>mysconfig#1</div> <div class='tablero2'>Этот параметр задает начальное положение...</div> </div> <div> <div class='tablero'>mysconfig#2</div> <div class='tablero2'>Этот параметр задает начальное положение...</div> </div> <div> <div class='tablero'>mysconfig#3</div> <div class='tablero2'>Этот параметр задает начальное положение...&…

    Asked by Poma_007,

    0 votes
    2 answers

  4. Растягивание border по горизонтали

    Рисунок 1 Рисунок 2 Здравствуйте! Нужно растянуть рамку вокруг текста как на рисунке 1. У меня получается как на рисунке 2. Подскажите, как исправить? Использую такой код <span style="border: 1px solid red;"> Ячейка1 </span> <span style="border: 1px solid green"> Ячейка2 </span> <span style="border: 1px solid purple;"> Ячейка3 </span>

    Asked by randy,

    0 votes
    7 answers

  5. Растягивание DIV

    Есть два блока внутри одного, как сделать чтобы они не вылезали за пределы внешнего блока , при их растягивании. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <HTML><HEAD> <TITLE></TITLE> <style type="text/css"> #main-menu { background:RED; height: 35px; } #content { border: 1px solid blue; padding-bottom:10px; } #main-sec1{ float:left; margin:5px; width:250px; border: 1px dotted black; } #main-sec2{ margin-top: 5px; margin-left: 265px; width:670px; border: 1px dotted black; } #main-bottom{ height: 52px; background: GREEN; } </style> </HEAD> <BODY> <di…

    Asked by chipi,

    0 votes
    11 answers

  6. Растягивание div блока

    И снова здравствуйте. Нуждаюсь в вашей помощи. <div class="a1"> <div class="a2"></div> <div class="a3"></div> </div> .a1 { width: 100%; display: inline-block; } .a2 { background: url("{T_THEME_PATH}/images/logogo.jpg"); background-position: center; height: 300px; border: 1px solid #BFBFBF; display: inline-block; float: left; overflow: hidden; display: inline-block; } .a3 { overflow: hidden; float: right; height: 300px; background-image: url("{T_THEME_PATH}/images/bg_tex2.jpg"); border: 1px solid #BFBFBF; display: inline-block; } В блоке a2 фоном изображение, которое может растягиваться на 100% ширины. В блоке a3 желательно указат…

    Asked by Andyk,

    0 votes
    15 answers

  7. Растягивание div по высоте родителя

    Приветствую профессионалов и новичков html/css Столкнулся со старой проблемой - как растянуть див по высоте родителя. Не кидайте в меня тапком и не отсылайте в гугл, ибо моя проблема несколько отличается от привычной. В верстке я использовал bootstrap, а конкретнее колоночную верстку (col-lg, col-md, col-sm и так далее). Выглядит это так: Как можно заметить, левая колонка не дотягивает до низу. Точнее не дотягивает полупрозрачный коричневый фон. И все бы ничего, можно было бы использовать старый добрый "margin-bottom:-6000px; padding-bottom:6000px;", но при разрешении экрана 320/480 (читай смартфон) колонки встают друг за другом по вертикали, вот так: И полупрозрачный…

    Asked by maxakagaret,

    0 votes
    7 answers

  8. Растягивание div под div внутри него

    Имеется вот такой несложный код <div class="main"> <div class="test"> aaa<br> bbb<br> </div> </div> И вот такие вот к ним стили .main { width:100%; background-color: #000000; } .test { width: 20%; background-color: #FFFFFF; float: left; } Нужно чтобы на 20% ширины был белый фон, а на оставшиеся 80% черный. Добавить внутрь второй div с шириной 80% плз не предлагайте, так как мне нужно, чтобы внешний див растянулся и это был именно его фон. Если у test убрать параметр "float: left" то всё работает как надо, но мне нужен этот параметр. Заранее спасибо.

    Asked by PCSpeaker,

    0 votes
    5 answers

  9. Растягивание div-а под текст.

    Имеется такого рода проблема: http://www.progcom.sumy.ua/template/cod/ Как сделать, чтобы див справа растягивался? Чтобы текст не налезал... css div.main { width : 780px; height : auto; margin : 0px auto; padding : 0px 0px; border: 1px solid black; } div.content{ width:780px; height:auto; margin : 0px auto; padding : 0px 0px; min-width: 780px; width: expression(document.body.clientWidth > 780 ? "100%" : "780px") } img.fix { vertical-align: bottom; } table.content_table_first{ margin-top:10px; text-align: top; vertical-align: top; } div.left{ width:190px; height:327px; margin-left:5px; margin-right: 0px; padding : 0px 0px; border: 1px solid grey; } div.right{ width:5…

    Asked by Mihail Dobkin,

    0 votes
    3 answers

  10. растягивание div'а по высоте

    Здравствуйте всем, на страничке нужно сделать "модальное" окно. Для перекрытия всего контента использую div с абсолютным позиционированием и прозрачным фоновым рисунком. Проблема в том, что если контент по высоте превышает высоту браузера, то перекрывающий слой располагается только по высоте браузера. В IE проблему решил через expression, а вот в опере проблему решить никак не удалось. Как можно разрулить эту ситуацию? P.S. краткий код CSS html, body { width:100%;height:100%; } #disabler { position:absolute; z-index:200; top:0; left:0; width:100%; height:100%; ... }

    Asked by a_web,

    0 votes
    4 answers

  11. Растягивание diva

    К примеру есть вот такой вот код. <div id="1"> <div id="2"> </div> </div> дело в том что если растягивается div id=1 то и div id=2 тоже растягивается. Но если будет растягиваться 2, то 1 просто останется таким же какой и был по размерам. Как сделать что бы высота обоих блоков зависела от наполнения каждого, у кого высота с наполнением юольше такая высота на обоих блоках.

    Asked by Rockman,

    0 votes
    2 answers

  12. Растягивание spana в IE6

    Есть проблемка. Есть блок с overflow: auto В нём span с display: block и заданной высотой Всё нормально, но в IE6 при заполнений больше 100% от родителя текстом вместо, того что б продолжать строку и тем самым образовывать полосу прокрутки у родителя, он переносит строчку. word-space: nowrap не помогает =( Что сделать? Заранее спасибо.

    Asked by Yahoo!,

    0 votes
    18 answers

  13. Растягивание table на ширину родителя

    В общем, есть table. Нужно растянуть его на ширину родителя, но так, чтобы он при слишком большом размере не растягивался больше него. Сижу, голову ломаю. width: 100%; не работает, relative у родителя+absolute у потомка нельзя, так как не известны размеры родителя. Точнее, width работает, но при слишком большом кол-ве текста растягивается больше родителя.

    Asked by iKNG,

    0 votes
    12 answers

  14. растягивание textarea

    Скажите. Можно ли как-то запретить растягивать пользователям textarea?

    Asked by Tchorteg,

    0 votes
    1 answer

  15. Растягивание бекграунда

    Здравствуйте, У меня есть див обычный и для него установлена background-картинка. Этот код - небольшая модификация крупного JS-фреймворка (Sencha) и, естественно, там хватает своих записей в DOMе. По каким-то причинам background-картинка, такое чувство, что увеличивается в масштабе. ь.е. я вижу только её маленькую часть, но очень сильно увеличенную. Я пересмотрел уже весь DOM, перепробовал поотключать все стили с помощью консоли - эффекта ноль. Подскажите пожалуйста, в чем может быть дело и в какую сторону необходимо смотреть.

    Asked by pvk,

    0 votes
    3 answers

  16. Растягивание блока

    Почему в Мозиле не тянется вниз блок, т.е. не растягивает этот блок div, как это исправить? #content_block2 { margin: 0 auto; width: 241px; height: 284px; border: 1px solid #000000; float: left; } <div id="content_block1">Много текста</div>

    Asked by okunev2,

    0 votes
    1 answer

  17. Растягивание блока

    Требуется растянуть блок notes на всю высоту блока blog Перепробовал всё что смог, но проблему так решить и не удалось ( <html> <head> <style type="text/css"> div.container { width:1000px; margin:0 auto; } div.block_content { background:#030; } div.blog { width:968px; margin:0 15px; overflow:hidden; background-color:#0C9; } div.notes { width:740px; float:left; background-color:#6CF; } div.post { background-color:#FC9; } div.sidebar { width:211px; float:right; background-color:#99C; } </style> </head> <body> <div class="container"> <div class="block_content"> <div class="blog"> <div class="note…

    Asked by DRiVER,

    0 votes
    2 answers

  18. Растягивание блока в высоту

    Добрый вечер! Помогите найти решение, нужно сверстать макет (рисунок ниже), не могу придумать, как сделать боковой блок. Он абсолютно спозиционирован, нужно, чтобы он растягивался во всю высоту окна, оставляя n-е количество пикселей сверху и снизу. Как этого можно добиться? http://imglink.ru/show-image.php?id=12a788...2eba9a79825384b

    Asked by Ayaweb,

    0 votes
    7 answers

  19. растягивание блока вверх

    Здраствуйте, подскажите возможно ли растянуть блок вверх? есть блок в котором еще три. <div> <div> блок1 </div> <div> блок2 </div> <div> блок3 </div> </div> второй блок должен оставаться на месте(это картинка) а первый и второй (текстовые) динамические(1-3 строчки). так вот блок1 растягиваясь опускает картинку(блок2). как первый блок заставить тянутся вверх?

    Asked by stone86,

    0 votes
    5 answers

  20. Растягивание блока по высоте

    Имеем следующее: Проблема в том что контент(белый цвет) не растягивается по высоте блока manufacturers(желтый цвет)... основной код: <div class="wrapper"> <div class="content"> <div class="manufacturers"> <ul> <li><a class="aprilia" href="#">Aprilia</a></li> <li><a class="arctic_cat" href="#">Arctic Cat</a></li> <li><a class="benelli" href="#">Benelli</a></li> <li><a class="bimota" href="#">Bimota</a></li> <li><a class="bmw" href="#">BMW</a></li> <li><a class="bombardier" href="#">Bombardier</…

    Asked by Kup,

    0 votes
    9 answers

  21. Растягивание блока по высоте

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

    Asked by TorchTT,

    0 votes
    1 answer

  22. Растягивание блока по высоте

    Почему content не растянулся на весь экран браузера? из за этого футер не прижат к низу. wrapper растянут, content тоже должен был растянуться т.к. у родительского высота указана на всё окно, так и дочерний должен был растянуться, при height: 100%;min-height: 100%; <html> <body> <div class="wrapper"> <div class="header"></div> <div class="content"></div> <div class="footer"></div> </div> </body> </html> html, body { height: 100% !important; } .wrapper { width: 100%; min-width: 940px; background: black; position: relative; height: 100%; height: auto!important; min-height: 100%; height: 100%; margin: …

    Asked by lunozwetka,

    0 votes
    2 answers

  23. Растягивание блока по ширине

    Хочется сделать стандартное расположение блоков, т.е.шапка - за ней контент. Но в коде они идут наоборот: контент, потом шапка. Для того чтобы поднять шапку, делаю position: absolute; top: 0; - но при таком позиционировании блок не растягивается на ширину коннтейнера. <!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> <meta http-equiv="content-type" content="text/html; charset=iso-8859-1" /> <meta name="author" content="WhiteNight" /> <style> *{margin:0; padding:0;} html ,body { margin…

    Asked by WhiteNight,

    0 votes
    11 answers

  24. Растягивание блока при большом содержимом

    Проблема: Две колонки на дивах. Первая растягивающаяся, у неё задан отступ справа, вторая такого же размера, что и отступ, и обтекает справа первую. Если в первую колонку вставить объект, ширина которого больше ширины экрана минус отступ, то этот объект начинает вылезать за границы колонки, а хотелось бы, чтоб колонка растягивалась под размер объекта (пусть даже от этого в окне появится горизонтальная полоса прокрутки), а вторая колонка по прежнему находилось справа от первой. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <title>ы</title> <style t…

    Asked by Adlaran,

    0 votes
    0 answers

  25. Растягивание блока.

    Есть три блока (div) с display: inline-block, левый и правый нефиксированной ширины (выравниваются по их содержимому), а средний должен растягиваться от левого до правого блока. Если ставить width: 100%, то блок растягивается вообще на всю страницу, выталкивая при этом блоки вверх и вниз, width: auto ничего не делает. Можно, и даже лучше было бы сделать эти блоки float (чтобы не было отступов между блоками), но опять же всё выталкивается при width: 100%.

    Asked by Necronomicron,

    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