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. масштаб сайта на мультитаче

    Столкнулся с пролемой. Есть верстанный DIVами сайт (http://primehotel.ru) с фиксированной шириной. Нормально отображается на всех устройствах, кроме мультитачевских ноутов. Там из за мультитача, сайт грузится примерно в 130% размере. Не влезает в ширину экрана, что создает реальные неудобства. Можно как то заставить сайт показыватсья по дефолту в 100% ? Такая же проблема имеется если просматривать его Firefox'ом. Сайт немного увеличивается, но не выходит за пределы экрана. На любом устройстве. Не подскажете, как можно это поправить?

    Asked by amv,

    0 votes
    5 answers

  2. Шрифт зависит от размера экрана.

    Приведите примеры способов верстки, когда шрифт уменьшается/увеличивается в зависимости от размера экрана. Процентное измерение не помогает. Текст сайта на маленьких устройствах сваливает за рамки блоков. http://www.designforge.ru/

    Asked by ArgonXPrime,

    0 votes
    3 answers

  3. Как быстро скопировать страницу в jsfiddle и ему подобные?

    Здравствуйте. Часто надо задать вопрос, а сайт на локалке. Есть ли какой путь для быстрого копирования структуры и стилей в jsfiddle и ему подобные сервису, вместо ручного набивания и копирования стилей отдельных элементов? В общем поступил так: 1. В Хроме правой кнопкой "показать код страницы". Копировал - вставил в HTML зону 2. Пробежался под подключенным файлам стилей в порядке их подключения и скопировал их в CSS зону через те же средства разработчика Хром. 3. Удалил из HTML ссылки на подключение css файлов Проверим, что получилось ...

    Asked by borus,

    0 votes
    2 answers

  4. <nav> без обертки в резиновом макете

    Уважаемые мастера, прошу вас сориентировать и подсказать. Есть задача переделать один шаблон в две резиновые колонки со статичным контентом, для уменьшения большого количества строк кода. Решил попробовать левый столбик сделать на основе <nav></nav>, правый уже <div>. <!DOCTYPE html><html><head> <title></title> <meta name="description" content="free website template" /> <meta name="keywords" content="enter your keywords here" /> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <meta http-equiv="X-UA-Compatible" content="IE=Edge"> <link rel="stylesheet" href="css/style.cs…

    Asked by cmndr_alexgreen,

    0 votes
    4 answers

  5. Раскрывающееся меню

    Здравствуйте. Возникла проблема. Честно говоря, даже не знаю, с какой стороны к ней подойти. Есть вот такое вот меню: http://jsfiddle.net/8AL7A Сейчас оно работает, как на примере сверху. После клика по слову "Меню" все пункты сворачиваются. Нужно, чтобы активный пункт оставался видимым как на примере снизу. Количество пунктов произвольное. Меню генерируется автоматически. Единственное до чего я додумался, это выносить выделенный пункт за пределы родительского блока при генерации и скриптом располагать его в нужной позиции. Тогда при сворачивании нужно будет просто обнулят позицию. Но это, по-моему, слишком сложное решение для такого случая. Я не жду готовых решения. Но …

    Asked by Quickerz,

    0 votes
    4 answers

  6. Убрать ширину элемента с float

    Здравствуйте. Есть элемент списка (Li) с фиксированной шириной (скажем width:100px). При изменении размера окна браузера через медиа-запрос в стилях этот элемент становится плавающим (скажем float:left). Требуется чтобы он имел ширину по своему контенту, но он сохраняет ширину в 100px У свойства width нет значений, с помощью которых можно было бы сбросить унаследованное. Или я что-то не понимаю? Это можно как-то решить без скрипта? Что-то я затупил.. width:auto и делов-то сорри

    Asked by toman,

    0 votes
    0 answers

  7. Почему после абсолютного позиционирования появляется отступ сверху?

    Здравствуйте. Вот пример локального сайта. Скажите, почему при задании абсолютного позиционирования элементу #rt-top .rt-container > div:last-child, сверху возникает пустая область? Кажется это из-за отсутствия закрывающей > у div'а и промашки с выбором селектора

    Asked by borus,

    0 votes
    0 answers

  8. Объединение начертаний шрифта

    Приветствую профессионалов и новичков верстки. Столкнулся на днях со проблемой использоапния шрифтов на сайте. Прежде активно пользовался гугловским сервисом, однако последнее время стали наблюдаться перебои в его работе и в итоге на странице текст отображается шрифтом по умолчанию, что никак не устраивает (это я еще молчу про время, которое требуется из-за этого на открытие страницы). Поэтому появилась необходимость отказаться от гугла и грузить шрифт с сервера. Вот тут и появилась сложность. К примеру шрифт Dosis. У него различные начертания (Dosis-Book, Dosis-Medium, Dosis-Light, Dosis-SemiBold ...) расположены в разных файлах. Когда шрифт подключался через гугл, то ис…

    Asked by maxakagaret,

    0 votes
    2 answers

  9. Как сделать, чтобы дочерние элементы не наследовали стиль родителя?

    Можно ли задать какое-нибудь свойство родителю, или воспользоваться каким-нибудь псевдоклассом, чтобы его дочерние элементы не наследовали его стиль, или необходимо для каждого возможного дочернего элемента переписывать стиль внутри данного родителя?

    Asked by wi34rd,

    0 votes
    1 answer

  10. Очень странный баг

    Такой код: <!DOCTYPE html><html><head> <meta charset="utf-8" /> <link rel="stylesheet" type="text/css" href="styles/photon.css" /></head><body><form > <input/> <input/> <input/></form><div style="border-top: 1px solid black;" ></div> <!-- РАЗДЕЛИТЕЛЬ --><div> <span> ТЕСТ </span> <div class="test"> ТЕСТ 2 </div> </div></body></html>.test {float: right;}Проблема заключается в следующем, div с текстом "ТЕСТ 2" в FireFox отображается на одной строке с div'ом с текстом "ТЕСТ", а в Chrome и Opera почему-то съезжает на одну строку вниз. Ме…

    Asked by qwestpool,

    0 votes
    6 answers

  11. Вёрстка, адаптирующаяся под размер экрана

    Некоторое представление о вёрстке я имею, но знаний для решения поставленной задачи не хватает. Поэтому прошу помощи в указании направления обучения. Нужно сверстать сайт, так чтобы он всегда занимал весь размер монитора. То есть все элементы интерфейса должны автаматически перемасштабироваться под соответствующую высоту и ширину экрана. Вёрстка в основном будет состоять из текстов и элементов html+css. Есть ли для них возможности задавать размеры с использованием формул без javascript? Есть ли возможноти для картинок? Есть некоторое количество кнопок с графическими элементами. Решит ли проблему использование svg?

    Asked by PavelTkachev,

    0 votes
    14 answers

  12. Диагональное зачёркивание

    Необходимо при наведении на блок с предложением цены перечеркивать ценник. Сейчас реализовано через горизонтальное зачеркивание при помощи картинки. .hoverClass{ background:url('redline.png') repeat-x 0 50%; }Какие есть идеи? Возможно ли повернуть картинку и расположить ее диагонально? Может нужно использовать text-decoration: line-through, при этом направив из левого нижнего угла в правый верхний?

    Asked by Vitalya T,

    0 votes
    1 answer

  13. Интересная рамка для изображения(блока).

    Всем привет. Подскажите, как реализовать рамку вокруг картинки в стиле плёнки, картинки верха, низа, и т.д. есть. Как разместить их вокруг элемента7

    Asked by xTODx,

    0 votes
    5 answers

  14. Вопрос про ширину, высоту тега div и рамку border вокруг него.

    Здравствуйте, подскажите пожалуйста, если ширина (width) тела страницы сайта предположим 1000px, а рамку border ставлю 1px, то получается ширина увеличивается до 1002px верно? Проще говоря прибавляется ли этот 1 пиксель по краям у ширины или же он войдет в эти 1000 пикселей? такой же вопрос и про высоту, потому что если не входит 1 пиксель в заданные значения, то получается если всё делать не в таблице а на дивах, придется высчитывать скажем сдвиги столбцов с навигацией, поиском и т.п. Жду ваших советов, а то что то совсем запутался...

    Asked by КСС,

    0 votes
    3 answers

  15. href ссылки и display:none

    2 проблемы 1-ая со ссылкой - создал ссылку, все бы хорошо, но при клике на эту ссылку должен выдвигаться дочерний слой div'a, у ссылки стоит href="#" что при каждом клике на нее, тебя автоматически отбрасывает наверх страницы, что крайне неудобно, как решить эту проблему, какой путь поставить в a href=? 2-ая с анимацией на transition, как уже сказал, есть блок при клике на него должен выводится дочерний блок, но проблема в том, что часть дочернего блока (буквально 1px где-то) видна еще до его вывода. У дочернего блока стоит max-height:0px; при клике на родитель увеличивает до max-height:200px; Попытка поставить ему display:none+при клике на block - не прокатывает, ани…

    Asked by Hoax,

    0 votes
    7 answers

  16. Собственные теги для форматирования текста. Допустимо?

    Обычно я для форматирования текста беру стандартные теги, типа <i> и <b> и задаю им тот стиль, который мне нужен. Вопрос, честно, дурацкий, но не могу уснуть из-за него: Могу ли я применять собственные теги с заданным набором правил? И чем это черевато? В простом виде: мне нужно красный цвет и пунктирную линию для некоторых слов. Чтобы не занимать стандартные теги, то задаю эти свойства в <jopa>свой тег</jopa>, который уже дальше могу по необходимости дополнить стандартными.

    Asked by Melodyn,

    0 votes
    8 answers

  17. как сделать блок для новостей ...

    как сделать такой новостной блок.... с верху было стрелка и снизу...

    Asked by Sekaiichi,

    0 votes
    5 answers

  18. Вертикальное центрирование

    Всем доброго времени суток!При верстке дизайн встал вопрос:"Как выровнить блоки по центру те,что 'Художники'?" Извините,проблема уже решена.

    Asked by Xolodeec,

    0 votes
    2 answers

  19. Какие посоветуете соц. кнопки?

    AddThis,Ya.share или pluso?! Хотя насчет последних вкрадываются сомнения... http://toster.ru/q/63780 А КАКИМИ ПОЛЬЗУЕТЕСЬ ВЫ?! И какие недостатки у конкурентов

    Asked by SKSKSS2013,

    0 votes
    1 answer

  20. Лишние пикселя

    Всем доброго времени суток!При верстке сайта наткнулся на одну проблему,которую никак не могу решить,собственно говоря,поэтому и обратился к вам! Вот сайт - сайт В меню главных разделов :"Художники" Фоновая картинка имеет высоту в 72 пикселя,но тег <li> упорно почему-то ставит высоту 75 пикселей,что мешает ровно отцентрировать сам список,итог:"Откуда появляются эти три лишние пикселя?" Прошу прощения,вопрос исчерпан Решение: Применить к изображению vertical-align:bottom;

    Asked by Xolodeec,

    0 votes
    0 answers

  21. Помогите немного изменить скрипт

    Есть скрипт который динамически подгружает контент с другой странички. Суть в том, что обрабатываются все ссылки в блоке. То есть, есть блок ссылок в виде списка и скрипт их все пытается динамически подгрузить. Необходимо заставить скрипт как-то различать что надо грузить а что нет. Вот пример - http://jsfiddle.net/e4xuu/1/ он не работает так как подгрузка берется из контейнера с id - "content". Можно, как-то, например, ссылки разделять по классу, если в ссылке присутствует необходимый класс - подгружать, нету - пропускать.

    Asked by alleclf,

    0 votes
    6 answers

  22. Проблема с адаптивностью

    Когда открываю эту страницу http://danxil.pp.ua/layout/index.html в обычном браузере и изменяю ширину окна - все ок, блоки спускаются на нижнюю строку как идолжно быть, но когда открываю эту страницу в мобильном браузере, у нее просто меняется масштаб, а блоку остаются на месте. Как сделать так что бы на мобильных браузерах именно сжималась ширина блока ?

    Asked by Danxil,

    0 votes
    5 answers

  23. не проходит валидацию

    Здравствуйте! на сайте используются теги figure figcaption, посмотрел на штмлбук: http://htmlbook.ru/html/figcaption теги штмл5. На странице указан <!DOCTYPE html>, в итоге сайт все равно не проходит валидацию. Указывает на ошибки именно в этих тегах. Что в данной ситуации можно сделать? спасибо!

    Asked by devid89,

    0 votes
    2 answers

  24. Фон для страницы

    Здравствуйте гуру сайтостроения, хотелось бы узнать, каким способом можно сделать такой фон, в частности аквалангист ( код http://jsfiddle.net/n7W6p/ )

    Asked by tescsrus,

    0 votes
    6 answers

  25. пишем текст в div как в textarea

    Кто нить подскажет, есть такое свойство в Css которое разрешает писать в диве??

    Asked by q13m,

    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