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. Растягивание блоков по высоте.

    Здравствуйте!Вопрос следующий:Есть блок-родитель тянущийся по высоте на 100%.Внутри 2 дочерних блока.У верхнего высота 70px, а вот нижний должен растянуться по всей оставшейся высоте.Как это сделать без полосы прокрутки?

    Asked by jonston@list.ru,

    0 votes
    2 answers

  2. Растягивание Дива

    Доброго времени суток, сделал резиновую верстку макета, все вроде ничего но вот никак не могу исправить одну проблему, опыта у меня в верстке маловато, поэтому прошу помощи Проблема в том, что есть общий блок для контента, котором лежит блок для текста и правая колонка! По идеи при увеличении текста, блок с текстом должен растягиваться и растягивать родительский блок контент, от которого зависит размер правой колонки! Если использовать макет на мониторах не менее 1024х768 и при условии, что количество текста останется таким как есть , то все нормально... (бордеры добавил для наглядности) но если расширение будет меньше или текста будет больше выходит вот такая лажа... …

    Asked by chapay,

    0 votes
    3 answers

  3. Растягивание дива по абсолютному контенту.

    День добрый! Внутри body на след. уровне есть 2 дива: - растянутый через absolute, top:0, bottom: 0 итд общий слой где нарисована страница. - диалог, показанный через absolute, right: половина экрана. Проблема: Если диалог больше изначальной высоты экрана, то основной слой не растягивается в появившееся за счет скролла пространство. Иными словами, при изменении размеров страницы из-за увеличения scrollable области див который должен быть растянут не растягивается, а остается таким же. Пытался сделать body: relative, пытался вставлять эти 2 дива в отдельынй слой - никак. Можно исправить?

    Asked by Dymytry,

    0 votes
    0 answers

  4. Растягивание изображения на весь экран

    Господа, прошу прощения за ламерский вопрос (я не спец в html совсем), но подскажите, пожалуйста, по каким причинам вот этот код <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Background</title> <style> body { background: url(https://content.screencast.com/users/immick6307/folders/Snagit/media/43d76d9a-3476-4bb7-ac03-185a3ec097bb/12.14.2021-12.42.png) no-repeat; -moz-background-size: 100%; /* Firefox 3.6+ */ -webkit-background-size: 100%; /* Safari 3.1+ и Chrome 4.0+ */ -o-background-size: 100%; /* Opera 9.6+ */ background-size: 100%; /* Современные браузеры …

    Asked by The_Immortal,

    0 votes
    11 answers

  5. растягивание как на яндексе

    Привет всем! Делаю сайт, но никак не могу сообразить каким образом сделать вёрстку как на яндексе — при растягивании экрана, расстояние от краёв браузера до содержимого сайта сильно меняется. А при сжатии - расстояние сокращается до минимума. Попробуйте сами порастягивать браузер. Изобразил для нагладности: Вёрстка блочная. Что делать? Очень расчитываю на вашу помощь.

    Asked by wolfandman,

    0 votes
    7 answers

  6. Растягивание контента при пустом правым sidebar'е

    Здравствуйте нужна помощь, я уже запарился, все не по фен-шую них... Проблема заключается в том чтоб при пустом правом сайд-баре контент растягивался на всю ширину, а если там что-то имеется сужался и по низу не оптекал сайд-бар. Я додумался только вот до токого: <!doctype html> <html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> #main { width:300px; margin:0 auto; height:500px; background-color:#E4E4E4; } *{ margin:0; padding:0; } #block { float:right; /*background-color:#C9C;*/ width:100%; margin-left:-100px; } #content{ } #r-sidebar { width:100px; float:right; background-color:#66F; } …

    Asked by griboff,

    0 votes
    9 answers

  7. Растягивание макета по высоте

    Народ помогите. нужно сделать чтобы средняя часть макета растягивалась по высоте. Я делал верх и футер определенного размера, и футер прибивал к низу, но не работает((. Подскажите в чем ошибка. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>Market bistro</title> <link rel="stylesheet" type="text/css" href="st.css"> </head> <body> <table class="t"> <tr height=100% valign=top> <td> <!--логотип--> …

    Asked by dota,

    0 votes
    8 answers

  8. Растягивание меню

    В общем ситуация такая. Есть горизонтальное меню, при структуре с фиксированным расстоянием между кнопками(padding), вроде влазит, но кроме андроида и мазилы. (последний пункт выползает во 2 ряд) Хочется чтобы оно автоматически растягивалась по ширине, сделал это с помощью div -display: table; ul- table-row; li- table: cell; Появилась другая проблема, раньше, при наведении на элемент он выдвигался (hover {padding-top: +5px;}), а с таблицей это не работает, отодвигаются все элементы.

    Asked by berg12,

    0 votes
    1 answer

  9. Растягивание меню на всю ширину блока

    Всем доброе субботнее утро! Столкнулся с проблемой, нужно сделать такое: Код: <div class="letters"> <ul class="alphavit"> <li><a href=/directory/index/%D0%90>А</a></li> <li><a href=/directory/index/%D0%91>Б</a></li> <li><a href=/directory/index/%D0%92>В</a></li> <li><a href=/directory/index/%D0%93>Г</a></li> <li><a href=/directory/index/%D0%94>Д</a></li> <li><a href=/directory/index/%D0%96>Ж</a></li> <li><a href=/directory/index/%D0%97>З</a></li> <li><a href=/directory/index/%…

    Asked by crash,

    0 votes
    1 answer

  10. растягивание на 100% в списке (IE)

    у меня проблема с растягиванием на 100% тега li в раскрывающемся меню... ниже пример... Тут пример с косяком в IE6,7 Буду раз за помощь)

    Asked by dber,

    0 votes
    3 answers

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

    1 колоночный макет: шапка, основной контент, футер. всё один к одному в колонку. нужно следующее: в шапке будут меняться изображения, рандомно, разной высоты. слой внутри шапки (содержащий картинку) должен тянуть всю области шапки вниз в завимости от размеров изображения. но ставить фиксированную высоту картинки, и обоим слоям нельзя, т.к. изображение берётся из скрипта и заранее прописать ему размеры нельзя. не могу разобраться как вытянуть слой в высоту без фиксации по высоте картинки или слоя... код дам, если понадобится =) заранее спасибо за помощь

    Asked by Arden,

    0 votes
    0 answers

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

    Верстка блочная, каждый блок имеет один и тот же класс, никаких идентификаторов. В каждой строке по 4 блока, использую инлайн-блоки + свойство родителя "text-align: justify", не знаю, как бороться с последними блоками. Я думаю, данная проблема уже разбиралась не раз, но мои поиски не дали никакого результата, может ткнете меня в сыллку, или скажете, как правильно задавать поисковый запрос, а может и напишите решение этого.. Вот мой код: <div id="content"> <div class="block"></div> <div class="block"></div> <div class="block"></div> <div class="block"></div> <div class="block"></div> <div class="bl…

    Asked by a.antropov,

    0 votes
    4 answers

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

    Здравствуйте! Столкнулся с одной проблемой... Есть таблица, заранее неизвестной ширины, в ее ячейке лежит div. Так вот, мне нужно, что бы этот div автоматически растягивался, по всей высоте таблицы... Как такое осуществить?

    Asked by RoaminFire,

    0 votes
    0 answers

  14. растягивание по вертикали

    В общем не могу растянуть слой по вертикали CSS #d1{width:700px; position: absolute; background-image:url(images1.gif); background-repeat:repeat-y; margin-left:20%; padding-left:12px; height:100%; } #d2{ height:100%; width:650px; background-image: url(images2.gif); background-repeat:repeat-y;} HTML <div id="d1"> <div id="d2"> content </div></div> в Opera работает а с IE не получется что я делаю не так.

    Asked by B@M,

    0 votes
    1 answer

  15. Растягивание по высоте блока, с вложеными позицированными дивами

    Всем привет. Есть главный блок all, позиционируемый по центру. В нем еще один блок content, так же располагается по центру. Внутри content есть два блока box_left и box_right, к которым применяется float. Блок content должен растягиваться по высоте, в зависимости от высоты блоков box_left и box_right. Применить float к content нельзя. Прикладываю миниатюру.

    Asked by c01nd01r,

    0 votes
    3 answers

  16. растягивание по высоте в ff

    Помогите пожалуйста. В IE,Opera все тянется и стабильно работает. В фф, как не пытался не получилось - _http://profshopping.ru/index.php?categoryID=327&show_all=yes

    Asked by Gleb-k,

    0 votes
    2 answers

  17. Растягивание равномерно <a> по всей ширине

    Здравствуйте уважаемые форумчане! Сейчас пробую освоить одну CMS, и для изменения стиля навигационного меню, можно редактировать только CSS. Вывод html (фиксирован): <td id="menu"><table width="100%" cellspacing="1" cellpadding="0" border="0"> <tr><td nowrap="nowrap"> <a id="active_menu" class="mainlevel" href="1">ссылка</a> <a class="mainlevel" href="2">ссылка2</a> <a class="mainlevel" href="3">ссылка3</a> </td></tr> </table> </td> нужно, что бы три ссылки растянулись по всему <td id="menu"> равномерно. текущий css (на что меня хватило): #menu table{ height: 30px; width: 1000px…

    Asked by Hijacker,

    0 votes
    12 answers

  18. Растягивание родительского блока

    Проблема решена.

    Asked by DesiresDesigner,

    0 votes
    0 answers

  19. Растягивание страницы по всему экрану

    Здраствуйте! Помогите мне пожайлуста растянуть страницу сайта ( на картинке) по всему экрану(то есть по ширине) а не как на картинке ( по середине). Заранее вам огромное спасибо)

    Asked by sasha8085,

    0 votes
    2 answers

  20. Растягивание таблицы

    Здравствуйте. Ковыряюсь с одним форумом, в общем такое дело. Сам макет реализован через таблицу. В таблице 3 колонки. Внутри центральной лежит весь контент. Все круто, до тех пор пока в центральную колонку не попадает картинка, ширина которой больше общей ширины. В таком случае центральная колонка начинает наезжать на боковые и в итоге их скрывает. Можно ли как нибудь сделать, что бы она не налезала на них а двигала их в стороны? Спасибо.

    Asked by Alsabel,

    0 votes
    2 answers

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

    В опере наблюдается глюк, когда при уменьшении размеров окна, таблица растягивается в высоту вместе с ее содержимым, а при восстановлении окна - остается такой же растянутой и не сужается по содержимому, как это делает експлорер, т.е. появляется куча свободного пространства в ячейках. Можно ли решить эту проблему? Вот код страницы: <html> <style media=screen> a.menu {color: green; text-decoration: none} a.menu:visited {color: green; text-decoration: none;} a.usual {color: blue; text-decoration: none;} a.usual:visited {color: purple; text-decoration: underline;} table {table-layout: auto; font-family:arial; font-size:10pt; font-color:black;} .selected_e…

    Asked by vm45s02,

    0 votes
    3 answers

  22. растягивание фона

    Можно ли сделать так, чтобы фоновое изображение ячейки растягивалось на ширину ячейки? У вас наверно может возникнуть вопрос зачем мне это надо. но у меня на сайте есть горизонтальна менюшка, которая состоит из 6 ячеек, в каждой их которой рисунок, шириной 184пиксела. и надо, чтобы менюшка тянулась в ширину 100%. я делал это давая ширину общей таблице 100%, и каждому рисунку 100% (ну и ячейкам по 16%),и вроде как все должно было тянуться хорошо. И так оно и было в ФФ, Сафари и Опере. Но всеми любимый нами ИЕ не хочет при уменьшении ширины браузера уменьшать рисунки меньше их действительного размера. больше-пожалуйста, растягивает нормально, но меньше-никак. Я уже не знаю,…

    Asked by Константин,

    0 votes
    4 answers

  23. Растягивание фона

    Здравствуйте, форумчане! Имеется сайт с приблизительно такой структурой: <table> <tr> заголовок </tr> <tr> <table> <tr> <td>левая колонка</td> <td>центр</td> <td>правая колонка</td> </tr> </table> <tr>подвал</tr> </table> Ширина колонок и центра постоянна, длина меняется. Задача: добавить фоновую картинку. Так, чтобы она была за обеими колонками и центром, и растягивалась в зависимости от их длины. Решение: после долгих поисков и проб нашел более-менее сработавший способ, добавил перед левой колонкой ячейку: <td height="100%" width="1050" valign="top" style…

    Asked by SAURONoff,

    0 votes
    2 answers

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

    Есть блок с бекграундом. При добавлении в него большого количества контента, контент начинает снизу вылазить за изображение. Как сделать так чтобы по мере добавления контента изображения растягивалось(заменяя рястяжение белой заливкой, но чтобы при этом сохранились ее границы и закругленный низ)??? Картинку фона блока прилагаю.

    Asked by flintovich,

    0 votes
    8 answers

  25. Растягивание фонового рисунка

    Можно ли растянуть фоновый рисунок вообще!!!

    Asked by Yahoo!,

    0 votes
    1 answer

  • Обсуждения

    • 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