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

    Нужна помощь по такому вопросу. Делаю стандартную росформатировку на 2 блока: основа и меню, причём меню решил фигачить фиксированного размера. Отсюда собственно и вопрос реализации. + доп условие сделать высоту менюшного блока 100% относительно основного блока. Предыдущую реализацию делал при помощи связки div-table, которую тестил на хромом(хроме), но запустив на фоксе заметил что изображения, по обычному уменьшаемые при помощи max-width и т.д. эту тему несхавали и, собственно, разлезлись на весь экран. Заранее благодарен за любую полезную инфу.

    Asked by SunChase,

    0 votes
    2 answers

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

    Шапка состоит из 2 строк так сказать...В первой отображаются кнопки (картинки а не фон) во второй: меню слева, правее от него банер и еще правее-еще картинка (все одной высоты, ширина баннера -резиновая, а меню и самой правой картинки-фиксированная)...на рисунке общий шаблоник...

    Asked by Vlad111,

    0 votes
    18 answers

  3. Резиновая верстка, как быть с высотой body

    У меня возникла проблема при резиновой верстке. Допустим есть: HTML <body> <div> <div></div> </div> </body> CSS body{ height:?;(Вот здесь и проблема) } div{ height:20%; } Чтобы действовало это height:20%;, нужно чтобы body имел какую-нибудь фиксированную цифру. Но я же делаю это резиново, и мне нужно, чтобы min-heght = высоте устройства, а если содержимое не вмешается, то высота увеличивалась бы по мере необходимости. Помогите пожалуйста!

    Asked by Michael Myers,

    0 votes
    2 answers

  4. Резиновая верстка, позиционирование, вопрос

    Как сделать стили чтобы для макета на картинке в хтмл блоки шли в таком порядке: <div id="content">MAIN CONTENT</div> <div id="left">LEFT SIDEBAR</div> <div id="right">RIGHT SIDEBAR</div> <div id="footer">HEADER</div> <div id="footer">FOOTER</div>

    Asked by datum,

    0 votes
    5 answers

  5. Резиновая верстка, резиновые блоки.

    Добрый день. У меня следующий вопрос, может кто нить уже сталкивался со следующими вопросами: верстка резиновых блоков, то есть если изменяется ширина окна браузера, то и блок изменяет свои размеры. Примеры Smotra.ru и ozon.ru Ясно, что это javascript и css, но мне бы хотя бы ссылочку, где можно было бы ознакомиться с тем, как решить вопрос такой вот верстки....

    Asked by byzuka1,

    0 votes
    2 answers

  6. Резиновая вёрстка: Шапка в пикселях, контент высотой 100% и футер тоже в пикселях

    Хочу сделать макет с фиксированной шапкой, 100% контентом и фикс. футером и чтобы всё вмещалось на страницу без прокрутки (если мало контента), но прокрутка всё же немного появляется. В чём может быть дело друзья? Заранее спасибо! =) Ссылка HTML CSS

    Asked by CrazyFrog,

    0 votes
    6 answers

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

    Здравствуйте! есть страница: http://www.fleetservice.ru/tork_test.php Возможно ли сделать так, чтобы содержимое серого контейнера #catProdList имело бы ширину строго по контенту?

    Asked by Светлана Гр.,

    0 votes
    5 answers

  8. резиновая вертска

    В общем есть такая проблема. дана табличка <title>Резиновая табличная верстка сайта</title><style type="text/css">.header {height:60px; background-color:#717dc9; padding:20px; text-align:center}.left_col {width:120px; height:460px; background-color:#dddddd; padding:15px; vertical-align:top}.center_col {background-color:#ffffff; padding:15px; vertical-align:top}.right_col {width:120px; background-color:#dddddd; padding:15px; vertical-align:top}.footer {padding:10px 0 10px 20px; background-color:#717dc9; font-size:13px}</style></head><body><table cellpadding="0" cellspacing="0" width="100%" align="center"><tr><td colspan="3…

    Asked by danzo55,

    0 votes
    2 answers

  9. Резиновая вертска..

    Решил впервые в жизни отведать резиновой верстки и вот что вышло ссылка И сразу же проблемы: - при сворачивании окна получается 2 колонки, которые налезают на футер. Как сделать, чтобы футер сдвигался вниз вместе с колонками ? - как сделать, чтобы логотип не наезжал на меню ? Спасибо.

    Asked by uteelers5,

    0 votes
    2 answers

  10. Резиновая витрина

    Суть проблемы в том, что я не знаю и не могу найти как расположить элементы внутри резинового блока: тыц "Стандартный" вроде бы вариант фиксированные "сайдбары" и тянущийся центр. Как разместить товары, чтобы при ширине 800px они "складывались" в 2 колонки, а при увеличении в 3, на всю ширину? Пробовал задавать margin в процентах блокам, но получалось что-то страшное. И да, верстка для себя. Спасибо.

    Asked by uteelers5,

    0 votes
    1 answer

  11. резиновая высота div-а с круглыми скобками

    Добрый день. Есть таблица из одной строки и двух ячеек. В правой ячейке (сайдбар) делаю DIV с круглыми углами. Заказчик просит чтобы этот див вертикально растягивался на всю высоту таблицы. Подскажите, пожалуйста, как с круглыми уголками это сделать без js? Вот наброски сайта: http://nim.id1945.com/blog/

    Asked by culver,

    0 votes
    1 answer

  12. Резиновая высота блока с учетом вычета высоты header и footer

    Приветствую всех встала передо мной проблемка сверстать макетик с такой же структурой как и здесь - _http://makexhtml.ru/2011/rezinovaya-vysota-bloka-s-uchetom-vycheta-vysoty-header-i-footer-css-jquery/, только подвал у меня фиксированной высоты. Реально ли такое реализовать только с использованием дивов или же прибегнуть к таблице? или же использовать скрипты? надеюсь на помощь более опытных коллег, потому как сам додуматься не могу.

    Asked by RK152,

    0 votes
    3 answers

  13. Резиновая высота видео ролика

    Доброго времени суток. Леплю резиновый шаблон для сайта и появилась потребность уточнить размеры тэгов видео ролика аля ютуб и т.д. С шириной проблем не возникло.Спокойно схавало width:100%, но вот на % размер высоты никак нехочет реагировать(скажем height:35%). Сама задача заключается в сохранении пропорций размера видео в плеере. Можете чтото подсказать по данной проблеме?(ЯваСкрипты пока только изучаю, а потому просьба подробно расписывать решения с ихней помощью ... если таковы имеются конечно)

    Asked by SunChase,

    0 votes
    7 answers

  14. резиновая высота меню

    Подскажите пож. Есть меню <div id="navi"> <ul> <li><a target="_blank" href="index.html">ГЛАВНАЯ</a></li> <li><a target="_blank" href="index.html">ГЛАВНАЯ2</a></li> <li><a target="_blank" href="index.html">ГЛАВНАЯ3</a></li> <li><a target="_blank" href="index.html">ГЛАВНАЯ4</a></li> <li><a target="_blank" href="index.html">ГЛАВНАЯ5</a></li> <li><a target="_blank" href="index.html">ГЛАВНАЯ6</a></li> <li><a target="_blank" href="index.html">ГЛАВНАЯ7</a></li&g…

    Asked by EvilDoom,

    0 votes
    8 answers

  15. резиновая горизонтальная менюшка

    Каждый делает как то по своему менюшки, плюшки и т.п. Я вот задался впросом, а кто как делает свои горизонтальные менюшки резиновые. Хотелось бы сделать как то иначе, не так как всегда. Пример такой Просьба не предлагать табличную верстку, и вариант когда li с процентной шириной тоже не предлагать. Желательны примеры где в менюшку можно добавить новые элементы свободно, без изменения других.

    Asked by Mr Loga,

    0 votes
    6 answers

  16. Резиновая картинка (больше-меньше)

    Всем привет. Не могу дать ладу...подскажите плз. Свертал лэндинг на HD разрешение, но беспокоит что шапка не резиновая. Как средствами ксс и хтмл сделать загрузку другого фонового изображения, если разрешения монитора меньше 1920px...

    Asked by Bandyy,

    0 votes
    1 answer

  17. резиновая картинка в css

    <img src="/images/logo.png" style="float: left; margin: 0 10px; max-width: 100%; height: auto;"/> Если ставлю в html, то картинка работает. А если преобразую в css, то картинка исчезает. Что неправильно? HTML: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR...ransitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <title>Документ Без Имени</title> <link href="im.css" rel="stylesheet" type="text/css" /> </head> <body> <div class="min"></div> </body> </html> CSS: .mi…

    Asked by Jolly1,

    0 votes
    5 answers

  18. Резиновая картинка тянущаяся только вниз, по мере увеличения информации

    Народ, подскажите, можно ли это реализовать. И если да, то как: Необходимо сделать простой одностраничный сайт, в котором по мере добавления нового текста - автоматически удлинялась бы картинка под ним. Полагаю, что для этого необходимо зафиксировать верхнюю и нижнюю часть изображения, и подготовить отдельный шаблон картинки, который будет добавляться между ними, по мере растяжения основного блока сайта? Как себе это представляю: html + css должно хватить? Что там писать? Заранее благодарен всем откликнувшимся!

    Asked by xaxs,

    0 votes
    0 answers

  19. Резиновая карусель и резиновый контент внутри

    Подскажите как сделать Jcarousel резиновой, так что б весь контент внутри ресайзился пропорционально?

    Asked by Justtie,

    0 votes
    1 answer

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

    Доброго времени суток.Верстаю макет и столкнулся с проблемой: есть вырезанная кнопка, без названия, нужно сделать так, что бы была функциональная кнопка, с возможностью изменят её название и естественно ели название длинное то, что бы кнопка растягивалась. И вот ещё пару проблем 1) :href в хедере и 2) сели вы откроете его в IE то увидите третью проблему(отступ под хедером), как его убрать тоже не могу понять. В общем вот таки трудности ((( Буду очень признателен за помощь.

    Asked by yujin11,

    0 votes
    14 answers

  21. Резиновая кнопка оригинальной формы

    Я недавно начал заниматься версткой и столкнулся с небольшой проблемой. Нужно сделать кнопку, растягивающуюся в зависимости от ширины текста. Кнопка имеет необычную форму. Растягивание кнопки с обычными закруглениями выполняется просто. Здесь нужно сохранить форму кнопки: левый и правый края, а растягивать только середину. Я нашел решение, но в нем кнопка становиться длинной с большими отступами текста. Нужно сделать кнопку как можно короче. Кто сталкивался с подобной проблемой, надеюсь на вашу помощь. Заранее благодарен. Кнопка: http://webfile.ru/5469334

    Asked by silverlight90,

    0 votes
    3 answers

  22. резиновая колонка с полосой прокрутки

    сделал страницу как на http://htmlbook.ru/content/fiksirovannyy-dizayn-svoystvo-float в "Пример 2. Двухколонный макет" проблема в том, что когда во второй колонке находится широкая таблица, она "сжимается" до 750px. вопрос - можно ли сделать ширину страницы в % и чтобы при появлении в ней широкой таблицы появлялась горизонтальная полоса прокрутки?

    Asked by max.sa,

    0 votes
    0 answers

  23. резиновая меню

    Здраствуете.Мне нужна создат резинавае меню.Так штоба пункты меню со сваим блокам отxадили друг от друга и тянулис по ширине екрана не меняая размеров.Кто знает как ето можна реализожат? http://webfile.ru/5684398 zdes vy@lajil fayl

    Asked by Samauchka,

    0 votes
    2 answers

  24. Резиновая разметка в 2е колонки

    есть следующая разметка : <div id="outer"> <div id="upbg"></div> <div id="inner"> <div id="header"></div> <div id="splash"></div> <div id="menu"></div> <div id="primarycontent"></div> <div id="secondarycontent"></div> Так вот основной интерес представляют primarycontent и secondarycontent , нужно сделать чтобы secondarycontent был 240px , а primary занимал всю оставшуюся ширину экрана слева. Вот текущий код css, в настоящее время проблема в том что div primarycontent занимает не всю свободную область, а только небольшую часть в зависимости от внутреннего содержания. То есть ш…

    Asked by andkorz,

    0 votes
    4 answers

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

    Приветствую! Подскажите пожалуйста, никак не соображу... Как сделать резиновую рамку по краям сайта, которая будет растягиваться на 100% по ширине и высоте вместе с контентом? Разрезанные рамки в архиве - http://dl.dropbox.com/u/16468356/images.rar

    Asked by chillout,

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