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

    Посмотрел все темы на форуме. Наш?л приблизительно похожие, но они мне не подходят. Сам мучался целый день, но проблему не решил... Задача: Есть страница, с шапкой head (красная) фиксированной ширины и высоты, меню left_menu (светло-голубое), главной страницей main_page (синяя), и нижним футером underline (зел?ный) высота и ширина фиксированны. Необходимо чтобы независимо от кол-ва текста на главной странице футер всегда был в нижней части экрана. Т.е. страница растягивалась вертикально. При большом кол-ве текста, естественно появляется прокрутка. Да это просто, скажите вы =). Задать футеру абсолютное позиционирование и прижать его вниз. Ан нет, задача усложняется тем, чт…

    Asked by SIC,

    0 votes
    3 answers

  2. Резиновая строка между 2х таблиц???

    Как сделать что бы последняя (нижняя) таблица прилипала к нижнему краю экрана? Структура: Таблица1 Таблица2 Таблица3 Что нужно: Структура: Таблица1 Таблица2 резиновая строка, пробел и т.д. и т.п. Таблица3 (прилипшая к нижнему краю экрана) код оч длинный так что вот www.karta-fitness.ru Фуф...с надеждой что хоть кто-то поймет что я тут нацарапал...

    Asked by Shkur,

    0 votes
    10 answers

  3. Резиновая таблица html

    Пытался сделать резиновую таблицу, чтобы ячейки слева - распределялись равномерно, относительно центральной - при увеличении в ней контента. Для этого сделал несколько ячеек с заданными пропорциями и несколько без . Но растягивается только нижняя, пробовал всё: проценты, importan-ы, auto, fixed. Неужели таблица настолько тупая вещь и функционирует только равномерное распределений столбцов, а строки по нулям? <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> </head> <body> <table border="1" width=500> <tr> <td colspan=4 height=20></td> </tr> <tr> <td>-</td>&l…

    Asked by Дронго,

    0 votes
    3 answers

  4. Резиновая таблица в IE 7 - как?

    То ли я поиском пользоваться не умею, то ли решение этой проблемы затерялось в дебрях прошлого. но все же. Нужно сделать таблицу (именно table а не div) из двух колонок, одна фиксированной высоты, вторая - на всю оставшуюся часть высоту экрана. Сделал - в опере и ФФ работает, в IE 7 появляется вертикальный сролл. У самого 6 эксплоера нет, но вроде бы там тоже все ок. В чем проблема? <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title>{title} -</title> <meta http-equiv=Content-Type content="text/html; charset=windows-1251"> <style type="text/css"> <!-- html…

    Asked by pimandr,

    0 votes
    7 answers

  5. резиновая таблица в web диалоге и в простом окне

    вот такая таблица - хочу сделать в popup окне резиновую таблицу, чтобы ширина изменялась в зависимости от того, насколько растянуто окно <table width="100%" border="1"> <tr> <td width="20%"> 1</td> <td >2</td> </tr> </table> если окно открываю через window.open то поведение таблицы как планировалось - ширина изменяется вместе с щириной окна. если открываю окно через window.showModalDilaog, то ширина таблица при открытии окна такая же как и ширина окна, но далее при изменении ширина таблицы останается такой же как и была. почему такая разница и как сделать резиновую таблицу в we…

    Asked by monstrU,

    0 votes
    7 answers

  6. Резиновая таблица с схлопывающейся колонкой.

    Пишу автоматическую генерацию интерфейса. Есть форма в которой первая колонка это название поля. Вторая колонка это input для ввода. Хочется чтоб форма занимала 100% ширину страницы. Но при этом первая колонка была по ширине самого длинного названия, а вторая резиновая. У меня получается или ширина 50/50 или надо задавать ширину первой колонки вручную. А я её заранее не знаю. Есть идеи как это в CSS сделать?

    Asked by demmsnt,

    0 votes
    2 answers

  7. Резиновая табличная верстка макета

    Доброго времени суток, уважаемые форумчане) Подскажите пожалуйста нубу, что я делаю не так?? Стоит задача, сделать резиновый макет исключительно табличной версткой (не спрашивайте почему.... дивами и так знаю как сделать). Короче первое задание: скрин 1. Все норм, делаем табличку, во вторую ячейку посередине вставляю еще одну табличку, задаю ей рамку, ставим проценты и все как надо работает))) (скрин 2). Но вот вторая задачка..... (скрин 3) И вот ту мозгов уже не хватает)) Я рассуждаю так: добавляем еще одну ячейку, colspan ом сливаем шапку и подвал, чтобы они не были корявыми. Делаем одной ячейке 25% второй 75%. Пока все ровно, все работает (скрин 4 и скрин 5).…

    Asked by Dimas07,

    0 votes
    1 answer

  8. Резиновая шапка

    Добрый вечер, господа! Чтож, у меня такая проблема. Нужно оптимизировать шапку под все браузеры и сделать её резиновой, чтобы при сужении окна или при просмотре страницы через разные браузеры части шапки не наесжали друг на друга. Так же мне сказали, что размеры шапки нужно делать под разрешение 800х600... Так у меня в два раза больше разрешение экрана(( Если я так сделаю, то у меня будет не одна картинка, а две в шапке страницы... Такая проблема, что у меня шапка очень большая, а при уменьшении всё искажается(( Я и так искозил её максимально... Запутался я В общем, господа и прошу помощи... Код шапки, чтобы сделать её резиновой. К сожалению, вроде всё пересмотрел и вроде…

    Asked by Безымянный,

    0 votes
    49 answers

  9. Резиновая шапка

    Здравствуйте! Проблема такая: Есть шапка сайта, по бокам которой слоем идут две колонны и в центре бэкграунд-имэйджем картинка с лого: проблема в том, что, если разрешение монитора больше моего (1366px), то правая колонна остаётся на месте где-бы она находилась в развёрнутом окне на моём экране, а фон повторяется. и ещё нужно, чтобы колонна была резиновой и при уменьшении окна браузера была прижата к его стенке, но не закрывая при этом логотип. желательно наверное, чтобы и то, что в центре растягивалось? в чём проблема? вот код: СSS: body { background-image: url(img/fon.png);} #outer_wrapper { min-width:740px; width:100%; background:#fff url(left.gif) repeat-y le…

    Asked by zalman,

    0 votes
    7 answers

  10. Резиновая шапка

    Друзья! Прошу помочь, если есть возможность. Нужно в .css как то указать, что бы фоновая картинка, которая будет шапкой сайта, была резиновая. weight = (к примеру) 80% в background-image не помогает. Возможно есть еще какие то способы, подскажите если не сложно Цель вообще такая. Нужно, что бы шапкой сайта, служила картинка, но она могла растягиваться и сужаться, как и весь сайт, если у пользователей разное разрешение. Как мне этого добиться Извиняйте, если где то ошибаюсь и неправильно рассуждаю, учу html и css пару недель

    Asked by a1rborn,

    0 votes
    9 answers

  11. резиновая шапка

    здравствуйте, скажите пожалуйста, есть максимальная и минимальная ширина сайта. создаю див для шапки, указываю минимальную и максимальную ширину (те же значения что и всего сайта), в этом же классе (у дива) дополняю параметр в виде width:100% для img и в штмл шаблоне прописываю код для картинки. При уменьшении или увеличении экрана картинка "сжимается", как будто дверь в метро закрылась и не успели выйти. пробовал повторить ширину 100% для картинки в самом теге <img> - все равно сжимается. как быть? спасибо!

    Asked by devid89,

    0 votes
    6 answers

  12. Резиновая шапка из 3х кусков

    Столкнулся с проблеммой создания шапки Шапка состоит из 3х кусков, левый и правый фиксированые, середина должна растягиваться. Никак не могу добиться подобного эффекта(( Может кто поможет...?

    Asked by kageroo,

    0 votes
    5 answers

  13. Резиновая шапка при фиксированном сайте

    Сайт на шаблоне с фиксированной шириной. Необходимо сделать на сайте шапку. Сейчас шапка на сайте есть, сделана по вот этому уроку, но вариант не подходит, так как в нём используется body { background <...> }, а мне нужно через backgroung задать сайту фон. Пробовал ещё такое решение: CSS: .container { background: #fff repeat; margin: 0 auto; height: 192px; width: 100%; overflow: hidden; position: relative; } template.php: <div class="container"> <div align="center"><img src="http://site.ru/themes/theme/images/top.jpg" alt="" /></a></div> </div> С высотой шапки 192px и шириной >1700px. Но при использовании этого способа,…

    Asked by vkapas,

    0 votes
    8 answers

  14. Резиновая шапка с картинкой

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

    Asked by jax9011,

    0 votes
    1 answer

  15. Резиновая шапка с картинкой

    Здравствуйте. Есть резиновый сайт. У него есть резиновая шапка. Шапка состоит из 2-х частей. Левая с логотипом имеет фиксированный размер, её не трогаем. Правая же часть шапки должна тянуться под текущий размер окна. Проблема заключается в том, что эту часть шапки целиком должна занимать картинка. Картинка имеет размер примерно в 500пкс, её спокойно можно повторять в шапке. Однако если сделать повторение свойством css repeat-x, то в броузере появляется горизонатльная прокрутка. Есть ли способы не показывать полосу горизональной прокрутки, показывая картинку под обрез? Overflow-x позволяет не показывать ту часть картинки, которая не помещается, но этот вариант мне не подх…

    Asked by sptica,

    0 votes
    3 answers

  16. Резиновая шапка сайта

    Доброго времени суток уважаемые участники форума! Проблема в следующем, имеем рисунок который необходимо замостить на резиновую верстку сайта. Я решил сделать так - разделил рисунок на три части, выбрал фоновое изображение, но вот проблема - не могу сделать это на DIV-ах. Код сделал примерно следующим, index.html: <div id="header"> <div id="header_left"> </div> <div id="header_logo"> </div> <div id="header_right"> </div> </div> И собственно style.css: body { margin: 0px; padding: 0px; } #header { background: url(images/header_block.png) repeat-x; width: 100%; } #header_left { background: url(images/header_left.png)…

    Asked by Bryant-24,

    0 votes
    16 answers

  17. Резиновая шапка сайта

    Добрый день! Проблема в отображении шапки мобильной версии... В desktop версии все хорошо, а в мобильной версии криво Вот css: body { margin: 0; } header { display: block; background: #f4f3e6 url(wp-content/uploads/2014/12/header-grad4.jpg) repeat-x; /* Градиент */ } .header-bg { background: url(images/header-animal.png) repeat-x center bottom; /* Животные */ height: 438px; /* Высота шапки */ text-align: center; /* Выравнивание по центру */ } .header-bg img { position: relative; /* Относительное позиционирование */ top: 0px; /* Сдвигаем картинку вниз */ }А вот сам код: <div class="header-bg"> …

    Asked by Dizred,

    0 votes
    7 answers

  18. Резиновая ширина блока

    Всем доброй ночи. Есть не резиновый сайт. 1 - сам сайт, ширина 1000 пикс; 2 и 3 - свободные ничем не заполненные поля по сторонам от сайта. Необходимо на место поля 2 вставить резиновый блок, который будет в зависимости от разрешения экрана иметь различную ширину, но всегда будет заполнять все пространство от левого края сайта до левого края дисплея. Подскажите как задать стиль этому блоку? P.S. Нашел вот что: <div id='myDiv' style='...'> </div> <script language='JavaScript'> w=screen.width/2-500; // 50% от ширины дисплея минус половина ширины сайта d=document.getElementById('myDiv'); d.style.width=w; </script> но данный скрипт работает ТОЛЬКО …

    Asked by Dayks,

    0 votes
    12 answers

  19. Резиновая ширина рисунка в ИЕ

    Проблема в следующем: есть таблица, состоящая из тр?х колонок. Ширина таблицы 100%. Левая и правая колонки по 150рх, а средняя занимает вс? свободное пространство. В среднюю колонку вставляю рисунок размерами 802х249 рх задаю ему параметры width:100%; height:auto; Так вот при разрешении 1280х1024 отображается вс? так, как надо, но при уменьшении разрешения "Ос?л" начинает брыкаться, т.е. отображает рисунок не на100% ширины а на все 100% ширины рисунка. Что интересно, когда пробовал вставить рисунок шириной 200рх, "Ос?л" его растянул на всю ширину ячейки, с потерей качества естественно. Может быть кто сталкивался с подобной проблемой? Подскажите, как сделать, чтобы рисун…

    Asked by Shuranka,

    0 votes
    1 answer

  20. Резиновая ширина, навигация слева в виде таблицы

    Здравствуйте, подскажите, пожалуйста, почему центральная таблица (Новости) на ходится снизу относительнолевого блока (таблицы). Делал как здесь в макетах: http://htmlbook.ru/layout/rezinovaya-shirina-navigatsiya-sleva вроде бы. float: left. Отступы вроде все правильно проставлены. Весь день промучался, но не получается.Хочу чтобы всё позиционирование было относительным. Новичок в CSS совсем. Поэтому скорее всего всё банально глупо. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>Сайт</title> <link rel="stylesheet" href="style.css" type="text/css"> </head> <body> <img id="hat" src="…

    Asked by bdshadow,

    0 votes
    11 answers

  21. Резиновая ячейка в таблице

    Здравствуйте. Пытаюсь сверстать меню. Столкнулся с проблемой: ни в какую не хочет растягиваться под нужную высоту ячейка под номером 2 (см. скрин). Высота верхней и нижней ячеек жестко заданы. и содержат градиентный фон. Вторая ячейка просто залита цветом (в данном случае красным). Как можно заставить ее растянуться до необходимой высоты? (на скрине она растянута вручную а так получает высоту 0) HTML & CSS: <div id="navigation"> <table cellpadding="0" cellspacing="0"> <tr> <td rowspan="3"> NAV HERE<br /> NAV HERE<br /> NAV HERE<br /> NAV HERE<br /> NAV HERE<br /> NAV HERE<br /> NAV …

    Asked by bFree,

    0 votes
    11 answers

  22. Резинове меню

    Сейчас меню на ширину всего врапера нарисовано(сылка на рисунок). Нужно сверстать резиновое меню, чтобы при уменьшении размера экрана сужалась ширина элементов меню. http://s1.ipicture.ru/uploads/20130221/8WzaAP55.jpg

    Asked by romank,

    0 votes
    2 answers

  23. Резиново - фиксированный макет

    Подскажите пожалуйста пытаюсь сделать вот такой макет делаю на bootstrup Не знаю как сделать левой фон, он отличается от правого.Лево и право продолжение center. width 100% ————————————————————— ! top.jpg ! ————————————————————— ! ! header ! ! ! left.jpg ! center.jpg ! right.jpg ! ! ! ! ! ! fluid ! fixed - 960px ! fluid ! ————————————————————--! ! …

    Asked by regina68,

    0 votes
    4 answers

  24. Резиновое бг

    Добрый вечер помогите пожалуйста, как сделать такое бг через обертку? есть одно бг которое повторяется по оси y и есть второе бг которое не повторяется и находится вверху повторяющейся бг начинается только тогда, когда в не повторяющиеся бг заполнено контентом вот так проблема в том что бг повторяющееся и не повторяющееся в формате png на данный момент имеется вот такой код .rightside_bg_y { background: url(./design/contant/bg/rightside/rightcol_y.png) right repeat-y; margin: 0 -164px 0 0; } .rightside_bg { background: url(./design/contant/bg/rightside/rightcol.png) top right no-repeat; height: …

    Asked by Temiks,

    0 votes
    7 answers

  25. Резиновое горизонтальное меню

    Есть горизонтальное меню: <div id="hor_menu"> <ul> <li><a href="#"><span>Статьи</span></a></li> <li><a href="#"><span>Контакты</span></a></li> <li><a href="#"><span>О компании</span></a></li> <li><a href="#"><span>Портфолио</span></a></li> <li><a href="#"><span>Услуги</span></a></li> <li class="active"><a href="#"><span>Главная</span></a></li> </ul> </div> Див резиновый. Как растянуть пункты меню…

    Asked by Zernike,

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