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 у меня выравнивание текста, расположенного внутри тега <p>, идет по ширине, т.е. "justify". Подскажите, пожалуйста, можно ли прописать в CSS-файле свойства для тега <p>, содержащего тег <a>, внутри которого, в свою очередь, находится тег <img>? Другими словами, мне необходимо, чтобы картинка, являющаяся ссылкой, расположенная внутри тега <p>, выравнивалась по центру. Иначе, мне вручную приходится сейчас прописывать для всех таких абзацев <p style="text-align: center">

    Asked by Pat33,

    0 votes
    4 answers

  2. Выделение пункта меню, в котором просматривается подменю

    Доброго времени суток всем! Есть горизонтальное меню с выпадающими списками подменю. Выпадает всё здорово, но подсвечивается несколько не так, как хотелось бы. Чего хочу, и что не получилось: когда наводится мышь на пункт меню - всё здорово, пункт подсвечивается оранжевым, меню выпадает, но после того, как мышь уходит с основного пункта меню и начинает "гулять" по подменю, подсветка с основного пункта меню пропадает, а должна оставаться. когда на ней hover - она загорается, hover пропал - пропала подсветка. как заставить светиться этот пункт, пока я шарю мышкой в пределах его подменю? пример в картинках вот так оно есть сейчас: вот так надо (монтаж): вот кусо…

    Asked by Ник Ример,

    0 votes
    4 answers

  3. Сползающие меню

    Здравствуйте. Я только начинаю постигать искусство верстки, и делаю свою первую страницу в портфолио. Вот страница У нее существует меню, но когда я начинаю уменьшать масштаб страницы, пункты меню начинают сползать: При дальнейшем уменьшении масштаба вся верстка, просто съезжает: Прошу, помогите решить проблему, ибо на других сайтах такого нет. Прилагаю html код и css стили. <body><!--Общая обертка для сайта--><div id="wrapper"> <!-- Шапка сайта--> <div id="header"> <div id="search"> <a href="#">Войти</a> </div> <div id="main_menu_high"> <nav> <ul> <li><a href…

    Asked by pers1307,

    0 votes
    4 answers

  4. Активный пункт

    Помогите пожалуйста сделать вот такую фигнюшку, мне нужно чтобы при нажатии на пункт списка у которого есть еще выпадающий он становился активным, то есть нажатым, и я хочу чтобы когда он был нажатым иконка в углу пункта переворачивалась вниз или вверх чтобы как бы показать что сейчас открыт этот пункт, ну вы поняли; пробовал вот так: .content-positioner .big-box h4 span{ background:#04172e url(../img/close.png)no-repeat 610px 5px; } content-positioner .big-box h4 span:active{ background:#04172e url(../img/open.png)no-repeat 610px 5px; } эффект есть но, иконка при нажатии переворачивается а как только отпускаю мышку снова становится как при неактивном Подскажите…

    Asked by igornagorny89,

    0 votes
    4 answers

  5. Единицы измерения

    Какие единицы измерения лучше использовать при вёрстке сайтов? Плюсы и минусы.

    Asked by myRoot,

    0 votes
    4 answers

  6. Заголовок с ссылкой, Хром.

    Можно ли победить такой "баг", или фичу, даже не знаю. Может это нормальная работа браузера. Может всем известный факт. Есть заголовок с ссылкой. Если заголовку поставить font-weight: 300; то подчеркивание ссылки остается жирнее, чем сам текст. В том же ФФ все выглядит хорошо. Пример: http://jsfiddle.net/npofopr/W9M3B/ Скриншоты: Хром Фаерфокс

    Asked by npofopr,

    0 votes
    4 answers

  7. Семантика заголовков section -> article

    Доброго времени суток! У меня следующая проблема - не понимаю как семантически правильнее верстать следующую структуру: <section> <h1>Title</h1> <article> <h1>Article-title №1</h1> <p>Article-content №1</p> </article> <article> <h1>Article-title №2</h1> <p>Article-content №2</p> </article></section>или <section> <h1>Title</h1> <article> <h2>Article-title №1</h2> <p>Article-content №1</p> </article> <article> <h2>Article-title №2</h2> <p>Article-content №2</p> </article></secti…

    Asked by Libiros,

    0 votes
    4 answers

  8. Подскажите слайдер

    http://joxi.ru/oQMVUxjKTJAYDgGTq8E слайдер, котороый очень плавно двигается вправо, а когда заканчивается то двигается влево. также при наведении мышки в левый или правый бок этот слайдер ускоряется и проматывается быстрее.Может кто знает подходящий слайдер?

    Asked by Zverushka,

    0 votes
    4 answers

  9. Искажение картинок

    На сайте в сайдбаре выводится список статей блога с превьюшками, НО в Хроме и Яндекс.браузаре эти превьюшки искажены по размеру. Как эту проблему решить, чтобы в Хроме и Яндекс.браузаре все отображалось корректно http://s2.ipicture.ru/uploads/20140225/YVK893zT.png ??? Я так понимаю что-то с css???

    Asked by fowl,

    0 votes
    4 answers

  10. Стоит ли глубоко изучать HTML 5 не зная JavaScript?

    Стоит ли глубоко изучать HTML5 не зная JavaScript?

    Asked by DivMan,

    0 votes
    4 answers

  11. .ru и .by - есть ли различия для русско-язычного сайта?

    Привет, друзья. Есть ли конкретные практические различия между этими двумя доменными зонами? С точки зрения SEO, восприятия, рекламы и т.д. Целевая аудитория - все русско-говорящие. Сам я из Беларуси, но может стоит взять .ru для бизнес проекта? Или .by ничуть не хуже будет?

    Asked by Denik,

    0 votes
    4 answers

  12. Что такое замощает?

    Нашёл я ето слово в предложении, про background-position. По умолчанию фоновое изображение "замощает" фон элемента или повторяется по горизонтали и по вертикали снова и снова, пока не заполнит всё пространство.

    Asked by DivMan,

    0 votes
    4 answers

  13. Проблема hover на Ipad при скролинге

    Есть меню, в котором подпункты появляются по hover. Если в Ipad промотать немного, то на том месте, где было меню срабатывает hover. Странное поведение и не понятно почему. Кто сталкивался с такой проблемой?

    Asked by freialex,

    0 votes
    4 answers

  14. тег <a> перед <li> выдает ошибку в валидаторе HTML

    Добрый день. Я использую адаптивную верстку. Вот ссылка на сайт: http://test.w-complex.ru/w_complex/complex.php. В разделе портфолио, при наведении курсора мыши на картинку, появляеся синий фон с крестиком, весь синий фон являеся ссылкой, как и задумывалось. Для этого я поставила тег <a> перед <li>, но валидатор html выдает ошибку вот такую: Line 183, Column 40: Element a not allowed as child of element ul in this context. (Suppressing further errors from this subtree.) … <a href="#"><li class="one_li">Compatible with popu…То есть нельзя тег <a> использовать внутри элемента <ul>, как только тег <a> п…

    Asked by Nailya,

    0 votes
    4 answers

  15. макет базируется на диагоналях

    Добрый день. У меня макет весь состоит из диагоналей, треугольников и меню необычной формы. Вот ссылка: Посоветуйте, что лучше использовать для этого. Я подумала про transform, но он не входит в стандарт и в IE9 может глючить, и вообще границы мелкими волнами идут, мне в голову приходит только картинки использовать в этом случае. Есть ли еще варианты?

    Asked by Nailya,

    0 votes
    4 answers

  16. Непонятное позиционирование элемента в Firefox

    Элемент span выходит за предел правой границы родительского a при том что задано right:0. Ситауцию наблюдаю в Firefox 27. В Chrome 33, Opera 20, Safari 5.1.7 отображается правильно. Баг Firefox или я чего-то не понимаю? http://cssdeck.com/labs/jgs1sts0

    Asked by Johnney,

    0 votes
    4 answers

  17. Обход дерева без "внуков"

    Есть страница с такой структурой <div id="Start"> | +—-<div> | +——- произвольное количество тегов, в том числе <div> | +——- произвольное количество тегов, в том числе <div> | +—-<DIV> Нужный тег Нужно получить объект <DIV>, помеченный красным цветом. Через GetElementById("Start").GetElementsByTag("DIV") не получается, т. к. из-за произвольного количества тегов в предыдущем теге <div>, номер нужного тега всегда разный. Но он всегда второй относительно тега <div id="Start">. Как программно получить ссылку на этот объект? p.s. Программа на VBA, внешние библиотеки подключать нельзя.

    Asked by Evgen111,

    0 votes
    4 answers

  18. Как сверстать данный макет

    Уважаемые форумчане, Как сверстать вот такой фон http://prntscr.com/31az6n http://prntscr.com/31b0ce - обвела проблемное место. Вот сам макет http://prntscr.com/31b0z9 Дизайн фиксированный.

    Asked by Anna Zharova,

    0 votes
    4 answers

  19. Как сверстать такое меню

    Макет меню http://prntscr.com/31e2os Возникла проблема с наложение язычка, выравнивание и прочие прелести лезут из всех щелей. Все пункты меню разные, язычок имеет фиксированную ширину. Вот код верстки http://jsfiddle.net/GX2my/

    Asked by Anna Zharova,

    0 votes
    4 answers

  20. Arial Narrow для ios

    web safe 'Arial Narrow', Arial Narrow, 'Nimbus Sans L', sans-serif; font-stretch: condensed; Но на планшетах и подобных устройствах выходит неприятный облом. Может есть в нем похожий шрифт сжатый? Или какой-то другой выход есть? Arial Narrow не бесплатный шрифт же - его так просто не достать?

    Asked by Zverushka,

    0 votes
    4 answers

  21. Firefox в td не работает относительное позиционирование

    Всем привет! http://jsbin.com/mafigidu/2/edit вот код. Подскажите почему Firefox не хочет делать относительное позиционирование в ячейке таблицы td? Как заставить его делать?

    Asked by Bava,

    0 votes
    4 answers

  22. Атрибуты alt и title для background изображения

    Подскажите, как добавить атрибуты alt и title к изображению, которое выводится с помощью стиля background:? Пример: <div class="pic-1" style="background: url("/upload/iblock/fca/fca34dab58e4a102ad5d79d7cb0c7d2c.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);"> <a href="/about.php"></a> </div>

    Asked by Koroed,

    0 votes
    4 answers

  23. Как выравнять элементы таблицы

    http://ergodesign.biz/page/mebel-dlja-personala-unica Таблица с Элементами серии пляшет. Как выравнять?

    Asked by yana33311,

    0 votes
    4 answers

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

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

    Asked by Rooner,

    0 votes
    4 answers

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

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

    Asked by Nailya,

    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