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/vf94k/4/ Как сделать, что бы они были все одинаковые, как 2 по середине?

    Asked by DivMan,

    0 votes
    2 answers

  2. Комментарии

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

    Asked by soressu,

    0 votes
    10 answers

  3. Про верстку в будущем

    Ребят. Я возможно и глупость говорю, я не знаю. Считайте как хотите. Вот все мы верстальщики, кто то ради удовольствия верстает, кто то на этом деньги делает. А вдруг завтра появится какой нибудь сервис. Загружаешь макет psd и за считанные секунды тебе все верстается автоматически. Что тогда? Технологии ведь развиваются с огромной скоростью. Мало ли)

    Asked by WEB-best,

    0 votes
    12 answers

  4. Отображение деталей шаблона, в зависимости от ширины экрана

    Здравствуйте. Столкнулся с проблемой, когда при одном расширении экрана деталь, шириной (пусть 1000px) выглядит как-то так А при ширине экрана 1000px и менее, эта белая часть в ширину равной 100%.

    Asked by lolik123,

    0 votes
    2 answers

  5. Проблема с масштабом меню

    Здравствуйте. Сдвигается меню, когда в браузере включена функция "Переносить текст". В данном случае в опере на телефоне Пример: Как сделать, чтобы меню не подвергалось изменению даже при этой включенной функции? Сайт: http://sunnym.ru Меню - html + css HTML: <div id="menu-block"><ul class="menu"><li><a href="index.html">Главная</a></li><li><a href="online.html">Смотреть онлайн</a></li><li><a href="preview-serial.html">Анонсы</a></li><li><a href="news-serial.html">Новости</a></li><li><a href="actors.html">Актёры</a></li><li>&lt…

    Asked by Alexandrov,

    0 votes
    3 answers

  6. Проблема с IE7

    Всем привет!! Помогите пожалуйста разобраться с IE7 Делаю верстку одного макета, код см. ниже, во всех браузерах кроме IE7 все выглядеть вроде нормально а в IE шапка вся на наперекосяк. У меня подозрение на haslayout но где куда не догадываюсь. И ище одна маленькая просьба обратить внимание на код! Что правильно что нет? Прошу сильно не ругать это моя первая работа мой первый макет! <!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>Натуральный камень в Молдове, купить</title><link rel="stylesheet" type="text/css" href="css/reset.css"><link rel="stylesheet" type="text/css" hre…

    Asked by TuTaHuKk,

    0 votes
    3 answers

  7. Как спрятать изображения, если они больше по высоте основного блока

    Не знаю, как точнее назвать тему, но вся проблема на сайте http://den-aks.ru/ Слева три изображения (линейка, листочек, молоток) и их нужно обрезать, если они получаются длиннее основного блока (грубо говоря, чтобы не было пустоты снизу). Пробовал overflow на разных блоках - без толку. На ум приходит только jQuery, но может можно обойтись CSS?

    Asked by Dimusyan,

    0 votes
    6 answers

  8. Картинки в 1 html файле

    Добрый день. Очень давно картинки пихал в html файл в виде текста. Сечас забыл как =) Подскажите пожалуйста как? В одном уверен это не svg и не base64. Спасибо.

    Asked by Ururu,

    0 votes
    10 answers

  9. ширина блока при увеличении масштаба

    Вечер добрый При вёрстке возник такой вопрос - есть footer прилепленный к низу, и вот этот футер, при изменении масштаба в большую сторону, в тот момент, когда появляется горизонтальная полоса прокрутки - обрезается видимой областью монитора. то есть, он как-бы всегда занимает 100% ширины, но когда появляется прокрутка - то справа обрезается кусок фона футера. контент на том месте есть, а вот фон- обрезается шириной экрана. кусок из css footer,.push {height: 100px;} footer {background:#7e7e7e; width:100%; color:#dbdbdb; font-family:'Tahoma', sans-serif; font-size:9pt;}собсн сама страница: https://googledrive.com/host/0B4fl96t3IgZddU55QWtjYl9QNUE/homepage.html ест…

    Asked by orange_juice,

    0 votes
    3 answers

  10. Проблема с цветом/картинкой

    Вот так выглядит в фотошопе http://s019.radikal.ru/i638/1405/f1/9bb9c056de8b.png а вот так вот в браузере http://i055.radikal.ru/1405/b6/e20c46f2908f.png сперва я пробовал градиентом вставить, не получилось. Потом я вырезал полностью картинку из фотошопа, все ровно та же самая проблема что за прикол? не получается добится 100% идентичности браузер firefox 29, может монитора касячит, не знаю

    Asked by WEB-best,

    0 votes
    2 answers

  11. блок с текстом на фоне картинки

    как сделать блок с текстом на фоне картинки... У меня header-bg большой, и если я его ставлю center top , отоброжается всё ок по экрану как надо но в высоту получается высокий и отступ большой до header-bg , мне надо текст поднять, как сделать чтоб он виден был на фоне бг? либо что можно с бг сделать? .bg-header { position: relative; height: 784px; width: 100%; background: url(/img/titulinis/header_bg.jpg) center top no-repeat; background-size:cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; } http://prntscr.com/3hvbm6 http://prntscr.com/3hvbkf если делаю контент делаю relati…

    Asked by new-dev,

    0 votes
    1 answer

  12. Зафиксировать тень изображения с переменной высотой

    Всем доброго дня! Необходимо зафиксировать тень (отдельная картинка) снизу изображения с переменной высотой (в разных материалах высота картинок колеблется). Сейчас вот так (зафиксировал высоту): Когда значения height убрал: css: .viewn_full .viewn_screen {overflow:hidden; width:387px; height:175px; margin:10px auto 10px auto; background:url(/design_104/viewn_screen.png) no-repeat center bottom;}.viewn_full .viewn_screen img {width:387px; height:149px; display:block; border-radius:16px;} Как сделать так, чтобы тень фиксировалась? Спасибо.

    Asked by Багдыч,

    0 votes
    2 answers

  13. CSS3 filter

    Почему не работает фильтр? http://jsfiddle.net/Q5S96/1/

    Asked by DivMan,

    0 votes
    2 answers

  14. Смена картинки при ховере в хроме

    На ховер назначена другая картинка на input. При смене она моргает как будто идёт загрузка, только в хроме. Но у меня скрипт предзагрузки и во всех браузерах всё нормально. Я пробовал картинки тупо в вёрстку встраивать то есть они точно загружены, но при первом наведении идёт моргание, а потом нормально, в точности как если бы это была загрузка картинки. Раньше не припомню такой проблемы, хз мож обновился хром и чё то там изменилось.

    Asked by SoFuWa,

    0 votes
    2 answers

  15. Проблема с порядком элементов при вырезании группы слайсов

    Кто-нибудь справился с такой проблемой? Например, если куча марок, с которыми работает клиент - штук 30. В фотошопе они идут один за другим на картинке - слева направо в несколько рядов. Все это дело удобно сохранять выделив всю группу слоев и создав на основе них слайсы. Но... нумерация данных слайсов идет совершенно не по порядку, а каким-то особым образом... То есть если мы все это дело сохраним - номера картинок будут не соотвествовать последовательности в макете. Переименовывая каждый слайс вручную - мы практически полностью лишаемся бонуса в скорости работы через слайсы, а не через сохранение каждого слоя отдельно. Кто-нибудь решил эту проблему? Может можно задать п…

    Asked by Zverushka,

    0 votes
    4 answers

  16. Про приоритет.

    Зачем к одному и тому же свойству, придавать несколько значений? Зачем так верстать? <style type="text/css"> .one { color: red; /* красный текст */ } .one { color: green; /* зеленый текст */ } .two { color: red !important; /* красный текст с приоритетом */ } .two { color: green; /* зеленый текст */ } </style>

    Asked by DivMan,

    0 votes
    2 answers

  17. clearfix

    http://jsfiddle.net/G7X7N/1/ зачем нужен visibility: hidden; ? ведь без него всё также работает

    Asked by DivMan,

    0 votes
    3 answers

  18. Как это сделать

    С подобным макетом столкнулся впервые. вот он: http://s019.radikal.ru/i616/1405/94/5fa98a3e7b04.jpg меня интересует первый блок я так понял это слайдер такой. как сделать такое скругление в правом нижнем угле? картинкой не получится вставить, так как это слайдер и картинка огромного размера. подскажите как сделать это?

    Asked by WEB-best,

    0 votes
    3 answers

  19. В firefox 29.0 неправильно отображается border, где-то 1px, где-то 2px

    Во всех других браузерах проблемы не наблюдаю. Именно Firefox, версия 29.0. Масштаб >=100%. При 80% - нормально, а при 100% и больше делает некоторые линии жирнее. Подскажите пожалуйста как бороться с этим багом? код: <!DOCTYPE HTML><html lang="ru"><head> <meta charset="UTF-8"> <title>JavaScript уроки</title> <style type="text/css"> table { border-collapse:collapse; } td { padding:4px; border:1px solid black; } </style></head><body><!-- <script type="text/javascript" src="operatpry_cikla.js"></script> --><table> <tr> <td> random_text </td> <td> rand…

    Asked by pashtetiprit,

    0 votes
    2 answers

  20. Проблемы с меню

    http://siliconvalleyhd.ru/ Собственно проблема с меню, у последнего элемента hover не полностью покрывает весь элемент. Помогите, как исправить?

    Asked by Roman700900,

    0 votes
    2 answers

  21. поведение Input при :hover

    Здравствуйте, Уважаемые! Вопрос следующий есть инпут, при вводе в него значения, появляется кнопка очистки формы, как сделать так, чтобы избавиться её или спрятать вот код, но картинку вставить в код у меня не получилось

    Asked by veremey,

    0 votes
    14 answers

  22. замена background при смене раздела сайта

    Доброго времени, В общем объясню вкратце что да как) Есть сайт в background у хэдера. Форма его одинаковая на всех страницах с одним отличием что на последующих в отличии титульного добавляется картинка какая либо. При смене страницы я буду подгружать контент новый а верх и подвал остаются как-бы тот-же. Только что бг хэдера заменить надо. Я начал делать, с помощью jquery, нажимаю на меню если это тот раздел что надо я меня бэкграунд хедера на тот что надо. Но проблема появилась что обновить нажмёшь всё падает. Есть вариант использовать куки. Но в javascript, я с этим не сталкивался ещё мануал глянул больно что-то запутано) Может кто подскажет примерчик приведёт. Либо…

    Asked by new-dev,

    0 votes
    1 answer

  23. Обрезка Div Блока

    Подскажите, не знаю как сделать. Есть Два див блока. <div class="duvet"> </div><div class="sheet"></div>Для них стили .duvet { position: absolute; width: 400px; min-height: 440px; height: auto; padding: 0; margin: 0 auto; background: rgba(255,255,255,1); background-repeat: round; box-shadow: inset 0 0 15px rgba(0,0,0,0.6); border-radius: 100%;}.sheet { border-radius: 100%; position: absolute; z-index: 3; width: 400px; height: 100px; height: auto; padding: 0; margin: 0 auto; background: rgba(255,255,255,1); background-repeat: round; box-shadow: inset 0 0 15px rgba(0,0,0,0.6);}Требуется обрезать .sheet таким образом что бы…

    Asked by CrazyFox,

    0 votes
    3 answers

  24. создание кнопки ссылки

    Нужно сверстать вот что домик на белом фоне шириной 35px когда наводишь на фон то домик окрашивается в желтый цвет (НО именно когда наводишь на фон) Я сделал вот так <div class="home"><div class="homeimg"><a class="silkadom" href="#"></a></div><!-- end homeimg --></div><!-- end home -->.home{background-color:white; width:38px;height:25px;float:left;margin-left:40px;margin-top:-18px;position:relative;z-index:200;}.homeimg a{border:1px solid black;width:38px;height:25px;position:relative;z-index:100;background-image:url(home.png);float:left;}.homeimg :hover {background-image:url(homefocus.png);float:left;width:26px;he…

    Asked by Daniil Khanin,

    0 votes
    1 answer

  25. Отображение страниц в мобильных устройствах

    Добрый день, решил разобраться в вопросе создания страниц для мобильных устройств и, почитав статьи и книги, натолкнулся на некоторые вопросы. Вычитал в книге Бена Фрейна, что без тега meta с атрибутом vieport обычная (неадаптированная веб-страница) сжимается в браузере мобильника, но влезает в него целиком (речь в данном случае о iPhone 3gs). Но у меня стоит по Оперу тестировщик для просмотра в разных устройствах и там ничего и без этого тега не сжимается и страница целиком не влезает. В чём здесь дело? Может, современные мобильные устройства не сжимают страницу?

    Asked by webmos,

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