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. Собственные теги для форматирования текста. Допустимо?

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

    Asked by Melodyn,

    0 votes
    8 answers

  2. 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

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

    Такой код: <!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

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

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

    Asked by ArgonXPrime,

    0 votes
    3 answers

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

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

    Asked by SKSKSS2013,

    0 votes
    1 answer

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

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

    Asked by Xolodeec,

    0 votes
    0 answers

  7. масштаб сайта на мультитаче

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

    Asked by amv,

    0 votes
    5 answers

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

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

    Asked by Danxil,

    0 votes
    5 answers

  9. svg или webfonts

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

    Asked by PavelTkachev,

    0 votes
    16 answers

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

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

    Asked by Sekaiichi,

    0 votes
    5 answers

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

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

    Asked by q13m,

    0 votes
    3 answers

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

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

    Asked by Xolodeec,

    0 votes
    2 answers

  13. Долго грузится сайт

    Установила цмс и переношу на нее сайт. Использую ее давно никогда проблем не было. Сейчас столкнулась, с тем что сайт просто умирает при обновление. Малейшее изменений в стилях, контенте и сайт умирает. Помогите разобраться что к чему? Сайт: http://фасадымосквы.рф/index.php?page=test

    Asked by Anna Zharova,

    0 votes
    5 answers

  14. Вкладка вертикального аккордеона ссылкой

    Посмотрел аккордеоны на jQuery UI, вкладки просто кликабельны для разворачивания внутреннего контента но они не ссылки для перехода, мне нужно чтобы вкладка(таб) тоже была ссылкой и разворачивала внутренний контент, погуглив не нашел ни одного аккордеона где вкладка тоже была бы ссылкой, вот на biglion аккордеон разворачивается но с полной перезагрузкой страницы, ВОПРОС: как можно сделать хотябы как на биглионе ? это при клике на ссылку нужно добавлять класс который дальше display:block внутреннему контенту чтобы его развернуть ?

    Asked by ilyas,

    0 votes
    1 answer

  15. Накрыть слайдер полупрозрачной статичной картинкой

    Есть слайдер, сделан на Bootstrap. Необходимо сделать, чтобы поверх слайдов было статичное изображение(в моем случае это вертикальные и горизонтальные линии, типа кафельной плитки). Т.е. нужно, чтобы линии оставальсь на месте, а слайды перемещались, как положено. Еще два вопроса: как в Bootstrap вывести индикаторы за пределы слайдера и как изменить вид стрелок для прокрутки слайдера. Есть PSD-макет слайдера с контролами, нужно, чтобы стрелки на реальном слайдере были как в макете. Я о верстке имею неплохое представление, но слайдерами раньше не занимался. …

    Asked by nikstorm,

    0 votes
    1 answer

  16. Как обрезать изображение на определенное кол-во пикселов?

    Как обрезать изображение например на 3px со всех четырёх сторон?

    Asked by Koroed,

    0 votes
    1 answer

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

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

    Asked by tescsrus,

    0 votes
    6 answers

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

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

    Asked by alleclf,

    0 votes
    6 answers

  19. Построение интерактивной карты с Raphaël (нужна помощь)

    Здравствуйте! Нужна маленькая помощь... может и не маленькая... Как-то на сайте рассматривалась тема "Построение интерактивной карты с Raphaël", http://htmlbook.ru/blog/postroenie-interaktivnoi-karty-s-raphael очень заинтересовал один вопрос... А возможно ли в init.js там где атрибут fill выставить для каждого объекта (страны) изображение, скажем флаг страны? ( я там уже отметился с вопросом, может тут быстрее поможете, очень интересует такая возможность) Помогите, пожалуйста, дайте дельный совет! Заранее благодарен!

    Asked by Женик,

    0 votes
    0 answers

  20. Это css синтаксис или Gantry 4 FrameWork?

    Здравствуйте. Разбираю .less файлы. Встречаю такое: li { margin-right: 0 !important; &.active { ...Это синтаксис Gantry Framework?

    Asked by borus,

    0 votes
    1 answer

  21. Меню из квадратных элементов

    Пытаюсь сверстать меню из квадратных кнопок. Задача в том, чтобы они пропорционально уменьшались при уменьшении экрана и если им не хватает места, то переходили на следующую строку. Вот ссылка на то, что я намудрил http://jsfiddle.net/RSW45/ Однако почему-то меню получается не квадратное, а прямоугольное. И можно ли убрать отступы справа и снизу или нало использовать float:left? Правда во втором случае будет проблема как сделать, чтобы меню было всегда поцентру.

    Asked by PavelTkachev,

    0 votes
    11 answers

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

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

    Asked by devid89,

    0 votes
    2 answers

  23. как правильно сверстать такое меню?

    Подскажите, пожалуйста, как правильно сверстать такое меню? http://itmages.ru/image/view/1563959/1b78310e у меня вот какое код получилься. http://jsfiddle.net/N5nkc/ Но мне кажется не правильно. Пожалуйста, подскажите правильный вариант.

    Asked by zolga7,

    0 votes
    7 answers

  24. фон меню картинкой

    Всем привет. У меня вот такая картинка-фон для меню: Как вы знаете контент меню имеет разную длину и может быть динамичным, и вот не могу понять, можно ли эту картинку как-то по ширине менять в зависимости от контента. Мне в голову приходит только в фотошопе менять длину картинки. Или вот еще приходит в голову срезать середину шириной там в 2рх и сделать с помощью repeat-x, но вот края, как прикрепить к середине технически, не пойму. Подскажите, если еще варианты или как мою последнюю задумку осуществить технически?

    Asked by Nailya,

    0 votes
    4 answers

  25. Как правильно верстать горизонтальное меню?

    Меню сверстано с использованием float: left; Ширина меню 980пикселей. На скрине видно, что при 100% все хорошо, а вот при зуме в 75% последний элемент переносится на следующую строку. Каждый пункт меню, он же li имеет отступы padding: 18px 13px 18px 13px; но не имеет заданной ширины. Почему то при масштабе эти отступы то увеличиваются, то уменьшаются, а следовательно пункт меню то влазит то нет. Как мне сделать меню одной строкой, фиксированной ширины 980пикс., чтобы пункты никуда не переносились? Нашел только 1 решение - прописать ширину всех li, но так не получится, не все влезет. Может быть указать отступы в pt или em? Пробую но не получается. Сейчас заметил что пр…

    Asked by Rooner,

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