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. Разные <li> в одном div.. возможно?

    Здравствуйте! Встала передо мной такая проблема - навигационное меню объединено одним div'ом, а формирование ссылок списка хотел бы сделать по-разному (цвет, наведение, итд), т.е. даже не так в разнобой, а идет список [*] в , ul заканчивается и хочется следующий сделать другим [*], но параметры div'a не дают это сделать... есть ли выход из ситуации, кроме как объявления нового div'a? Спасибо (сложно написал, первый раз, думаю знающие поймут..))

    Asked by walaby,

    0 votes
    1 answer

  2. Разные background-image в зависимости от разрешения экрана посетителя.

    Добрый день, дорогие друзья! Для начала - вот проект, над которым сейчас работаю. http://test000.hourb.com/ - это тестовый аккаунт. Будущий сайт для онлайн кинозала. Ребята, подскажите... Как на PHP (javascript) реализовать автоматическую смену следующих CSS свойств: В ЗАВИСИМОСТИ ОТ РАЗНОГО РАЗРЕШЕНИЯ ЭКРАНА ПОЛЬЗОВАТЕЛЯ. И сделать предварительную загрузку background в зависимости от разрешения. Причем background трех разных стилей для КРАСНОГО СИНЕГО И БРОНЗОВОГО. background-color background-image background-origin: background-position: background-repeat: background-size: для блоков: <div id="bg_wall"> <div id="bg_border">Основной Контонет&…

    Asked by mannvillage,

    0 votes
    7 answers

  3. Разные CSS для одного элемента

    для всех заголовков на сайте использутся стиль: #osnova H1, H2, H3,{ FONT-SIZE: 17px; COLOR: #4f7ba6; background-COLOR: #f3f3f3; font-style: normal; font-weight: bold; margin: 0px; text-align: right; background-image: url(/images/h1_strela.gif); padding: 0px 5px 0px 0px; } и только на одной из страниц сайта надо задать другой стиль для заголовков в диве zag: <div id="osnova"> <div id="zag"><H1>Заголовок </H1> <H2>Заголовок </H2> <H3>Заголовок </H3></div></div> Задаю, такой стиль не работает т.е всем заголовкам в диве zad присваиваются стили osnova: #zag H1, H2, H3 { FONT-SIZE: 17px; COLOR: #4f7ba6; background-CO…

    Asked by Loed,

    0 votes
    5 answers

  4. Разные css для разных экранов

    Как определить через скрипт размер экрана и подгрузить соответствующий файл css? Есть ли какие нибудь негативные моменты из практики при использовании данного способа?

    Asked by John Do,

    0 votes
    8 answers

  5. Разные анимации элемента по :hover

    Возможно ли сделать две разные анимации (именно animation) для элемента при наведении на него мышью (:hover) средствами CSS? Т.е. навели мышь на элемент сработала первая анимация, убираем мышь срабатывает вторая анимация. P.S. transition не позволяет добиться сложных перемещений блоков, поэтому не подходит

    Asked by Kelenar,

    0 votes
    5 answers

  6. разные бордюры в таблице

    привет, такая проблема делаю табличную верстку, хочу, чтобы у меня были бордюры 1пиксел черные нормальные линии, в опере видно хорошо, а в ИЕ какую-то чушь показывает, как исправить? вот скрин в опере как это выглядит а вот так глючно в ИЕ, как поправить видимость в ие?

    Asked by fireXXX,

    0 votes
    8 answers

  7. разные браузеры...

    вот как видит в Опере и IE а вот как в Мазиле... ... чё делать? <html> <head> <style type="text/css"> .vconttext { padding-left: 27px; padding-right: 27px; padding-top: 27px; margin: 0; text-indent:10px; } .vcont { width: 561px; height: 100; background-image: url('vcontfon.jpg'); background-repeat: repeat-y; background-position: center center; z-index: 1; } .vcontverh { width: 561; height: 25; background-image: url('vcontverh.jpg'); background-repeat: no-repeat; z-index: 1; position: absolute; padding-left: 0px; } .vcontverhpravo { width: 25; height: 61; background-image: url('vcontverhpravo.jpg'); z-index: 3; position: relative; left: 536; } .vcontve…

    Asked by Nekromancer,

    0 votes
    7 answers

  8. Разные версии вёрстки сайта для смартфона и пк

    Как сделать чтоб на смартфоне вёрстка сайта отличалась от пкшной?

    Asked by GreenAurora,

    0 votes
    2 answers

  9. разные версии страниц по устройствам

    Привет. Как такое возможно сделать, чтобы отдавались разные версии страниц, в зависимости от устройства? Сделано, например в wildberries.ru Адреса страниц одинаковые, а оформление разное. И это не адаптив, а именно разные версии страниц. Определяют типа клиента на сервере и используют разные макеты?

    Asked by d0ublezer0,

    0 votes
    2 answers

  10. Разные границы изображений в разных браузерах

    Имеем недоделанный сайт.. 2 дня от роду polosatiykot.ru при просмотре ie - у многих изображений серый кантик.. при просмотре google хром - никаких кантиков нет.. подскажите чего добавить в css, чтоб исщез глюк?

    Asked by veromi,

    0 votes
    1 answer

  11. Разные интервал между символами

    Приветствую, уважаемые форумчане! Проблема в следующем: "прыгает" интервал между буквами. пока замечены "с", "т", "ы". Причём не обязательно у всех этих символов. Например, у буквы "с" стоящей вначале слова интервал увеличен, а у "с" стояйщей вконце слова - нормальный. И при каждой загрузке страницы, места, где прыгает интервал, меняются. letter-spacing не задан, а его установка ни к чему не приводит. Шрифты использовал самые различные - меняются только буквы, у которых прыгает интервал. размер шрифта тоже не оказывает влияния. браузеры, компьютеры, разрешения значения не имеют - у всех одинаково. отключение скриптов тоже никаких результатов не дало успел заск…

    Asked by bulba_man,

    0 votes
    2 answers

  12. Разные картинки

    Хотелось бы, чтобы картинки были одинаковыми, или хотя бы аккуратно выровненными. http://medialife24.com/category/news/ Какие есть решения?

    Asked by yaparoff,

    0 votes
    2 answers

  13. Разные картинки в таблице

    День добрый! Имеем вот такой скрипт <script language="JavaScript" src="http://shop.digiseller.ru/asp/agent_g_src.asp?idn=81893"></script> и css <style> <!-- .table_goods { margin: auto; } .tr_head {} .td_head_name {padding: 3px; background-color:#ffffff;} .td_head_price {padding: 3px; background-color:#ffffff;} .head_name {12px; Verdana, Arial, Helvetica, Sans serif; font-weight:300; font-style:normal; color:#ffffff;} .head_price {12px; Verdana, Arial, Helvetica, Sans serif; font-weight:300; font-style:normal; color:#ffffff;} .tr_row { float: left; } .td_row_name { background: linear-gradient(top,#FDFDFD 0,#FCFCFC 10%,#F6F6F6 60%,#F0F0F0 80%,#EDED…

    Asked by isamael,

    0 votes
    9 answers

  14. Разные картинки для каждой ссылки

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

    Asked by aizul,

    0 votes
    3 answers

  15. Разные кодировки

    У меня вопрос к специалистам какая разница какую кодировку использовать UTF-8 или ....-1251?

    Asked by nightgremlin,

    0 votes
    11 answers

  16. Разные отступы в IE & Opera

    Слева разные отступы в IE и Opera, то есть не везде, а только возле первого столбца блоков. Что в этом случае можно сделать? не могу понять откуда IE берет дополнительные пикселы Заранее спасибо. <!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=utf-8"> <title>Untitled Document</title> <style type="text/css"> .content{ height: 100px; width: 100px; background: #fff; float: left; margin: 20px; } </style> </head> <body> <div style="width: 100%; background: #d6edd3;"> Слово&lt…

    Asked by Slyfox,

    0 votes
    4 answers

  17. Разные отступы в IE, FF и Opera

    Всем привет! Между блоками заданы отступы. В файрфоксе и ie всё как надо, а в опере кривит. Вот страничка Почему так? Может в процентах дело?

    Asked by CrazyFrog,

    0 votes
    1 answer

  18. Разные отступы в браузерах

    Проблему решил сам. Всем спасибо.

    Asked by Rustick,

    0 votes
    0 answers

  19. Разные отступы в меню,как исправить?

    Всем доброго времени суток! Вот сайта Проблема в том,что у горизонтального меню по правому краю в разных браузерах(к примеру:Mozilla FireFox и Chrome) совершенно разные отступы,в чем проблема? Mozilla: Chrome:

    Asked by Xolodeec,

    0 votes
    2 answers

  20. Разные размеры изображений в браузере?

    Создал картинку в фотошопе определенной высоты, вставил ее в страницу, а она меньшего размера отображается, хотя размер прописан тот же. Вообще не понимаю как браузеры отображают картинки... открыл картинку просто через браузер, она нормального размера, открыл на html странице стала меньшего размера. Скриншот здесь https://yadi.sk/i/mrfI32TNZXyiL слева картинка в просмотровщике, справа html страница в браузера. Разобрался, вот я заработался и на масштаб не смотрел)

    Asked by aizul,

    0 votes
    0 answers

  21. Разные размеры картинок в слайдере

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

    Asked by WhatIsHTML,

    0 votes
    4 answers

  22. Разные размеры шрифта в одном элементе списка

    Доброго времени суток! Вот, что нужно сверстать: Размер шрифта для самих элементов меню (Account Sign In, Register...) - 13 пикселей. Для точек-разделителей - 25 пикселей. Интерлиньяж одинаковый - 30 пикселей. Между элементом меню и точкой-разделителем расстояния в 3 пробела размером шрифта 13 пикселей. Базовая линия элементов меню и базовая линия точек-разделителей совпадают. Вот мой код, использую unordered list, сначала устанавливаю размер шрифта для элементов меню и точек одинаковый - 13 пикселей. <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> <link rel="stylesheet" href="css/style.css" /> </he…

    Asked by zodcyi,

    0 votes
    4 answers

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

    Добрый день! Буду признателен, если поможете с решением одной проблемы. Точнее, это даже не проблема, а попытка найти более оптимизированное решение. Есть CMS. Пользователь в текст страниц может вставлять картинки и выбирать для них разный стиль отображения\выравнивания, в частности, float: left и float: right. Стиль прописывается внутрь тега. Вопрос: Можно без применения jquery и др. отловить значение атрибута float в стиле и исходя из этого назначить разные стили? Или может от чего то другого можно оттолкнуться? Может как-то через псевдоклассы из CSS3. Так же немаловажен вопрос кроссбраузерности решения. Пример. Код у картинок внутри текста будет именно в таком виде. К…

    Asked by Ex.clusive,

    0 votes
    4 answers

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

    Привет всем. Помогите советом новечку. Имеется: Один html документ (index). В нем 3 меню: одно горизонтальное, под шапкой. Два других, вертикальные, ниже, прижаты справа и слева, по бокам основного контента. Вот меню которые по бокам описаны в css одинаково, разные только ссылки в них. А меню горизонтальное, должно иметь другой вид и другое поведение при наведении и т.д. Подскажите, как в одном css документе описать разные правила для разных списков меню.

    Asked by slava.prib,

    0 votes
    1 answer

  25. Разные стили для разных ссылок (с атрибутами hover, visited и т.д.)

    Обычно я стили оформляю так: html: <p class='heading'>xxx</p> <p class='content'>xxx</p> css: p.heading {xxx: xxx} p.content {xxx: xxx} А как оформить разные стили для: <a class='main_link'>xxx</p> <a class='sub_link'>xxx</p> ? Просто a - всё ок, но а если с hover, visited? Пробовал следующие варианты: a.main_link:hover a:hover.main_link

    Asked by Boron,

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