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. Модальное окно CSS + немного JS

    Почему не работает? А здесь работает. <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <meta name="description" content=""> <meta name="keywords" content=""> <link rel="stylesheet" href="css.css"> <script type="javascript"> p = $('.popup__overlay') $('#popup__toggle').click(function() { p.css('display', 'block') }) p.click(function(event) { e = event || window.event if (e.target == this) { $(p).css('display', 'none') } }) $('.popup__close').click(function() { p.css('display', 'none') })</script> </head> <body> <p><input type="button" value="Popup!" id="popup__to…

    Asked by Delat,

    0 votes
    7 answers

  2. div со скругленными рамками

    Нужно сделать слой со скругленными рамками. Верхняя картинка/рамка и нижняя у меня фигурная и прозрачная, поэтому боковые рамки выезжают за пределы (вверх и вниз). Как это исправить? Вот здесь пример http://jsfiddle.net/8QZV7/

    Asked by aizul,

    0 votes
    2 answers

  3. <style class="my_class_1"> возможно?

    Требуется быстро переключаться между CSS докумнтами, т есть перепривязывать их к большому числу документов разметки. Первое пришедшее предположение это использовать @import <style class="my_class_1"> @import url(main.css); @import url(каталог/main2.css); </style> Т есть, имея набор стилей в <head> , подключать требуемый через jQuery. Возможно ли реализовать такой подход и есть ли более простые решения?

    Asked by seemax,

    0 votes
    8 answers

  4. Как правильно вычислить вертикальный padding для текстового блока?

    Столкнулся с проблемой вычисления реального отступа в текстовом блоке. Например, если указать padding:10px, то фактический вертикальный отступ получается больше 10px. Где-то как-то padding пересекается с размером шрифта и line-height. Пробовал отнимать, делить, прибавлять, но не отстледил никакой закономерности. Возможно есть какая то формула для вычисления?

    Asked by Anubis,

    0 votes
    4 answers

  5. Слайдер на чистом CSS3

    Ребят, помогите пожалуста. Как добавить к этому слайдеру автопрокруту через каждые n секунд, на чистом CSS3, без JS? http://csscience.com...siveslidercss3/

    Asked by two_pizza,

    0 votes
    3 answers

  6. Выравнивание текста в верстке

    Привет всем. Я изучаю html и css чуть более недели. На данный момент выполняю учебную верстку. Встала проблема с выравниванием текста в одну строку как показано на рис. то что получилось у меня на рис.2 собственно проблемы следующие возникли: при изменении размера ячейки (write comment) меняется также и размер самой верхней ячейки (12). Буду благодарен если посмотрите мой html и css код перейдя по ссылке. http://zalil.ru/34662928.

    Asked by Borka,

    0 votes
    6 answers

  7. Не работает свойство css font-weight

    Всем привет. Уже который день бьюсь над этой задачей, используя htmlbook.ru как полезный справочник (спасибо его создателем), но что-то дело не идет, и решил обратиться к вам, форумчанам, за помощью. Небольшое лирическое отступление. Начал делать проект, движок использую Wordpress. Но не плагинами единами, начал с прошлой недели осваивать html и css, прогресс есть, но не большой. Мне необходимо реализовать подобие следующего элемента: Пока получилось вот так (оранжевым в картинке закрасил вотемарку, дабы не самопиариться): Вот тут я и встал. Данный совокупный элемент у меня реализован следующим образом: <a href="<?php the_field( "image_acf" ); ?>"><img …

    Asked by end,

    0 votes
    11 answers

  8. Скачет уголок в Хроме

    Добрый день. Подскажите как православно верно сделать такие "уголки"? http://jsfiddle.net/npofopr/eA63W/ Проблема в общем то в следующем. На jsfiddle нет проблемы, а вот если посмотреть в Хроме на То при изменении ширины браузера, можно увидеть, как прыгает уголок. Или при вызове инспектора, тоже может прыгать Если убрать letter-spacing у span'а, то всё становить хорошо. Но может где то еще я наделал ошибки или можно проще всё было сделать?

    Asked by npofopr,

    0 votes
    3 answers

  9. Сильно растягивается таблица

    http://nt-reklama.ru/prajs-list-karmany-pod-pechatnuyu-produktsiyu Поясните почему таблица себя так ведет, хотя текст абсолютно нормально выглядит.

    Asked by aquapasha,

    0 votes
    5 answers

  10. По горизонтали фиксировано, но по вертикали должно ездить

    Здравствуйте! Есть страница сайта: http://gorenje.desig...u/produkty.html На ней есть внизу две (красные) плашки. В общем надо, чтоб при прокрутке в окне браузера они по оси Y оставались на одном месте (как сейчас и есть), а по оси X сдвигались вместе с серой рамкой (если меняем ширину окна). Тоесть чтоб они были прикреплены к серой рамке статьи (по оси X) и при резайзе окна браузера никуда не убегали (по оси X). Возможно ли это сделать с помощью CSS ?

    Asked by sc_creator,

    0 votes
    1 answer

  11. Дергание блока при раскрывании в FireFox

    Вот ссылка на мой раскрывающийся блок подписки на рассылку, работает во всех основных браузерах кроме FireFox любой последней версии, если на странице есть вертикальный скролл раскрывающийся блок дернется вправо и становится на место и также при сворачивании, как это пофиксить? перепробовал все что на ум приходило, прощу помощи професионалов

    Asked by ilyas,

    0 votes
    3 answers

  12. Ссылка, картинка, не работает.

    Джамбо. Тема очень простая, но что то мне в голову ничего дельного не приходит. Не работает ссылка на картинку, картинка открывается как пустая, но если открыть картинку в новом окне, то загружается нужная страница..Вроде ссылку описываю правильно, единственное, сомневаюсь конечно что это как то влияет, но картинка с ссылкой засунута в див. <a href='http://blablabla.com/'><img src="http://7.arhwus.zxg8.ru/wp-content/uploads/2013/07/logo1.png" class="alignnone size-full wp-image-3738" /></a>

    Asked by CatInTheBread,

    0 votes
    2 answers

  13. Мобильная версия

    Здравствуйте! У меня такая проблема. При верстке мобильной версии (320px фиксированная) в мозиле и ие 10 получаются вот такие чудеса (В др. броузерах не смотрел, в Сафари все нормально!). Вот ссылка на скриншот http://itmages.ru/image/view/1151725/3324b252. Кому не трудно посмотрите, очень нужно! Заранее огромное спасибо.

    Asked by Gasherez,

    0 votes
    3 answers

  14. Английские и русские термины.

    Какие существуют правила употребления терминов? Например слово "валидация" является калькой английского слова "validation". С одной стороны нехорошо засорять русский язык и перевести как например "проверка синтаксиса", но с другой стороны при чтении документации на английском языке нужно будет сделать обратный перевод и угадать с точным термином. Может писать русский термин и в скобках английский вариант?

    Asked by АнатолийМ,

    0 votes
    5 answers

  15. DIV слой поверх flash

    Знаю что тема изъезженная до нельзя, но тут ситуация немного другая. На сайте есть flash и всплывающие окно. Flash это плеер с сайта http://megavisor.com/, который генерируется посредством вставки iframe на мою страницу, и уже в этом самом iframe и есть тот flash. Соответственно при открытии всплывающего окна флеш вылезает поверх этого самого окна. Разработчик не учел расширенные настройки своего плеера. К параметру wmode не подобраться. Есть идеи?

    Asked by sergeyvolk,

    0 votes
    5 answers

  16. Div, надпись и поле ввода

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

    Asked by Charm0nt,

    0 votes
    12 answers

  17. Всплывающая кнопка в блоке при наведении на его

    Есть блок с картинкой. Как сделать, что бы при наведении на этот блок на картинке в центре всплывала другая картинка?

    Asked by realyhead,

    0 votes
    4 answers

  18. Firebug

    Доброго времени суток. Я чет не пойму почему при наведении на body, page выделяеться не вся рабочая область а только header. Обьясните пожалуйста почему так http://itmages.ru/image/view/1151048/b9ef46da http://itmages.ru/image/view/1151049/5b3aa4cc

    Asked by T001,

    0 votes
    2 answers

  19. Проблемы с отображением

    Привет народ! Я в верстке не силен, но вот как-то наговнокодил что-то вроде этого: www.goodrest.info У меня проблема в следующем: некоторые браузеры , в частности последняя версия Хрома, тормозит неправильно отображая топ меню (посмотрите сами), в опере часом тоже наблюдается, в чем причина такого бага? Я понимаю что сам один сплошной баг, но все же , может кто-то поймет причину? я не пойму...=( Спасибо!

    Asked by Joe May,

    0 votes
    16 answers

  20. проблема с позиционированием в IE9

    спасибо сам разобрался , тему можно удалить.

    Asked by taloverov,

    0 votes
    0 answers

  21. Повергнуть Myriad Pro

    Myriad Pro очень любят наши ру дизайнеры, словно не замечая миллионы нецензурных коментов по этому поводу. Кто-нибудь сумел разобраться с этой напастью? Как отконвертировать во все форматы этот замечательный шрифт для вэб бесплатно, что бы счастливые верстальщики могли на всех ру сайтах радостно и кроссбраузерно использовать фонт фэйс такого вида: @font-face { font-family:'MyriadPro-Regular'; src:url('../fonts/MyriadPro-Regular.eot'); src:local('O'), url('../fonts/MyriadPro-Regular.woff') format('woff'), url('../fonts/MyriadPro-Regular.svg') format('svg'), url('../fonts/MyriadPro-Regular.ttf') format('truetype'), url('../fonts/MyriadPro-Regular.eot') format('embed…

    Asked by Alarr,

    0 votes
    18 answers

  22. подскажите как сделать такую автоматическую оплату?

    вот хочу узнать как сделать такую автоматическую оплату как на этом сайте http://djekxa.com/# подскажите пожалуйста) Заранее благодарен) если что кто может в скайп то вот vitia1461

    Asked by Виктор146,

    0 votes
    2 answers

  23. не отображается картинка

    не отображается картинка (hot job online), т.е отображается, но не везде (зависимости между браузерами не нашел) просмотреть картинку сайт

    Asked by pupil,

    0 votes
    6 answers

  24. Помогите пожалуйста решить CSS задачки.

    Есть тестовый сайтик один. Задача номер 1 - корректное отображение паспорту у картинок с выводом заголовка title в этом же паспорту. Пример по адресу - test.chocolate-kiss.ru/tvorozhnye-oladi-s-yablokami Особенно криво съезжает паспорту вправо в Опере. В Хроме справа отступ больше, чем слева у паспорту. Вот код, который отвечает сейчас за это дело: /* Captions */.aligncenter,div.aligncenter{display:block;margin-left:auto;margin-right:auto} .wp-caption{ padding: 20px; /* Ширина паспарту */ background: #f0f0f0; /* Цвет фона паспарту */ } .wp-caption img{ padding: 20px; /* Ширина паспарту */ background: #f0f0f0; /* Цвет фона паспарту */ } .wp-caption p.wp-caption-text{fon…

    Asked by LBM,

    0 votes
    6 answers

  25. Неполный бордер

    Друзья, а как реализовать такой бордер? Подскажите пожалуйста

    Asked by ghrd,

    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