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. Растяжение содержимого таблицы

    <table align="left" cols="5" border="0" width="0" bordercolor="#000000" bgcolor="#efefdd"> <tr> <td align="center" valign="middle" height="150" width="150" bgcolor="#FFFFFF"><a href="genre_pictures_1.htm" target="_self" title="Жанровая живопись"><img src="../pictures/genre_pictures/2003/preview/10.jpg" alt="Жанровая живопись" width="150" height="99" border="0"> Жанровая живопись</a></td></td> <td align="center" valign="middle" height="150" width="150" bgcolor="#FFFFFF"><a href="artdecor_1.htm" target="_self" title="Артдеко"><img src="../pictures/artdecor/2002/preview/6.jpg" alt="Артдеко" width="150" height=…

    Asked by nicotin,

    0 votes
    5 answers

  2. Растяжение страницы в IE8

    есть сайт money-room.ru На главной странице через div с позицией absolute размещен текст "о сервисе" рядом с блоком обмена. В файрфоксе отображается нормально, а в IE происходит растяжение страницы.

    Asked by zwolf,

    0 votes
    2 answers

  3. Растяжение фона в блоке

    Здравствуйте, Посередине окна браузера есть маленькое окно с полосой прокрутки, в котором нужно растянуть полупрозрачный фон на всю высоту окна. (Чтобы при прокрутке фон не обрезался посередине окошка). Background:repeat-y; height:100%; - не помогает. Посоветуйте, plz!

    Asked by comb,

    0 votes
    1 answer

  4. Растяжение хедера и футера

    Как побороть проблему: Есть футер прижатый к низу средствами CSS, хедер и основная часть. Если в основной части контент шире чем окно браузера, то появляется горизонтальный скролл. Если прокрутить его влево, то будет видно что подвал и шапка остались своего размера, а надо чтоб тянулись. Пример: http://vindex10.24ua.com/ Собственно сам документ: index.php <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html> <head> <title>Блаблабла</title> <link rel="stylesheet" href="work/footer_down.css" /> <link rel="stylesheet" href="work/main.css" /> </head> <body> &…

    Asked by Victor Ananiev,

    0 votes
    5 answers

  5. растяжения rowspan в таблицах

    <table border="0" cellspacing="0" cellpadding="0" id="maintable"> <tr> <td colspan="3" id="header"> </td> </tr> <tr> <td rowspan="2" id="left_panel"> здесь менюшка </td> <td id="main_window"> </td> <td rowspan="2" id="right_panel"> </td> </tr> <tr> <td id="footer">Футер</td> </tr> </table> Проблема в том что при добавлении отступов между пунктами меню, растягивается футер, не знаю в чем дело 1) 2)

    Asked by Victor Ananiev,

    0 votes
    5 answers

  6. Растяжка

    Как сделать чтобы при увелечении дива с текстом увеличивался и левый див?

    Asked by sdasddsa,

    0 votes
    3 answers

  7. Растяжка div с заданным float по высоте родительского div'а

    Долго мучаюсь, но что-то не выходит. Случай вроде бы распространенный, но найти решение в интернете так и не смог. Структура довольно простая. <div class="main"> <div class="mainleft"> меню </div> <div class="mainright"> содержание </div> </div> вот их стили .main { width: 90%; background-color: #FFFFFF; } .mainleft { width: 200px; background-color: #FF0000; float: left; height: 100%; } .mainright { background-color: #FFFF00; margin-left: 210px; height: 100%; } Задача: при растягивании одного из дивов (к примеру правого), левый должен стать такой же высоты и наоборот. У меня же получается так: правый див растягивается, раст…

    Asked by PCSpeaker,

    0 votes
    2 answers

  8. Растяжка wrapper

    И снова я, снова с растяжкой wrapper`a, на этот раз с другой проблемой, В общем wrapper должен тянуться по длине, все было бы хорошо, но вот wrapper состоит картинкой (прозрачность в местах + закругление углов) впринципе проблемы нет - wrapper тянется, но не так как нужно, ведь там закругленные углы и прозрачность - что не ок. Как выходить из такой ситуации? Смотрим код http://jsfiddle.net/rCRKJ/

    Asked by Ergonav,

    0 votes
    2 answers

  9. растяжка по высоте,падинги,опера,эксплорер

    http://timako.iskra-net.ru/temp/index.html в опере отображается нормально, но не растягивается по высоте. в эксплорере паддинг шапки как-то не так считается и сразу появляется дырка. (я помню была статья про то, как в эксплорере считается падинг, но так и не нашел) если убрать доктайп, то и в опере и эксплорере растягивается по высоте, но под меню появляется пустая полоска. уже замучался е? убирать... наверняка где то или фонт сайз прописать надо или с падингами что то не так... помогите, пожалуйста доктайп сохранить, по высоте растянуть, полоску убрать.

    Asked by LikeAPilot,

    0 votes
    20 answers

  10. Растяжка подвалапо вертикали

    Добрый вечер, господа. Вопрос такой - есть блок фиксированного с контентом с автоматическим отступом, под ним растянутый на весь экран подвал. В блок вставляется таблица, появляется горизонтальная прокрутка, однако подвал остается фиксированным ровно на 100% размера окна браузера. Та же проблема на всех страницах, если окно браузера уменьшить менее чем на 960px - появляется прокрутка, содержимое footer'a видно, но вот фона в области за полосой прокрутки уже как не бывало. Что нужно исправить, чтобы он растягивался на всю страницу? <html> <body> <div class="container"> </div> <footer> </footer> </body> </html&…

    Asked by Panic,

    0 votes
    5 answers

  11. Растянул фоновое изображение, справа немного ломается.

    РЕШЕНО Здравствуйте. Сделал фон в GIMP, вставил эту картинку как фон в тэге body body { height: 100%; background-image: url("{{ MEDIA_URL }}images/body.jpg"); background-size: cover; } Картинка растянулась, но в ширине слегка ломается справа вот тут http://www.tech.djangohost.name/ (нужно прокрутить направо). Подскажите почему такое поведение? И как картинку растянуть без косяков? Так же подключен bootstrap. Если еще размтка нужна, выложу...

    Asked by viz9,

    0 votes
    0 answers

  12. Растянутый контент до футера.

    В общем, суть такая. Есть страница, футер прибит к низу, тело сайта растянуто до низа. А теперь как сделать, чтобы блокн внутри сайта id="content" тоже был растянут до конца сайта? Если присвоить min-height: 100%, то появляется полоса прокрутки и сайт делается длиньше высоты разрешения экрана. <div id="main"> <div id="header"></div> <div id="content"><h2> Тело сайта</h1></div> <div id="rbar"><h3> Меню:</h1></div> </div> <div id="footer">Made by ShadowScale</div> Ксс такой: html, body {height: 100%; width: 100%;} #main { width: 1000px; border:5px solid #96bbae; border-top:0px; b…

    Asked by ShadowScale,

    0 votes
    6 answers

  13. Растянуть <div> по-вертикали и еще кое-что

    Доброй ночи уважаемые опытные верстальщики. Перекапал интернет и этот форум, нашёл некоторые варианты, но многие либо не работают, либо работают не так. Итак, вот что мне нужно сделать: Резиновый дизайн с левыми, правыми блоками фикс ширины и центральной динамичной частью (контент) Контент динамичный, то очень много, то совсем ничего. Также header высотой 90px; И footer высотой 90px; footer всегда внизу, контент должен его толкать (если он больше размера страницы по-вертикали) И самое главное: левые и правые блоки с контеном должны быть на 100% высоты, то есть всегда быть прижатыми в footer. Вопрос: можно ли вообще впринципе добиться этого div'ами без использования js? Ре…

    Asked by Gmans,

    0 votes
    5 answers

  14. Растянуть div

    Вобщем такая проблемма div в шаблоне если нету контента получается не на всю высоту. когда с текстом когда без, или его не достаточно чтоб растянуть подскажите плиз как растянуть див по размеру браузера

    Asked by zerg,

    0 votes
    2 answers

  15. растянуть DIV на всю длину

    Есть колонка в таблице 1 div логотип 2 div поиск 3 div заливка рисунком подскажите как можно 3 div растянуть на оставшуюся длину колонки .logo {margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; height: 144px; width: 300px;} .search {margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; background-image: url(/design/images/bgsearch.gif); background-position: top left; background-repeat: no-repeat; height: 95px; padding-left: 10px; padding-top: 0px;} .left {background-image:url(/design/images/bgtree.jpg); background-repeat: no-repeat; background-color: #eaeff1;} <td width="300" valign="top"> <div class="logo"><a href="#"><img src="/design/images/logga.gif…

    Asked by marcouk,

    0 votes
    4 answers

  16. Растянуть div на всю свободную высоту

    Не могу растянуть DIV по высоте не один способ не работает (( Помогите! <div id="wrapper"> <div id="header"></div> <div id="content"> </div> </div> html, body { font-family: Arial, Helvetica, sans-serif; height:100%; } #wrapper { width: 1200px; margin: 0 auto; } #content { min-height:100%; height:100%; _height:100%; }

    Asked by Dark Smoke,

    0 votes
    5 answers

  17. Растянуть div на высоту body, вычтя высоту header

    Всем привет. Необходимо растянуть body на высоту страницы, а вложенному диву с контентом задать высоту: body минус высота header. Если я делаю так <html> <body> <header></header> <div id="#content"></div> <body></html>html, body, #content {height:100%;}то высота #content увеличиваеся на высоту header. Хотя, может быть, я вообще не в ту сторону смотрю. Исходный сайт — s1a.ru; нужно растянуть контейнер #gk-main на всю высоту страницы. Сейчас же на Главной и на страницах, где мало контента, внизу по бокам появляются белые полосы.

    Asked by vkapas,

    0 votes
    9 answers

  18. Растянуть DIV по вертикали, пропадает в IE

    Нужно растянуть DIV с доп навигацией по вертикали (зелёный градиент), вроде нашел как, но в IE он почему-то вообще пропадает. Сайт

    Asked by AnTiBAnnik,

    0 votes
    5 answers

  19. Растянуть div по всей высоте li-элемента

    Собственно суть вопроса в заголовке. Более понятно на скриншоте, но все равно постараюсь объяснить. Правее есть некая дополнительная информация, которая отделена вертикальными полосками и эти самые полоски не по всей высоте, плюс ко всему информация не по середине. Уже не знаю, что делать. Хотя есть мысль переделать все не на списках, а на блоках div. Css код HTML код

    Asked by Arios,

    0 votes
    4 answers

  20. Растянуть div по высоте ячейки таблицы

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <style type="text/css"> .myclass { height: 100%; width: 100%; background: #000000; } </style> <table> <tr> <td valign="top" bgcolor="#00FF00"> aaa<br><br><br>aaa </td> <td valign="top" bgcolor="#FF0000"> <div class="myclass">mydiv</div> </td> </tr> </html> Пока не выставил HTML 4.01 Transitional проблем с этим не было, но хотелось сделать так, чтобы работало в этом стандарте. Задача - растянуть div под ячейку td в высоту. Перепробовал много вариа…

    Asked by PCSpeaker,

    0 votes
    12 answers

  21. Растянуть DIV по содержимому и выровнть по центру.

    Здравствуйте, имеется div с случайным содержимым и нужно выровнять его по центру родительского div, а также установить ширину равную содержимому. Можно ли это провернуть без JS?

    Asked by Titansword,

    0 votes
    1 answer

  22. Растянуть Div с float вертикально по высоте

    Добрый день, уважаемые форумчане, ни как не могу решить проблему с ростягиванием DIV'а которому задано свойство флоат. Хочу понять именно механику процесса. Необходимо чтобы 2 колонки всегда были в низу экрана, даже если контента мало. Пожалуйста помогите разобраться! Вот код

    Asked by ProJey,

    0 votes
    11 answers

  23. растянуть inline-block до конца строки

    помогите пожалуйста растянуть правый внутренний inline-block до конца строки http://plnkr.co/edit/Pug0TBbVWjF0wEkYpcT9?p=preview есть такой вариант, но в этом случае перестает работать vertical-align: middle http://plnkr.co/edit/q69ycAxFC3yx2k2nTlbQ?p=preview

    Asked by FeelUs,

    0 votes
    1 answer

  24. Растянуть input text по ширине родительского элемента

    Как-бы растянуть input по ширине td? Ширина td задаётся стилем, в %.

    Asked by ХОЛОДный,

    0 votes
    1 answer

  25. Растянуть input на всю ширину div, минус изображение справа

    Здравствуйте. Ищу валидное, кроссбраузерное решение одной проблемы, и не получается, пришел спросить вас совета. Суть проблемы: Есть div с резиновой шириной, допустим 30% от размера окна, в нем находится input и img. img прибит к правому краю, а input должен быть на всю ширину дива до изображения. Если непонятно объяснил, могу нарисовать макет.

    Asked by relax,

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