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. Проблема с фиксированым подвалом

    Здравствуйте. Есть такая проблема: у меня есть фиксированый подвал, но он накрывает контент(Скриншот). Как мне зделать, чтобы контент поднялся выше подвала, если контент и боковые панели находятся в класе .layout, а подвал в .foot. Ниже приведен CSS Код .layout{ margin: auto; position: relative; width: 95%; } .foot{ background-color: rgba(198,214,229,0.8); bottom: 0; left: 5%; width: 90%; position: fixed; -moz-border-radius: 10px 10px 0 0; -webkit-border-radius: 10px 10px 0 0; border-radius: 10px 10px 0 0; } Если нужна дополнительная информация, пишите.

    Asked by Z3RO,

    0 votes
    16 answers

  2. Проблема с флоат

    Здраствуйте всем. Проблема такова. я хочу чтобы менюшка располагалась прям под шапкой проблема в том что менюшка в ИЕ6 прыгает вниз шапки и не растягивается по процентам прописаным елсли делать всё это дело с овер флоу то шапка становится на место только пол рисунка обрезается и низ рисунка тоже подрезается. подскожите пожалуйста что я делаю не так . как прописать чтобы всё встала на свои места?! заранее благодарен. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>Untitled Document</title&gt…

    Asked by ar130405,

    0 votes
    1 answer

  3. Проблема с флоатом.

    Доброго времени суток, столкнулся со следующей проблемой: есть область, ширина резиновая в 80% по монитору, в нее ставляю 4 элемента, у элемента стоит флоат лефт, ширина и высота фиксированная и пытаюсь все это хозяйство поставить по центру этой 80% ширины, если 4 элемента выстроенны в 1 строку все хорошо, идет отцентровка по центру, а если уменьшить разрешение монитора, то получается 3 на 1 строке, 1 на 2 строке и обе строки прижаты влево. Как бороться?

    Asked by alizid,

    0 votes
    2 answers

  4. Проблема с фонами

    Нужно: Фон всего документа голубой, а рабочая область - белый. Но в браузе белый заполнает по бокам области голубого. Что я не так сделал, подскажите, пож-ста?.. css: * { margin: 0; padding: 0; border: 0; background: #A7D1EF; } body { padding: 0; background: #FFF; color: #4A2D1E; font-family: Arial, Tahoma,; font-size: 12px; } #container { position:relative; width: 1000px; margin: 0 auto; background:#FFF; height: 800px; } #head { position:absolute; width: 1000px; height: 300px; } #countries { position:absolute; background-image:url(images/countries.gif); width: 174px; height: 432px; left: 12px; top: 310px; } html: <!DOCTYPE HTML> <html> <head> …

    Asked by pulsar21,

    0 votes
    4 answers

  5. Проблема с фонами

    Друзья, помогите исправить такой косяк: Мне нужно чтобы логотип сделался ровно посередине. Черный круг сзади надписи задавала бэкграундом. Пробовала отпустить надпись маргинами не помогло. <div class="nav"> <ul> <li><a href="#about">about me</a></li> <li><a href="#portfolio">portfolio</a></li> <h3><a href="#">jd</a></h3> <li><a href="#blog">my blog</a></li> <li><a href="#contact">contact me</a></li> </ul> &lt…

    Asked by amalia,

    0 votes
    3 answers

  6. Проблема с фонами

    Доброе время суток! Такая проблема надо сделать чтобы полоска фона фильтра и полоска сортировать встречались и расходились до конца экрана не могу сообразить как сделать. Скриншот прилагаю http://clip2net.com/s/3BDrOhF .

    Asked by Ratibor,

    0 votes
    1 answer

  7. Проблема с фоновым изображением

    Всем привет. Верстаю сайтик один, в верстке не знаток, верстаю таблицами. Основная таблица с контентом шириной 800рх, отцентрирована. Мой монитор с разрешением 1650х1050 поэтому и фоновую картинку лепил под это размер шириной в 1650, с такими CSS: body { background-image:url(fon.jpg); background-repeat:no-repeat; background-attachment:fixed; background-color:#ff8281; background-postion: center top; } ну и при уменьшении ширины экрана вплоть до 1024 естественно, сама таблица сдвигается, а фоновая картинка остается на месте, становится некрасиво. Посоветуйте, что можно сделать что бы фоновая картинка так же сдвигалась вместе с таблицей, либо может другую технику посоветует…

    Asked by kashik,

    0 votes
    14 answers

  8. Проблема с фоновыми изображениями

    http://joxi.ru/O4oRVIwyTJCUeXnmiu8 Верстаю с помощью таблицы. Обрал все что можно .antyraj{ margin: auto; padding: 0px;}td{ border: 0px #008040 solid; padding: 0px; margin: 0px;}Все равно есть разрывы в изображении. Все вставлено фонами в td. Может есть у кого идеи!

    Asked by Alex_Dark74,

    0 votes
    2 answers

  9. проблема с фоном

    постановка задачи следующая: есть такой макет. необходимо реализовать для доктайпа quot;-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> чтобы div.one и div.two растягивались на всю высоту окна браузера. Буду благодарен за любую идею по реализации. Совершенно не имеет различия таблицами или дивами. Главное, чтобы работало.

    Asked by vr201,

    0 votes
    18 answers

  10. проблема с фоном

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

    Asked by FLYERok,

    0 votes
    7 answers

  11. Проблема с фоном

    В общем у меня такая проблема может даже не проблема а задача :| ! У меня в таблице рисунком задан фоном, но нужно чтоб в конце таблицы появился еще один рисунок и тоже фоном, чтоб текст на него наладывался! Можно ли сделать так чтоб на одну таблицу наложить сразу 2 фона ну а дальше я наврено разберусь через repeat!

    Asked by Marlik,

    0 votes
    7 answers

  12. проблема с фоном

    пишу стилях background:#015099 url(images/bg.jpg) 50% 50% no-repeat; в ие все нормально работает, а в опере показывает только 50% картинки, остальные 50% уходят за рамки вверху страницы

    Asked by Ramshine,

    0 votes
    7 answers

  13. Проблема с фоном

    Люди, как сделать общий bg 2-цветных? Тоесть один цвет на пол ширины слева, другой справа????

    Asked by Sandro,

    0 votes
    4 answers

  14. Проблема с фоном

    Возникла необходимость в нестандартных бордюрах. Решил реализовать это фоновым изображением. Все элементарно, если фон висит на слое фиксированного размера. А как быть если известна только ширина?

    Asked by Ururu,

    0 votes
    3 answers

  15. Проблема с фоном

    Недавно в этой теме наткнулся на плагин для расстягивания фона. Решил попробовать здесьи вот какая проблема возникла: когда окно браузера развернуто и я начинаю ресайзить масштаб в браузере - все работает красиво, но когда начинаю сворачивать-менять размер окна браузера, то фон вообще не так как хочется себя ведет. Надеюсь понятно рассказал. Кто знает как сделать так что б хорошо стало, или это специфика работы плагина? Спасибо. UPD: Вот как здесь хочется.

    Asked by DImas95,

    0 votes
    0 answers

  16. Проблема с фоном

    Доброго времени суток! Помогите пожалуйста. Сел за верстку своего сайта и столкнулся с проблемой: имеется 2 части фона, одна постоянно повторяется, а вторая находится непосредственно под футером. Так вот не удается нормально прицепить фон под футер Помогите пожалуйста Сайт: ай-тим.рф СSS: @charset "windows-1251"; /* CSS Document */ body { background-image: url(image/day_0.jpg), url(image/day_1.jpg); } header { background-image:url(image/head/head_1.png); height: 206px; width: 746px; margin: 0 auto; position: relative; } .header_button_1 { background-image:url(image/head/button1_0.png); height: 47px; width: 178px; margin…

    Asked by ser2031,

    0 votes
    1 answer

  17. Проблема с фоном

    Подскажите, плиз. Такие строки: .content { ... background-color: #2b2e28; background-color: rgba(43,46,40,0.45); ... } Если с первой строкой все ясно и понятно, то откуда берется вторая строка из Photoshop?

    Asked by aaron,

    0 votes
    2 answers

  18. Проблема с фоном

    Не могу понять почему у меня фон врапера не растягивается на всю висоту .wraper{ background: white; width: 976px; margin: 60px auto; height: 100%; min-height: 100%; padding-top: 1px;}в врапере есть два блока <div class="wraper"> <div class="header"> </div> <div class="content"> </div> </div>и фон растягивается где то до половины блока контент

    Asked by kaplunA,

    0 votes
    8 answers

  19. Проблема с фоном

    проблема решена)

    Asked by raptor-dm,

    0 votes
    0 answers

  20. Проблема с фоном

    Подскажите, как добавить два фона: цвет и картинка. То есть, при наведении блок затемняется и поверх появляется картинка с лупой. Этот код не срабатывает: a.box:hover { background: rgba(0, 0, 0, 0.7) url(../img/fon.png)no-repeat bottom right;}

    Asked by Fendia,

    0 votes
    1 answer

  21. Проблема с фоном body

    Довольно давненько черпаю из вашего сайта полезную информацию, но теперь от безысходности решился написать таки. Проблема следующая: Есть сайт, главная таблица сайта занимает 800px по ширине. Надо справа и слева поставить изображения так, чтобы они примыкали к главной таблице. Примыкали даже в том случае, если с зажатым ctrl отдалять роликом сайт, то есть на widescreen мониторах не было видно разрывов между главной таблицей и изображениями по бокам. Есть идея, но как ее реализовать я не знаю. Пробовал и контейнер div и td по бокам, и div relative, и слоями index, как только не пробовал. То есть задать фиксированный размер, чтобы вся оставшаяся картинка обрезалась(уходила …

    Asked by Beck,

    0 votes
    4 answers

  22. Проблема с фоном FF, Opera

    Позиционирование фона страницы неадекватно. В чем проблема, подскажите? В осле работает как надо, в опере и Гекко-браузерах фон позиционируется относительно видимых 100% ссылка на сабж: http://tremor.pisem.su/wtf_with_background/index.html

    Asked by tr3m0r,

    0 votes
    2 answers

  23. Проблема с фоном в IE.

    Доброго времени суток! Проблема заключается в том, что при написании сайта необходимо было задать основному блоку фон высокого разрешения. Его размеры были заданы с помощью css3 : background-image: url(img/bg_total.png); background-repeat: no-repeat; background-size: 100% auto; -o-background-size: 100% auto; -webkit-background-size:100% auto; -moz-background-size:100% auto; -khtml-background-size:100% auto; В браузерах, в которых проверял сайт, все срабатывает как надо. Но только не в IE. Он не понимает background-size: 100% auto;. соответственно помогите найти решение данной проблемы. Возможно чтобы решение было именно для IE или просто…

    Asked by Altenrion,

    0 votes
    2 answers

  24. Проблема с фоном в IE8

    Всем привет. У меня не отображается фон блока с контентом в ie8 http://arch-projects.ru/information.html В чем может быть причина?

    Asked by andreysolo,

    0 votes
    2 answers

  25. Проблема с фоном в Опере

    В файле css установлен следующий параметр: body{ background-color:#000; } В FF5, Chrome, IE8 все отображается как задуманно (фон страницы - черный), но вот в Опере фон почти везде белый почему-то... Помогите разобраться чего не хватает Опере для корректного отображения. Сайт - http://ilonapalfi.com/. Валидацию html прошел. Заранее большое спасибо за добрый совет.

    Asked by Nikto,

    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