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. Аккордеон на чистом HTML/CSS

    Добрый день. Подскажите как реализовать такой всплывающий блок как на картинке: 1) Блок на который один раз нажал должен быть открытым все время, до выбора другого блока; 2) Название блока в закрытом положении имеет черный цвет и стрелочка вниз, а при открытом синий цвет и стрелочка вверх 3) Реализовать с помошью HTML и CSS

    Asked by Romario1985,

    0 votes
    2 answers

  2. Активация 2х Div'vov при наводке на род. div

    Активация 2х Div'vov при наводке на род. div Добрый день, у меня возникла проблема, есть 2 блока которые имеют ховеры с разными цветами. Я вложил их в родительский div, но никак не могу понять: как сделать чтобы при наводке на родительский блок активировались вложеные дивы одновременно: <div class="horse"><a href="#"> <div class="onse"><p>ПОКУПКА 300 КЛЮЧЕЙ</p></div> <div class="prc"><p>1650<sup> руб. </sup></p></div> </a></div>

    Asked by recjles,

    0 votes
    2 answers

  3. Активация кнопок и смена элементов

    Помогите, пожалуйста, разобраться как активировать кнопки чтобы при нажатии на них сменялась информация (текст/картинка). Один отзыв заменял другой. Прикрепляю свой код. Большое спасибо) <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <link rel="stylesheet" type="text/css" href="reviews.css"> </head> <body> <style type="text/css"> .uc-reviws { position: relative; display: block; } .uc-reviews-slider{ overflow: hidden; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-s…

    Asked by aversa121,

    0 votes
    0 answers

  4. Активировать контент под iframe jv

    Всем привет, мне надо разместить на сайте виджет в iframe. Но содержимое iframe не занимает всю прямоугольную область. Таким образом есть область, незанятая виджетом, но попадающая под iframe. Можно сделать фон iframe прозрачным, чтобы остальное содержимое сайта было видно из под него . Но оно все равно остается неактивным на на ссылки, кнопки нельзя нажать. Можно как-то не только сделать фон прозрачным но и сохранить активность элементов?

    Asked by quZz,

    0 votes
    4 answers

  5. Активировать поле

    Вот не получается у меня такая штука, как, например, на этом форуме: нажимаешь "ответ" или "создать новую тему" - открывается страничка, а поле заголовок уже активно, т.е. можно сразу начинать писать. Как сделать-то? PS. TabIndex не помогает....

    Asked by gizmomy,

    0 votes
    5 answers

  6. Активная кнопка меню

    Здравствуйте... У меня есть вопрос, как сделать кнопку активной после нажатия на нее.. Допустим имеется ссылка в навигационной панели, нажимаешь на необходимую категорию, после перехода, - это кнопка имеет друргой цвет - что показывает что она сейчас активна...

    Asked by synapse,

    0 votes
    2 answers

  7. Активная кнопка меню

    Добрый день! Уже несколько дней ломаю голову и гуглю, но решение так и не нашел.... Сайт делаю на CMS DLE. Есть меню. <ul> <li><a href="/"><span>About Us</span></a></li> <li><a href="#"><span>Services</span></a></li> <li><a href="#"><span>Jobs</span></a></li> <li><a href="#"><span>Contacts</span></a></li> </ul>Нужно, что бы при переходе на страницу About Us у нее был другой стиль .left-menu li a:active { background: #FFFFCC; …

    Asked by NoExist,

    0 votes
    3 answers

  8. Активная область шапки сайта или её части

    Как сделать переход с шапки сайта на главную страницу? Шапка- background. Вроде думала можно использовать map с area, но как я поняла из описания тега map, он связывает тег img с активной областью, а у меня нет его, рисунок находится в фоне.

    Asked by Анна,

    0 votes
    2 answers

  9. Активная ссылка

    По негласным законам веб-дизайна, активная ссылка должна как минимум выделяться. Вопрос: как дезактивировать ссылку (т.е превратить в обычный текст), по адресу которой мы и находимся. Например если пользователь на главной странице, то ссылка "На главную" или не присутствует или не активна. Как я понимаю понимаю, только HTML и CSS тут не обойтись.

    Asked by 100kd,

    0 votes
    6 answers

  10. Активная ссылка

    Толи туплю то ли просто не догоняю ! Суть такая идет меню ! Настроены классы для ссылок вот нада сделать так чтоб при открытой той или иной странице то или иное меню менялся фон ! Хороший пример Здесь

    Asked by darewangog,

    0 votes
    23 answers

  11. Активная ссылка

    Всем привет. Помогите плиз с ссылкой не выходит сделать активную ссылку, что может быть не так? CSS .rollover-left:link { width: 311px; height: 77px; background: url(images/left.png); display: block; } .rollover-left:visited, .rollover-left:hover, .rollover-left:active { background: url(images/left-active.png); } HTML <ul class="menu"> <li><a href="#" class="rollover-left"></a></li> </ul>

    Asked by Dobryak,

    0 votes
    2 answers

  12. Активная ссылка

    Как мне сделать так чтобы помечалась та ссылка(в навигации) в зависимости от страницы на которой я нахожусь.

    Asked by lobanov_kirill_,

    0 votes
    6 answers

  13. активная ссылка

    Подскажите как реализовать через CSS. Есть меню в виде ссылок, как сделать чтобы ссылка страницы на которой я нахожусь выделялась. Чтоб было видно в каком месте меню я сейчас. PS.можно отдельно для каждой активной ссылки прописать class="active" но это муторно, много страниц (да еще и меню идет как Library).

    Asked by zulus,

    0 votes
    2 answers

  14. Активная ссылка

    Привет. Один клиент хочет чтобы на сайте было так: В общем есть ссылка назовем ее "Главная ссылка" при переходе по этой ссылке хочет чтобы она выделялась после того как перешли по этой "Главной ссылке", затем на этой странице есть другая ссылка назовем ее "Внутренняя ссылка" по нажатию на которой человек переходит на страницу и он хочет чтобы были выделены цветом ссылки "Главная ссылка" и "Внутренняя ссылка" и так далее. Можно ли это сделать? т.е. есть ссылка1 нажимаем на нее переходит на страницу где есть другая ссылка, при это ссылка1 должна быть выделена, затем переходит по ссылке на какую-нибуть страницу и должны быть выделены ссылка1 и ссылка2. Причем это не пун…

    Asked by kolhoz,

    0 votes
    3 answers

  15. Активная ссылка в разных броузерах

    Всех с наступившим 2010 годом. Удачи, благоролучия и вдохновения!!! Вроде пустяшный вопрос - а решить не могу. Подскажите пажалуйста при таком коде в CSS #tab a span {color:blue;} #tab a:hover span {color:green;} #tab a:active span {color:red;} активная ссылка red только в IE/. Остальные броузеры (от Opera до Chrome) после клика при уводе курсора ссылку ссылку снова делают blue.На сам клик делают red . Это исправимо? Или искать другие способы?

    Asked by olva,

    0 votes
    12 answers

  16. Активная ссылка меню

    Не могу понять почему отходит вниз... http://di-asouls.ru/minecraft/ Я понял, что виновато "padding-top: 20px;" и мои кривые лапки, но как выровнять текст без такого проблемного состояния? \\\ [left] #menu { padding: 0; list-style-type: none; background-image: url(../page_img/menu/menu_bg_repeat.png); font-size: 30px; height: 70px; } #menu li { padding-top: 20px; float: left; margin: 0; } #menu li a { text-decoration: none; display: block; padding: 0 20px; line-height: 70px; color: #ffbf00; } #menu li a:hover, #menu li.active a { text-align:center; color: #ffbf00; background-image: url(.…

    Asked by Diasouls,

    0 votes
    2 answers

  17. Активная ссылка с фоном

    Как сделать так что бы когда находишься на опр. ссылке, фон становился красным, а когда переходишь на другую ссылку, старая становилась бы как раньше, а на ту что перешли стала красной?

    Asked by rfnfdfcz,

    0 votes
    4 answers

  18. Активная ссылка.

    В html и css начинаю уже разбираться и понимать, но столкнулся с такой проблемой, возможно даже и не проблема для знактаков, но так как раньше в этом не было необходимости, то и решение проблемы не знаю, ну а теперь о проблеме. На сайте http://www.battlefieldbadcompany2.com/ есть меню навигации, когда выбираешь какой-либо раздел и переходишь в него, ссылка становится активной и выделяется оранжевым цветом и соответствующей картинкой, если просто наводиш мышку на раздел, то серым, это не было для меня проблемой сделать, для меня стало камнем преткновением, каким образом ссылка при переходе в нужный раздел выделяется оранжевым, при попытке сделать то же самое ни чего не пол…

    Asked by papay,

    0 votes
    5 answers

  19. Активные области карты

    http://rso.monmedia.ru/address я тут карту такую сделал, но активная область как бы словем выше других и когда наводишь на соседнюю, то получается что она наводится когда кончается невидимая граница активной картинки, а надо по факту когда мышь наводится на границу сразу же. надеюсь понятно пояснил. у самого нет идей как это реализовать

    Asked by aquapasha,

    0 votes
    1 answer

  20. Активный пункт меню при наведении курсора на выпадающую часть ?

    Пользователь водит курсором по выпавшему блоку ссылок и пункт меню должен оставаться вдавленным ну или нажатым, как это сделать на css? или такое только на js нужно делать? И еще как сделать стрелку к пункту меню на css ?

    Asked by ilyas,

    0 votes
    4 answers

  21. активный label

    Доброго времени суток! Есть код табов на checkbox'ах, нужно сделать так чтобы активная вкладка (label) была белого цвета. Возможно понадобится js. Заранее спасибо

    Asked by Даниил Виттманн,

    0 votes
    3 answers

  22. Активный пункт

    Помогите пожалуйста сделать вот такую фигнюшку, мне нужно чтобы при нажатии на пункт списка у которого есть еще выпадающий он становился активным, то есть нажатым, и я хочу чтобы когда он был нажатым иконка в углу пункта переворачивалась вниз или вверх чтобы как бы показать что сейчас открыт этот пункт, ну вы поняли; пробовал вот так: .content-positioner .big-box h4 span{ background:#04172e url(../img/close.png)no-repeat 610px 5px; } content-positioner .big-box h4 span:active{ background:#04172e url(../img/open.png)no-repeat 610px 5px; } эффект есть но, иконка при нажатии переворачивается а как только отпускаю мышку снова становится как при неактивном Подскажите…

    Asked by igornagorny89,

    0 votes
    4 answers

  23. Активный пункт меню в квадратных скобках

    Добрый день! Меню на моем сайте реализовано с помощью списка, который формируется динамически, оформляется шаблоном с помощью css. При наведении курсора на пункт меню требуется выделить его, заключив в желтые квадратные скобки: Реализовать нужно с помощью css с поддержкой всеми браузерами, в т.ч. IE6. Как это лучше сделать? Спасибо!

    Asked by smalish,

    0 votes
    12 answers

  24. Активный пункт меню.

    Добрый день, Ув. Форумчанены. Я у Вас новичек, но много полезной информации увидил на форуме. Вот решил создать сайт дял автосервиса и столкнулся с такой проблемой. Сделал я меню картинками, т.к знакомый так попросил. Задача была такая: Поставить активный пукнт меню второй картинкой. Я думал это мелочи жизни, т.к на подобии кодом .актив ставил много раз. Начал делать менюшку, с ховером всё отлично получилось при наведении пункт меню меняет. Но при клике, ни чего. +( Может кто посоветует что либо?! Ссылка на сайт тут Код меню: <div id="menu"> <ul> <?php if ($multi_lang == '') { echo ' <li><a class="onas" href="./?page=onas" '.($page=='o…

    Asked by urbanovich,

    0 votes
    3 answers

  25. Активный раздел в меню

    Приветсвую друзья! Очень нужна помощь с меню в joomla. Никак не могу добиться чтобы активный раздел (раздел в котором находится пользователь в данный момент) был выделен в меню. Задача вроде бы тривиальная, но что то не выходит у меня никак. Искал аналоги, смотрел другие шаблоны, там все работает. Здесь никак. Выделение существет при наведении на пункт меню и снимается после того как пользователь перешел в раздел. Вот листинг который отвечает за стиль меню. ul#horizont_menu { MARGIN-LEFT:1px; DISPLAY:block; FLOAT:left; LIST-STYLE:none; } ul#horizont_menu li { DISPLAY:block; FLOAT:left; POSITION:relative; } ul#horizont_menu li ul { FLOAT:left; WIDTH:295px; LIST-STYLE:non…

    Asked by istorik,

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