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. Спрайт для счетчика для нестандартных цифр

    Спрайт для счетчика для нестандартных цифр - когда каждая цифра имеет свою заливку и ее можно вставить только картинкой. Кто должен его создавать - дизайнер или верстальщик? Верстальщику придеться создать новый слой, написать 10 цифр, потом каждую вырезать отдельно и всавить в слои равной ширины друг за другом. Достаточно кропотливая работа - почласа может занять спокойно.

    Asked by Zverushka,

    0 votes
    16 answers

  2. Уходит блок, помогите!

    Вот исходники. http://jsfiddle.net/Qyg22/ Почему выезжает самый последний блок ? я ему дал отлайн желтого цвета. Он должен быть в правом блоке, но уходит в самый низ, помогите решить проблему!

    Asked by WEB-best,

    0 votes
    16 answers

  3. Кнопочки

    Ребята,подскажите как с фотошопа запилить такие кнопки,а то я только изучаю HTML и CSS. http://hostingkartinok.com/show-image.php?id=29816034e703e842a22d46d04e1b5298 Мне интересно каким кодом,что бы когда наводишь на кнопку меняло цвет... Я вот не пойму мне нужно блок добавлять и добавить по верх него ссылку,или вставить как картинку?!

    Asked by vitaxastifler,

    0 votes
    16 answers

  4. Акустические листы стилей

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

    Asked by skvor,

    0 votes
    16 answers

  5. Выравнивание inline-block по ширине в Chrome и Opera

    В Chrome и Opera не работает text-align: justify, если на странице есть форма и стили при этом находятся во внешнем файле (jsfiddle не подходит). Нормально выравниваются те элементы, стиль которых определен прямо в HTML-коде с помощью атрибуте style. Если удалить селекты или форму целиком - все работает нормально. <!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <link rel="stylesheet" href="style.css"></head><body> <form action="action"> <fieldset> <input type="text" name="id00" id="id01"> <select name="id02" id="id03">…

    Asked by htmlhtml,

    0 votes
    16 answers

  6. Position fixed создает лаги при скролле страницы

    Проблема такая - есть 3 фиксед элемента и скрипт, который плавно крутит с помощью меню страницу к разным якорям. Все сильно тормозит. Стоит убрать фиксед - и лаги пропадают. Что же делать, как бороться?

    Asked by Zverushka,

    0 votes
    16 answers

  7. Плывут блоки при масштабирование

    Всем привет. Я новичек в верстке, поэтому вопрос может быть глупым, но всё же. Собственно проблема возникает при масштабирование страницы, блоки начинают съезжать. Как это исправить? Буду благодарен за помощь. и вот живой пример http://dofamin.tor.su/page/test/ и пользуясь моментом задам еще 1 вопрос. проблема заключается при работе со шрифтами. Как корректно подобрать размер шрифтов из PSD ? Например в PSD размер написан 16pt, но при верстке с указание размера шрифта в 16pt возникают разногласия с макетом.

    Asked by Chupachups,

    0 votes
    16 answers

  8. Автоматическое масштабирование сайта на мобильных устройсвах

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

    Asked by Игорь Ермаков,

    0 votes
    16 answers

  9. Разделение фона

    Приветствую профессионалов и новичков верстки. На днях столкнулся с задачей, оказавшейся для меня необоримой. Все, я полагаю, знают кнопочку в роде со значком маркера-фломастера, который выделяет цветом текст, причем если выделены две строки, то между полосками цвета имеется зазор, что и отличает \ту кнопочку от кнопочки "заливка фона". Вот с такой задачей и столкнулся. Имеется текст в тэге h2. На экране он отображается в две строки, причем вторая строка короче первой. Нужно сделать как раз такой эффект как в Ворде - фон должен быть залит цветом, между строками должен быть прозрачный зазор. Использоавание заливки картинкой png с repeat не удовлетворяет требованияй, ибо во…

    Asked by maxakagaret,

    0 votes
    16 answers

  10. svg или webfonts

    Для размещения на сайте требуются иконки. Надо, чтобы они были резиновые. Их можно делать с помощью svg и с помощью webfonts (как тут http://fortawesome.github.io/Font-Awesome/). Как вариант будет поддерживать большенство устройств и браузеров? Какой бедет меньше весить? И как делать самому шрифты для web?

    Asked by PavelTkachev,

    0 votes
    16 answers

  11. Задача невыполнима?

    Реально ли сверстать некий прямоугольный блок с текстом, удовлетворяющий следующим требованиям: 1. Закругленные углы 2. Тень со всех сторон 3. Полупрозрачность фона (что бы было видно все, что находится за блоком) 4. Резиновость хотя бы по высоте. 6. Корректное отображение при масштабировании страницы (через ctrl) как в + так и в - 5. Поддержка всех этих пунктов без исключения начиная с IE7+ Такой блок мне нужно сверстать независимо от того, возможно это или нет. Этого требуют от меня на работе. Пробовал вариант с прозрачными картинками, все вроде хорошо, но при масшабировании в хроме появляются артефакты в виде смещения в разные стороны бэкграундов на пару-тройку п…

    Asked by Bassline,

    0 votes
    16 answers

  12. я нечаянно выключил комп

    Когда верстал сайт, я нечаянно выключил комп и когда теперь открыл файл style.css там сплошной NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NULкак исправить? все стили пропали, обидно может кто-нибудь сможет восстановить http://file.sampo.ru/jgndfr/

    Asked by DivMan,

    0 votes
    16 answers

  13. Как лучше сверстать такой макет?

    Вот макет http://prntscr.com/3llg43 верстка под современные браузеры включая ИЕ 8 - 11

    Asked by Anna Zharova,

    0 votes
    16 answers

  14. кроссбраузерность

    Уже создавал подобную тему, но все же не решил всех проблем. Подскажите под какую более раннюю версию explorera подстраиваться, я так понимаю что 7 и 8 это все уже прошлый век, тогда под 9 ую? 10 ую? и если нужно проверять под 8 ую то как это сделать если у меня 7 винда и на нее не могу установить эти ранние версии. Еще вопрос такого рода, в 11 explorer не отображает лого и задний фон, не знаю почему, везде все работает но только не здесь, подскажите что сможете, спасибо)

    Asked by igornagorny89,

    0 votes
    16 answers

  15. :hover в мобильных браузерах

    Допустим есть некая форма со списком услуг. При наведение пункт списка меняет цвет. При клике цвет фиксируется, т.е. добаляется класс с помощью js, при повторном клике класс удаляется и соответственно цвет меняется. Но на тач устройствах hover воспринимается как клик, и в результате выделение не снимается после повторного клика. Пробовал заменить css hover на js, и при клике насильно удалять класс, который вешается при наведении. Помогло, но не во всех браузерах, например в 4 айфоне 13-ый яндекс браузер и какая-то сафари не повелись на этот трюк, и упорно цепляются за hover. Какие есть еще варианты?

    Asked by Bassline,

    0 votes
    16 answers

  16. Когда div нужен

    Доброго времени суток, народ правильно ли если div пустой и он имеет только бэкграунд? этот div сделан только для этого фона. Чем это не хорошо кроме того что лишние div не нужны. И есть ли ситуации когда так делать нормально?

    Asked by riki,

    0 votes
    16 answers

  17. картинка к ссылке

    Подскажите, как мне к ссылкам, привязать картинку? Чет не получается! http://jsfiddle.net/UX3xG/

    Asked by oleg126,

    0 votes
    16 answers

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

    Пишу сейчас дизайн, хочу сразу подготовить всё для адаптивности, изучил все статьи из списка по теме, пока вот выбрал себе 4 как наиболее вероятные: @media only screen and (max-width: 480px) {}@media only screen and (max-width: 768px) {}@media only screen and (max-width: 1024px) {}@media only screen and (min-width: 1025px) {}Может подскажете какие нужно учесть обязательно?

    Asked by McLotos,

    0 votes
    16 answers

  19. Можно ли реализовать такое на чистом css?

    http://take.ms/g973S Реально реализовать такое на чистом css? Любой способ... Была идея светлую картинку затемнять прозрачным темным слоем через псевдоэлемент, но как потом кругом снова засветить? Как такое можно реализовать?

    Asked by vladmih,

    0 votes
    16 answers

  20. Нужен чат для главной страницы

    Я начинающий, разобрался только в html и css. Предстовления не имею как создать чат. Как, на каких языках программирования?

    Asked by Laroxx12,

    0 votes
    16 answers

  21. Нужна помощь по префиксам

    Проблема такая, откуда подцеплять префиксы ? 1) Из Sass, я его использую так что проблем ноль 2) Autoprefixer вроде тоже нормально 3) а может уже не надо, я как бы не парюсь по IE ниже 9 ?

    Asked by Sergik+,

    0 votes
    16 answers

  22. Идентификаторы и классы

    Иногда при использовании класса или идентификатора стили не применяются. Но если добавить к нему имя тега, то стили применяются #Имя_идентификатора { Описание правил стиля } - не работает E#Имя_идентификатора { Описание правил стиля } - работает Пример показать не могу, периодически при вёрстке сталкиваюсь. Такое бывает, когда несколько стилей применяется к одному элементу. Это потому что у второй записи больший приоритет?

    Asked by PavelTkachev,

    0 votes
    16 answers

  23. Как лучше обрезать текст

    Всем привет, Коллеги подскажите, как по грамотней сделать обрезание текста в блоке Макет: http://azharova.ru/test/img/promo.jpg Верстка: http://azharova.ru/test/promo.html Задача: 1. для вот такого блока http://prntscr.com/5wtpc1 выровнять белые кнопки так что бы они всегда были на одном уровне 2. Обрезать текст анонса как в макете

    Asked by Anna Zharova,

    0 votes
    16 answers

  24. Нужна помощь по верстке

    Здравствуйте все. Пишу в этот раздел, потому что в "сделайте мне бесплатно" не пускает писать. У меня полный "затык" с версткой сайта по макету и скорей всего путаница в div'ах. Очень хотелось бы найти человека, кто мог бы мне помочь с этой версткой (созвониться по скайпу (объяснить проблемы), использовать удаленку если нужно). Я сделала все что могла с этим сайтом.

    Asked by Lure,

    0 votes
    16 answers

  25. Перевод абсолютных велечин в относительные

    Сейчас делаю так, верстаю в пикселях, потом перевожу в em, % и т.д. Но последнее время это стало напрягать. Поделитесь своими методиками перевода из абсолютных велечин в относительные, можно и софтом (калькуляторы, сервисы и т.д.). И могут ли в этом помочь препроцессоры? Буду премного благодарен.

    Asked by Vlad02,

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