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. Вертикальный слайдер, который не лагает в FF (ищу)

    Знает ли кто-то вертикальный jQuery слайдер, который бы не лагал в фаерфоксе? Нужен именно вертикальный. Перепробовано уже штуки 3, и все как один с жуткими перекатами (под некоторой нагрузкой конечно) работают. В Хроме и ИЕ10 все нормально, в ФФ дрожит, а если еще и скроллить, то вообще чуть ли не останавливается. Может кто сталкивался с таким.

    Asked by advokatua,

    0 votes
    2 answers

  2. выдвижное меню на css

    при нажатии на одну из категорий выпадает список подкатегорий, и когда нажимаешь на одну из подкатегорий выполняется данный запрос, но при этом меню сворачивается. как сделать, чтоб при переходе на данную подкатегорию меню не сворачиволось. вот код на dle 10.2. код шаблона<!DOCTYPE html> <html lang="en" > <head> <meta charset="utf-8" /> <title>CSS3 onclick Vertical Metal menu | Script Tutorials</title> <link rel="stylesheet" href="css/layout.css" type="text/css" media="screen"> <link rel="stylesheet" href="css/menu.css" type="text/css" media="screen"> </head> <body> <div class="container"> <ul id="na…

    Asked by sotex2,

    0 votes
    1 answer

  3. Кликабельный бэкгрануд

    Задача: элегантно сделать такую штуку: блок с контентом имеет фиксированную ширину и отцентрован. Все остальное пространство (слева-справа) нужно сделать кликабельным. Причем без всяких onclick, а натурально через <A>. Придумал несколько вариантов, но все безбожно кривые. Заранее благодарю за ответ или за наводку, что где посмотреть.

    Asked by Artlive,

    0 votes
    1 answer

  4. Верстка слайдера

    Такая вот проблема у меня. нужно что бы был такой слайдер особенности 1, При наведении на маленькие превью - они перемещаются в левое окно уже в большом размере. 2, По клику на фото в левом окне - открывается поп-ап, в нем картинка оригинальной ширины. То есть нужен слайдер с функционалом 1, делать сам 3 разных размеров картинок из одной. (загрузил например 1920*1080, а он и в превью, и в левом окне, и при клике стал полноразмерным) 2, Все вышеперечисленное. Если кто то поможет создать такой, ну или скачать откуда то и редактировать его до вышенаписанного состояния - с меня огромные благодарности и пиво на вебмани) В js пока не сильно разбираюсь, что бы сам писать …

    Asked by Нарек,

    0 votes
    8 answers

  5. присвоить св-во вложенному элементу css

    Подскажите как правильно реализовать следующую задачу. Приведу часть необходимого кода. <div class="class1"><span class="class2"><a href=""></a><a href=""></a><a href=""></a><span></div>Мне необходимо присвоить св-во css тегу <A> вложенному в теги <div> и <span> с определёнными присвоенными классами. Присвоить индетефикатор тегу <A> нет возможности т.к. код генерится автоматом.

    Asked by YaSerg,

    0 votes
    4 answers

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

    Здравствуйте! Сделала дизайн для своего блога - http://innachein.blogspot.ru - на основе скачанной темы. Подстроила все под себя, но заметила такую проблему при уменьшении окна браузера: колонки соскакивают вниз, какие-то прокручиваются, какие-то нет. Если менять атрибут position у элементов, то в развернутом виде они уже отображаются не так, как надо. Хотелось бы, чтобы сайт просто уменьшался весь или все прокручивалось. Не слишком хорошо разбираюсь в кодах, чтобы решить это.

    Asked by chein,

    0 votes
    1 answer

  7. проверить соединение с github

    помогите пожалуйста проверить\установить соединение с github я зарегистрировался на github,на свой машине сгенерировал ключи(находятся в каталоге по умолчанию),приватный ключ добавил через аккаунт на github,через аккаунт на github создал новый репозиторий,на своей машине через консоль выполняю:$ ssh github.comполучаю в ответ: The authenticity of host 'github.com (192.30.252.130)' can't be established.RSA key fingerprint is 16:21:ac:a5:76:28:2d:36:67:1b:56:4d:eb:df:a6:48.Are you sure you want to continue connecting (yes/no)? yesWarning: Permanently added 'github.com,192.30.252.130' (RSA) to the list of known hosts.Permission denied (publickey).пробовал так же: 1@1PK /C/VIN…

    Asked by cyklop77,

    0 votes
    7 answers

  8. Подскажите как сделать

    Подскажите пожалуйста, как сделать сайт? Вот он - http://savepic.net/5782206.htm Меня интересует как вставляются изображения, да и вообще, что бы он красиво смотрелся на всех мониторах, без фиксированного размера?

    Asked by oleg126,

    0 votes
    2 answers

  9. Почему съезжает блок

    Подскажите пожалуйста, почему съезжает блок aside при увеличении или уменьшении? http://testsiteoleg126.tk/Kitchenwall/

    Asked by oleg126,

    0 votes
    1 answer

  10. С чего начать самостоятельное изучение HTML5?

    Здравствуйте. Есть намерение самостоятельно изучить HTML5. Именно HTML5 выбрал интуитивно, опираясь лишь на идею о том что если что-то изучать с нуля, то изучать последнюю так сказать версию, чтобы к моменту более менее уверенного чувствования себя в этой информации, она не утратила своей актуальности, как например старые языки программирования. Изучить собираюсь не абстрактно ради того чтобы изучить, а под конкретную задачу. Для разминки нужно сделать несколько простых, но немножко разных сайтов, затем приступить к главному порталу где без программирования не обойтись (но это отдельная тема). Оговорюсь, что минимальное понимание тегов и атрибутов есть, все что связано с …

    Asked by q3dm4pro,

    0 votes
    10 answers

  11. Как отобразить контекстное меню тэга?

    Помогите пожалуйста, что-то нечаянно нажал, и в следствии этого пропало контекстное меню тэга. Допустим, прописываю я тэг - <img... , нажимая пробел, и мне не высвечивается контекстное меню, где бы я мог выбрать какой либо далее тэг, например src и т.д. Помогите восстановить контекстное меню тэга...

    Asked by poliderr,

    0 votes
    1 answer

  12. Не работает overflow

    Добрый день. Есть фиксированный div, растянутый на весь экран (аля модальное окно). А на нем есть таблица. Она может быть совершенно разного размера как в высоту, так и в ширину, и в том числе быть больше окна браузера. Подскажите, как правильно сверстать, чтобы появился горизонтальный скрол, если она не помещается в ширину? Вот в высоту почему-то все работает нормально, а в ширину - нет (таблица начинает ужимать ячейки, чтобы вместиться). Фиксированному диву я поставил overflow: autoМожет там еще какой контейнер-обертку надо... Или в css какое свойство задать?

    Asked by xmlns,

    0 votes
    9 answers

  13. Проблемы с отображением на мобильных устройствах

    Здравствуйте! Бьюсь уже достаточно давно. Вот страничка http://urazov.advert-profy.ru/ . Во всех браузерах ПК отображается все нормально, но при просмотре на мобильных устройства (в моем случае ipad) все становится очень плохо Подскажите, пожалуйста, как это можно исправить? Про media запросы знаю, и пробовала работать с ними - безрезультатно.

    Asked by Xenia Wanger,

    0 votes
    2 answers

  14. На форуме есть кто-то из поддержки?

    На форуме есть кто-то из поддержки? Как связаться с администрацией? Ни одного контакта нет. Писать в личные сообщения нельзя.

    Asked by ZEOS,

    0 votes
    3 answers

  15. Оффсет для списка

    Всем доброго времени суток! Интересует такой вопрос: как делать отступы для элементов списка <li>, да не простые, а такие чтобы отступ каждого последующего элемента увеличивался по сравнению с предыдущим на некое заданное значение как здесь: http://prntscr.com/3ucu83 Как сделать чтобы отступ каждого последующего элемента списка был больше отступа предыдущего элемента? Есть ли какой нибудь универсальный псевдокласс или элемент где можно бы было задать параметр увеличения отступа, чтобы не прописывать отступ на каждом элементе отдельно?

    Asked by betmakh,

    0 votes
    20 answers

  16. line-height в разных ОС и браузерах

    Возникла такая проблема, виновник опять сафари (мак). Есть подключаемый через font face шрифт. На браузерах ОС windows все работает прекрасно.. А вот сафари уменьшает line-height на много, что собственно влияет на отступы текста.. Кто то сталкивался с такой проблемой? На stack overflow есть 2 подобные темы, ни в одном ответа нет..

    Asked by Нарек,

    0 votes
    6 answers

  17. Как работает readonly у textarea

    Подскажите пожалуйста, как работает readonly у textarea. Вот я задал ширину и высоту, и я не хочу что бы пользователь мог растягивать как хочет это поле, но почему то не получается сделать так у меня. Может я не правильно понял как оно работает? <p><textarea class="comment-textbox" name="comment" readonly></textarea></p>

    Asked by oleg126,

    0 votes
    1 answer

  18. Кривое отображение в мозиле

    Проблемы с отображением дизайна в браузере мозила фаерфокс . <div class="lk"> <div class="user"> <h2 style="text-align:center;margin: 0;color:#363636; padding:0:">Денис Карпов</h2> <hr style="width:517px;margin:0;padding:0;margin-bottom:3px;background:#708090;"> <div class="big-avatar"></div> <div class="left-user"> <h4 style="float:left;text-align:left;margin: 0; padding:0;">Статус:</h4> <br> <br> <h4 style="float:left;margin: 0; padding:0;">Количество баллов:</h4> <br> <br> <h4 style="float:l…

    Asked by denisman,

    0 votes
    0 answers

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

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

    Asked by Kenpati,

    0 votes
    4 answers

  20. Размер сайта

    Подскажите пожалуйста знатоки. Нормально будет если фон подгружаю fullhd размером 65кб и еще пару шрифтов ? Какие разумные объемы данных ?

    Asked by Sergik+,

    0 votes
    6 answers

  21. открытие закрытие окон

    Доброго времени суток, я раньше уже спращивал о окнах и я хотел узнать а как можно создать динамичный список открытых окон окна в списке можно закрыват. Окна из jQuery UI. Заранее спасибо

    Asked by webik28,

    0 votes
    0 answers

  22. как задать ширину пункта третьей вложенности в меню ?

    я не разбираюсь в сложных селекторах (( Нужно задать большую ширину пунктам, простое прописывание width ничего не дало. но если чтото меняешь ширину пунктов второго уровня, вот здесь #topmenu li li a, #topmenu li.active li a{ width: 162px; ......} то меняется и третий, а как прописать для третьего отдельно? вот такой код меню третьего уровня, если верить комментарию... /** Level third and above **/ #topmenu li li li:first-child { margin-top: 0px; } #topmenu li ul ul { margin: -40px 0 0 200px; } #topmenu li:hover ul ul, #topmenu li:hover ul ul ul, #topmenu li.sfhover ul ul, #topmenu li.sfhover ul ul ul { left: -999em; } #topmenu li:hover ul, #to…

    Asked by planetaryi,

    0 votes
    10 answers

  23. keyframe анимация не работает в chrome

    keyframe анимация не работает в chrome. Пробовал с префиксами, не работает. Как это решить? http://jsbin.com/menezamu/1/edit @keyframes huge { 0% {transform: scale(1.0, 1.0); background-color: #ff375a } 50% {transform: scale(1.2, 1.2); background-color: #379bff } 100% {transform: scale(1.0, 1.0); background-color: #ff375a} }.animButton { color:white; font:italic 20px Impact; letter-spacing:1px; text-shadow: 0 1px 1px rgba(0,0,0,0.6); display:table; text-align:center; line-height:150px; width:150px; height:150px; border-radius:100px; background:url(/img/usa/herbals.png) no-repeat bottom, -moz-radial-gradient(center, ellipse cover, rgba(0,0,…

    Asked by apexis,

    0 votes
    3 answers

  24. float и display-block совсем беда

    Всем привет! Подскажите, пожалуйста, почему может не работать float или display:inline-block? Т.е. они как бы работают. Верхние и нижние границы между элементами схлопываются, но по горизонтали не выстраиваются.

    Asked by fitdevel,

    0 votes
    4 answers

  25. Не сайт, а тормозилово - что я делаю не так?

    http://html2css.ru/paul5/ Даже отключила картинки через css. Смотреть в файрфоксе или ие. Прокрутка трясется и тормозит. Что не так? В чем моя вина?

    Asked by Zverushka,

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