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. toggle-topbar не не срабатывает в foundation top bar

    Подскажите, пожалуйста, какая может быть причина что меню при коллапсе не работает. Гамбургер появляется, но сами пункты меню остаются без изменений. То есть при нажатии ничего не происходит. Скрипты подключены как в тюториале и аналогичная проблема не нагуглилась - подозреваю, что я очень туплю) П.С. Использую Foundation впервые и заменить на бутстрап нельзя ... (

    Asked by Orysya,

    0 votes
    1 answer

  2. tooltip для картинки

    Здравствуйте. Подскажите, как могу реализовать что-то типа тултипа для картинки. Чтобы при наведении на картинку выходила небольшая область с текстом. Желательно, чтобы в текст можно было еще вставить и ссылку. Может можно как-то ALT или TITLE описать таким образом? Даже пример нашел, только не понял, как сделано. сайт ввв.imo.by/furniture-about.php

    Asked by annik,

    0 votes
    6 answers

  3. tooltip скрывается при наведении

    возникла странная проблема, причем раньше с этим не сталкивался имеется такой вот код http://codepen.io/usf/pen/GgzxJ при наведении на квадрат появляется подсказка, если навести на подсказку то она сразу исчезает! хотя не должна, по идее. причем в хроме это работает нормально, а в мозилле и опере нет, ума не приложу, что такое.

    Asked by USF,

    0 votes
    3 answers

  4. Top Menu, неровно

    Доброго времени суток, проблема в том что есть том меню и оно почему то вылазит непонято куда. <!DOCTYPE html><html><head> <title>Clinica</title> <meta charset='utf-8'> <link rel="stylesheet" type="text/css" href="./html5reset-1.6.1"> <link rel="stylesheet" type="text/css" href="./style.css"></head><body><div class="top"> <ul> <li><a href="">Главная</a></li> <li><a href="">О нас</a></li> <li><a href="">Контакты</a></li> </ul></div><div id="wrap_outside"> <header id="wrap"> <div> <img src="./i…

    Asked by Segnava,

    0 votes
    5 answers

  5. top при абсолютном позиционировании в разных браузерах

    объясните пожалуйста почему вот в таком макете <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <style> body, html{ position:relative; font-family:Arial; margin: 0 auto; width: 1000px; height:100%; } .page { position:relative; width: 1000px; height: 450px; background-color:GREEN; } .page A{ font-weight:900; font-size:13px; color:rgb(100,6,58); } .l{ position:absolute; left: 42px; top: 2px; } </style> </head> <body> <div class="page"> <div class="l"><a href="#menu=0">Hello…

    Asked by tonik_spb,

    0 votes
    7 answers

  6. Touch zoom плагин на JQ, кнопка Назад и мобильная верстка.

    Задам сразу три вопроса дабы не плодить темы: 1. Подскажите кто знает существует ли решение для реализации тач зума для изображений на мобильных устройствах? Смысл какой, в десктоп версии к изображениям прикручен обычный js loupe. При наведении на картинку на мышке появляется квадратик со scale 2x. Теперь нужен похожий эффект на мобильной версии, в голову приходит только появление такого квадратика по нажатию. Клиент водит пальцем по изображению и рассматривает как в увеличительное стекло изображение. Ну или же придется делать просто лайтбокс с возможностью зума двумя пальцами. Поиск ничего не дал. 2. Реализовал на fancybox всплывающие окна с крестиком для их за…

    Asked by Highlander,

    0 votes
    0 answers

  7. tr:hover

    Возможно ли как то добавить псевдокласс hover к тегу tr? Если нет то каким образом можно сделать выделение строки таблицы при фокусе курсора.

    Asked by JastinB,

    0 votes
    7 answers

  8. Trackbar, ползунок

    Нужно реализовать ползунок Нашел тот который нужен на просторах интернета https://jsfiddle.net/120n2arx/63/ И тут вопрос. Я никогда не работал с jQuery, у автора все работает, копирую себе в файлы, ничего не работает. Отображается сам ползунок но с ним никаких действий производить не получается. Как решить проблему? Ошибка наверняка банальная. <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <link rel="stylesheet" href="slider.css"> <script src="http://code.jquery.com/jquery-1.9.1.js"> var drag = false; var values = []; for(var i = 0; i < 24; i++) for(var j = 0 ;…

    Asked by purple/ocean,

    0 votes
    4 answers

  9. transform

    img:hover{ transform: scale(1.2); -webkit-transform: scale(1.2); transform: rotate(360deg); -webkit-transform: rotate(360deg); transition: all 1s ease-out 0s; cursor: pointer; } Как сделать чтобы работало ?

    Asked by rpmcmerphy,

    0 votes
    3 answers

  10. transform - управление через jQuery

    Help! как из jQuery можно управлять анимацией CSS типо transform: scale(0.5) rotate(20deg); или : как на jQuery можно реализовать аналог анимации CSS типо transform: scale(0.5) rotate(20deg);

    Asked by Алекс123,

    0 votes
    1 answer

  11. transform и transition

    Есть div: <div class="ex1">Пример трансформации</div> Есть css: .ex1 { transform: rotate(30deg); transform-origin: 0% 0%; } Можно ли с помощью transition или как то иначе забацать анимацию (поворот например)? Перепутал ветку форума. Модераторы переместите пожалуйста в css для начинающих 🙂

    Asked by torsar,

    0 votes
    1 answer

  12. transform и анимация

    $('div').animate({ transform: 'translateX(400px)' }); Код корректен, но не работает. Как применить анимацию с перемещением блока на 400px?

    Asked by aqua.77,

    0 votes
    5 answers

  13. transform-origin

    Как можно использовать значение координаты z в transform-origin?

    Asked by PavelTkachev,

    0 votes
    2 answers

  14. transform, transition и IE

    Добрый день! Сделала свистоперделки 3D-вращалки на CSS: http://beton-art.ru/ (три штуки под большой инфографической картинкой). В IE не работает, даже в в 11-ом... Что ему мешает выводить информацию в тегах <span class="information">? html: <div id="container"> <div class="t-wrapper"> <div class="item"> <img src="images/1.png" width="300px" /> <span class="information" > <strong>ФАСАДНЫЙ ДЕКОР</strong> <br>Мы выполняем все работы по декорированию дома "под ключ" - от 3D проекта до отделки фасада и монтажа декоративных элементов.<br>При заказе бетонных элементов в нашей…

    Asked by maritca,

    0 votes
    5 answers

  15. transform:rotate кривое отображение текста

    Если применять transform:rotate, то текст в firefox (в опере чуть лучше) выходит кривой и нечитабельный. Можно это как-то исправить?

    Asked by apexis,

    0 votes
    0 answers

  16. transition

    Смотрите в чём проблемка. На сайте стоит transition. Он срабатывает для всех браузеров, кроме Firefox ниже 4 версии (беты). Можно ли это как-то обойти? Есть ли какой-то хак, может быть? Желательно сделать это посредством CSS. Мне говорили, что можно это сделать и при помощи JS, но опять же, я не силён в нём.

    Asked by Clubberry,

    0 votes
    9 answers

  17. transition

    В общем понял чуть чуть transition что margin-top это к чему мы применяем, 1s; это время за сколько выполниться смещение к margin-top: 0;, но сижу ломаю голову как заставить салатовую полоску border-right заполнять весь блок справа на лево при наведении на блок с ссылка? https://jsfiddle.net/nzw4ghkq/

    Asked by Неугомонный,

    0 votes
    21 answers

  18. transition div на сенсорных панелях

    Всем здравствуйте в связи с высокой популярностью устройств с сенсорным вводом озадачился поведением блока при transition. на обычном мониторе существует указатель мыши, тут всё работает. проблема с тачскрином. срабатывает через раз, а именно, если "нащупать" некий прямоугольник. понятно, что пользователь долго искать не будет. ширина и высота блока указана. пример здесь: www.ridnimebli.com/cfcf/shbln.php

    Asked by balashovka,

    0 votes
    8 answers

  19. Transition в IE11

    Как добиться transition в IE 11 ? Делаю greyscale но работает либо greyscale либо транситион в IE 11 <!DOCTYPE HTML> <html lang="en-US"> <head> <meta charset="UTF-8"> <title></title> <meta http-equiv="X-UA-Compatible" content="IE=9"> <meta http-equiv="X-UA-Compatible" content="IE=10"> <meta http-equiv="X-UA-Compatible" content="IE=11"> <style type="text/css"> img{ display:block; max-width:300px !important; transition:transform .4s; -ms-transition:transform .4s; -webkit-transition:.4s; -moz-transition:.4s; margin:50px auto; } .images:hover{ transform:scale(1.5); -webkit-transfo…

    Asked by Geyan,

    0 votes
    0 answers

  20. transition для меню

    Для меня было новостью, что transition не работает со св-вом display: none; Как быть тогда, если я хочу плавно показать в горизонтальном меню выпадающие подпункты и без js, jq?

    Asked by rus,

    0 votes
    11 answers

  21. transition и событие окончания анимации

    Можно ли установить событие окончания анимации для transition? Походу нет :(. Не хотелось бы прикручивать анимацию jquery и других фремворков. Что посоветуете?

    Asked by torsar,

    0 votes
    1 answer

  22. transition только для transform - возможно ли?

    Хочу анимировать только translatex translatey, но не all. Возможно ли это сделать через transition?

    Asked by Zverushka,

    0 votes
    2 answers

  23. Transitional и Strict xHTML 1.0

    Народ, такой вопосик: Стоит в документе переходной стиль...... Во всех броузерах всё отображается абсолютно правильно.... ставлю строгий стиль.... FF смещает вниз некаторые блоки на 2px Safari, Chrom смещает вниз некаторые блоки на 1px Opera, Ie - всё отображается нормально..... ктонибудь сталкивался....?

    Asked by alexander.parphenuyk,

    0 votes
    3 answers

  24. trebuchet ms, ине только

    По какой-то непонятной причине у заказчика в 7 осле вместо Требучета отображается Ариал. Требучет у него установлен точно. Методом научного тыка выяснили, что проблема не только с этим шрифтом и уже не первый раз. Заказчик утверждает, что однако же есть страница, на которой требучет требучетом у него отображается. Мистика.рряюсь в догадках Протестрировала в ie tester, запустилась под вистой и проверила в 7 - с отображением шрифта все в порядке. Те

    Asked by aska,

    0 votes
    16 answers

  25. Tree Table CSS. Древовидная таблица

    Здравствуйте! Сделал несложную древовидную таблицу, у которой сворачиваются/разворачиваются строки. За основу взял обычное дерево http://jsfiddle.net/NZaw4/1/ , только добавил ячейки в строки. Почти правильно работающий вариант http://jsfiddle.net/cN57x/ Вопрос. Как сделать так, чтобы при раскрытии узла Проект 1, не уезжал влево блок с Задачами ?

    Asked by user89,

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