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. при масштабировании меняется положение элементов!

    Добрый день! Почему при увеличение экрана меняются элементы???...сьезжают на лево!!! http://jsfiddle.net/y0qwatzL/

    Asked by oledgan,

    0 votes
    4 answers

  2. При масштабировании страницы сьезжает текст

    при масштабировании страницы меньше чем на 50% текст и содержимое уезжает вниз. можно ли считать это ошибкой и в чем может быть проблема? >50% <50%

    Asked by startrame,

    0 votes
    8 answers

  3. При масштабировании съедается часть картинки бекграунда в Мозиле.

    Всем привет! Просьба помочь. При уменьшении масштаба в Firefox съедаются часть картинки поставленной бекраундом. Картинку ничего не перекрывает. Имеется ввиду картинки перед каждым пунктом меню. http://goo.gl/AdGWK7 Подскажите в чем может быть проблема. http://test.ph.vps-private.net Заранее всем спасибо.

    Asked by drWebMaker,

    0 votes
    0 answers

  4. При наведение изменить фон

    В меню есть одно место где дизайнер нарисовал косую линию. Линия разделяет пункты меню. Меню имеет три состояния: холодное, при наведение, активное. У всех трех состояний разные бэкграунды. Все нормально за исключением этой косой линии. Установленная ширина пункта меню не позволяет нормально подставить нужный фон при наведение и когда пункт активен. Вот рисунок Белая линия на проблемном месте это разделитель пунктов, пунктам задана ширина и из-за этого при наведение изображение подставляется только на заданную ширину, остается уголочек без нужного фона. Вроде понятно? Как сделать, чтобы фон подставлялся правильно? Без js, желлательно только css.

    Asked by qazibum,

    0 votes
    13 answers

  5. При наведение курсором на картинку...

    Подскажите пж как реализовать - чтобы при наведении курсором на картинку ссылку, подгружалась другая картинка?

    Asked by Cappuccino,

    0 votes
    4 answers

  6. При наведение мыши убирать пунктирное подчеркивание и давать сплошное

    Здравствуйте Имеется меню которое php выводит из smarty шаблона Пункт "Специальные предложения" выделен пунктиром <span id="small_white_bold"><a href="/main/">Главная</a></span> <span id="small_white_bold"><a href="/about/">О компании</a></span> <span id="small_white_bold"><a href="/news/">Новости</a></span> <span id="small_white_bold"><a href="/articles/">Статьи</a></span> <span id="small_white_bold" style="border-bottom: 1px dashed;"><a href="/special/">Специальные предложения</a></span> <span id="small_white_bold"><a href="/contacts/"…

    Asked by f0rym4anin,

    0 votes
    3 answers

  7. При наведение мышки на ссылку изменить фон другого элемента.

    .price__link:hover .price__title { background-color: #49cbcd; } Верстаю учебный макет и не получается сделать так что бы при наведении курсора мышки на ссылку изменялся фон другого элемента. Что может быть не так? Скрытый текст <div class="price__item"> <div class="price__title"> Basic </div> <div class="price__cost"> $5.01/ Month </div> <div class…

    Asked by Genazb,

    0 votes
    5 answers

  8. При наведении исчезает картинка

    У меня есть форма http://jsfiddle.net/daniilKhanin/esYJx/ Ввиду тоого что я не понимаю как в jsfiddle вставить картинку, у меня вместо кнопки Квадрат при наведении меняет цвет на черный на самом деле у меня вместо квадрата картинка тоесть код кнопки такой .searchbox .button{background-color: white;background-image: url(go.png);border-style:none;width:22px;height:22px;float:right;margin-top:12px;margin-right:11px;}.searchbox .button:hover{background-image: url(gohover.png);}Загвоздка в том что когда навожу на картинку кнопки она Должна поменяться на ту же картинку другого цвета НО вместо нее просто белый квадрат(((((( не знаю почему он не заменяет я им путь проверял …

    Asked by Daniil Khanin,

    0 votes
    2 answers

  9. при наведении курсора мыши на картинку курсор поменялся на лупу

    <head> <style type="text/css"> .style16 { text-align: center; } .style18 { border-style: solid; border-width: 2px; margin: 10px; } </style> </head> <p class="style16"><a title="Кликни для увеличения" href="Images/Lambre16.jpg"> <img src="Lambre16_small.jpg" width="100" height="145" xthumbnail-orig-image="Images/Lambre16.jpg" class="style18" style="float: left" /></a></p> Вопрос: что нужно добавить, чтобы при наведении курсора мыши на картинку курсор поменялся на лупу кликнув по которой отрывалось оригинальное изображение ?

    Asked by RusRan,

    0 votes
    8 answers

  10. при наведении мышки "моргают" кнопки

    http://i-portal.nsu.ru/?db=bench_new_design∫=VIEW&el=83&templ=VIEW -здесь по неизвестной мне причине в меню при наведении моргают кнопки. В chrom -e, fireFox -e и Опере кнопки моргают только тогда, когда мышка первый раз, после обновления страницы, наводится на кнопку. В IE8 кнопки моргают при каждом наведении мышкой. В "инструментах разработчика" хрома, во вкладочке "Resources", обнаружил что картинка, которая должна быть бэкграундом у кнопки "c hover", нет. Картинка эта появляется только при наведении курсора на кнопку -и так при каждом обновлением страницы или переходе по сайту. Я совсем чуть-чуть шарю, но каждый раз загружать это же не правильно..... подскажи…

    Asked by WeeklyTea,

    0 votes
    6 answers

  11. При наведении на блок вывести мета инфо

    Доброго вечера форумчане . После просмотра уроков верстки, решил самостоятельно сверстать макет (скачать) При наведении на .about-team, мета должна выезжать вверх c прозрачным фоном и так-же появляются соц сети, уже несколько часов ломаю голову, но никак не получается сделать все нормально, взглянув на код вы сами сделаете выводы)) Уважаемые эксперты, просьба: Направьте меня на путь истинный. Как бы вы все это оформили? п.с Простите за быдло код <section class="team center-block-main"> <h2>Meet Us</h2> <div class="about-team"> <img src="image/team-1.jpg">…

    Asked by ShaxaY,

    0 votes
    3 answers

  12. при наведении на картинку

    Помогите пожалуйста. у меня есть картинка. я хочу чтобы когда наводишь на эту картинку она менялась на другую. как это сделать при помощи CSS? Заранее благодарен. если можете напишите код. заранее благодарю

    Asked by rvital,

    0 votes
    6 answers

  13. При наведении на картинку идет смещение. (CSS)

    При наведении на картинку идет смещение. (CSS) При наведении мышкой на картинку в слайдшоу изображение смещается и появлйются превьюшки-стрелки. Как сделать чтоб эти стрелки были постоянно на картинке и чтобы таких смещений не было_? Помогите мне пожалауйста разобраться. Слаидер тута http://solcellepanel.hg.no/

    Asked by knopka3,

    0 votes
    2 answers

  14. При наведении на картинку отобразить список

    Однажды на кулинарных сайтах видел, что при наведении на фотку - справа вылезает табличка с ингредиентами. Вот вопрос как это делается? вот в частности такая структура сейчас на сайте: <p><a class="thumbnail" href="/"> <img class="thumb" src="/.jpg"> </a> </p> <p>Игредиенты</p> <ul>....</ul> <p>Время приготовления:</p> <p>Выход:</p> Как понимаю надо сделать див от ингредиентов до выхода, присвоить ему класс. и дисплей: ноун сделать. Но как быть, чтобы это всплывалось при наведении на картинку выше? Да и еще где-то сбоку?

    Asked by nikki4,

    0 votes
    1 answer

  15. При наведении на кнопку пропадает вторая картинка

    При наведении на кнопку пропадает вторая картинка (hover). Как будто браузер (мозилла и ie) вновь закачивает картинки для отображения....Уменьшил размер каждой нарисованной кнопки от 1.5 кб до 2.5 кб с имеющихся 10 кб для каждой, всеравно тот же результат. Наводишь мышь - первая картинка пропадает (как и должно быть по задумке ), вторая сразу не появляется, только после наведения мышью на эту область повторно .... Помогите советом.....

    Asked by marcool,

    0 votes
    9 answers

  16. при наведении на миниатюры изображений ничего не происходит

    Доброго времени суток! Столкнулся с необычной проблемой...использую компонент галереи phocagallery,при тестировании на стандартных джумловских шаблонах все отлично работает,но в своем шаблоне при наведении на миниатюры изображений телефона ничего не происходит,но если навести на последнюю то работает все отлично (сами скрипты галереи,стили,разметку ничего не трогал), не понимаю почему такое происходит..? адрес: p-club.mcdir.ru/galereya/7-samsung-galaxy-s5

    Asked by jetfire2014,

    0 votes
    2 answers

  17. При наведении на одну ссылку подсветить две

    Всем привет, такая проблема <div class="block"> <div class="block2"> <a href="#"><img src="img.jpg" /></a> </div> <a href="#"><h3>Заголовок</h3></a> </div> Как можно сделать, что бы при наведении на картинку подсвечивалась ссылка с текстом, засунуть весь блок в <a> не вариант, может быть есть на js решение? Помогите, кто чем может

    Asked by galaydas,

    0 votes
    20 answers

  18. При наведении на ссылка подсвечивается по содержимому

    Здравствуйте! Имеется вот такая вот структура - https://jsfiddle.net/oxuefw63/ При наведении ссылка подсвечивается на всю ширину блока. Подскажите, пожалуйста, как сделать, что бы подсвечивалось только слово (содержимое ссылки)?

    Asked by volshebnyi,

    0 votes
    6 answers

  19. при наведении на ссылку

    сделать при наведении из "ссылка" - "{ссылка}" подскажите пожалуйста как обернуть желаемую ссылку с двух сторон определенными символами (или возможно картинками если так правельнее)

    Asked by marnikus,

    0 votes
    10 answers

  20. При наведении на ссылку (цвет ссылки) и картинка меняется

    При наведении на ссылку (цвет ссылки) и картинка меняется <a href="#"><img src="1.png" onmouseover="this.src='2.png'" onmouseout="this.src='1.png'" border="0" align="absMiddle">Ссылка</a>

    Asked by BiMiX,

    0 votes
    0 answers

  21. При наведении на ссылку всплывающий элемент

    Ребятя, подскажите как сделать кросбраузерно, чтобы при наведении на ссылку, появлялся контейнер в который можно было бы поместить любой контент?

    Asked by okunev2,

    0 votes
    1 answer

  22. При наведении на ссылку вывести иконку

    Ребята, помогите пожалуйста реализовать на практике следующее. Есть горизонтальное меню со списком, состоящих из ссылок: Затрудняюсь задать код псевдокласса hover, чтобы при наведении на ссылку из меню, снизу появлялось следующее изображение. HTML: <div class="topmenu"> <ul> <li><a href="#">Главная</a></li> <li><a href="#">О сайте</a></li> <li><a href="#">Контакты</a></li> <li><a href="#">Новинки</a></li> <li><a href="#">Добавить в избранное</a></li> </ul></div>CSS: .topmenu { position: absolute; top: 200px; le…

    Asked by efendi,

    0 votes
    11 answers

  23. При наведении на ссылку выполнялся класс div'а

    Добрый вечер. Подскажите как реализовать при наведении на ccылку <a href="#">text</a>, выполнение класса class="logolittle", который находится в диве <div class="logolittle"></div> (..у меня в диве находится класс, который выполняет плавную смену картинки при наведении, а я хочу чтобы эта картинка плавно менялась при наведении на ссылку с текстом) Я понимаю, что это организуется через onmouseover, только как, не могу допетрить ). Буду благодарен за помощь.

    Asked by arthyrgrex,

    0 votes
    7 answers

  24. При наведении на ссылку меню пропадает часть содержимого страницы

    Уважаемые, гуру!!! Разъясните, в чём проблема. В IE 7 при наведении на ссылку меню, пропадает часть содержимого страницы, при этом в остальных нормальных браузерах (Мозила, Опера, Google Chrome) всё ок!!! Пробовал валидаторы кода разные, результат тот же, с html знаком, знаком с глюками IE, но тут уже нервы сдают - помогите пожалуйста. Всё бы ничё, но ест ещё юзеры, пользующиеся IE 7 и даже IE6!!! Сайт it-consulting.dp.ua. Заранее благодарен. При необходимости выложу код index-a и css-ника

    Asked by h2choh,

    0 votes
    3 answers

  25. При наведении на ссылку меняется картинка внутри ссылки

    Столкнулся с вот такой проблемой: <table> <tr> <td> <a href="/primer.html"><img src="/img/01_c.jpg" onmouseover="this.src='/img/01.jpg'" onmouseout="this.src='/img/01_c.jpg'"></a> </td> </tr> <tr> <td> <a href="/primer.html">Картинка</a> </td> </tr> </table> Когда наводишь на картинку 01_с.jpg она меняется на 01.jpg, уводишь курсор возвращается прежняя картинка. Картинка, как вы обратили внимания, сделана ссылкой на…

    Asked by pdmi3y,

    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