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. Пропорции блока

    Привет. Вот у меня такой вопрос. Мне нужен резиновый блок с пропорциями. Например, 3×2. То есть при ширине экрана в 300 пикселей он был бы 200 высотой. А при 400 ширины — 267 высотой. Так делается как-то? Мне на ум приходит только сделать картинку, которую положить в блок, а всё содержимое запилить внутри в absolute. А есть нормальные способы?

    Asked by Veseloff,

    0 votes
    2 answers

  2. Позиционирование картинки

    Добрый день, друзья! Помогите пожалуйста разобраться. При наведении курсора на ссылку появляется изображение, но не в том месте где нужно. При позиционировании картинки через "x" и "y" часть изображения почему-то обрезается. <image xlink:href="images/okr1.jpg" width="100%" height="100%" x="200" y="100"/> Хотелось чтобы картинка целиком появлялаяь снизу под окружностью. Ниже весь размещён код: <!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <body> <object data="link.svg" type="image/svg+xml" width="400" height="450" ></object></body></html><svg xmlns="http://ww…

    Asked by Иван98,

    0 votes
    2 answers

  3. Комментарии сжимаются и уходят вправо, с каждым разом всё больше

    URL страницы Мне надо чтобы они не ужимались и не уходили вправо, а были как первый

    Asked by iBars,

    0 votes
    2 answers

  4. Многоуровневое горизонтальное меню

    Салют ребятки. Решил сделать сайт, но столкнулся с проблемой. Не могу создать многоуровневое (3-х) горизонтальное меню (пока не особо получается дружить со списками). Кто профи - помогите! Пожалуйста! html: <!doctype html> <html> <head> <meta charset="utf-8"> <title>Menu</title> <link href="css/menu/style.css" rel="stylesheet" type="text/css"> <link href="css/menu/font.css" rel="stylesheet" type="text/css"> </head> <body> <header> <nav> <ul> <li><a href="#">Текст1</a> <ul> <li><a href="#">Текст1.1</a></li> </ul> <ul> <li><a …

    Asked by Eugenice,

    0 votes
    2 answers

  5. Отсутствует часть изображения

    Здравствуйте! Подскажите пожалуйста. Проблема следующая, при наведении курсора на ссылку появляется изображние, но не полностью, часть изображения почему-то обрезана. Ссылки созданы на траектории окружности при помощью SVG. При наведении на ссылку pushkin должен появлятся круг, но появляется только 1/4 его часть. http://hkar.ru/FXMi При наведении курсора на две другие ссылки должна появлятся оружность, но она тоже появляется не целиком. http://hkar.ru/FXMj Все файлы разместил здесь: https://yadi.sk/d/NMvbqOdcmjz5F

    Asked by Иван98,

    0 votes
    2 answers

  6. Дивы друг под другом

    Есть страница с дивами, которые имеют разную высоту. Сейчас я использую float: left, но в таком случае, когда размер контента сильно отличает, вся верстка ломается. Подскажите, как разместить дивы рядом, как сейчас, но и чтобы каждый из них находится под вышестоящем. 1 скриншот (http://s2.uploads.ru/XsxcU.png) - сейчас, 2 (http://s7.uploads.ru/OHYmC.png) - как хотелось бы.

    Asked by alexcjae,

    0 votes
    2 answers

  7. Хештег в адресе страницы

    Здравствуйте уважаемые участники форума! Есть скрипт, который по нажатию на ссылку делает действие и дописывает хештег в адрес той странице где этот скрипт был запущен. Собственно вопрос: если человек попал на одну из таких страниц и вызвал этот скрипт а потом уже ссылку на эту страницу опубликовал где-либо с этим самым хештегом то для поисковых систем это будет уже новая страница или они не принимает во внимание всё что написано начиная с решётки? Вот такой вот вопрос, возможно глупый, надеюсь что я был понят правильно. Спасибо за внимание!

    Asked by Морская улиточка,

    0 votes
    2 answers

  8. Плавающие блоки неопределенной высоты

    работаю над галереей, разрезинил div c изображениями добавив float:left все прекрасно но некоторые блоки с изображениями имеют разную высоту (ширина всегда одинаковая) и так получается что последующий блок зацепляется за самый высокий предыдущий блок, и выглядит не красиво((( Во вложении пример: взглянуть можно тут: http://wfi.lomasm.ru/русский.галерея если смотреть При разных разрешениях особенно заметно Требуется насильно держать плавающие блоки на одной строке: Как лучше это сделать? 1) javascript выставить всем блокам в одной строке высоту максимально высокого блока? 2) или как-то можно разрулить при помощи CSS, пока не въехал как.... Ищется самое простое …

    Asked by tester117,

    0 votes
    2 answers

  9. Полоса отображаемая только в Firefox

    Всем привет Помогите не знаю как убрать белую полосу между блоком шапки и блоком меню: (Только в Firefox так, в остальных браузерах этой полосы нет) http://www.mbav-websites.xyz/site/designprog/

    Asked by Bava,

    0 votes
    2 answers

  10. bootstrap row margin

    хочу добавить к row стиль margin-bottom, но не хочу вносить правки в бутсрап счас сделал так- в главный див добавил стиль form-horizontal, а row заменил на form-group <div id="log" class="form-horizontal"><div class="form-group" data-key="11.01.2016"><div class="col-lg-1"> 11.01.2016</div><div class="col-lg-5"> <div id="w2" class="list-view"><div class="row" data-key="92">1 2 3: 6:01 Статус <strike>закрыт</strike> открыт</div><div class="row" data-key="93">1 2 3: 6:01 Склад <strike>22</strike> yyyyy</div></div></div></div><div class="form-group" data-key="10.01.2…

    Asked by https,

    0 votes
    2 answers

  11. растянуть фон блока внутри фиксированного листа

    Всем привет))Можно ли задать фон блока на всю ширину экрана внутри фиксированного листа. если да то как?Вот так у меня только по ширине листа получилось. Спасибо http://codepen.io/anon/pen/obwzJM Код <div class="sheet"><section class="font"><div class="post"><div class="postcontent"><p> Текс Текст Текс Текст Текс Текст Текс Текст Текс Текст<br>Текс ТекстТекс ТекстТекс ТекстТекс ТекстТекс ТекстТекс ТекстТекс ТекстТекс Текст</p></div></div></section> CSS .sheet { margin: 0 auto; position: relative; cursor: auto; width: 80%; min-width: 320px; max-width: 1536px; z-index: auto !important;}.section { width: 1…

    Asked by Ранис,

    0 votes
    2 answers

  12. картинка перекрывает ссылку

    Здравствуйте! Подскажите пожалуйста. При наведении курсора на ссылку появляется картинка, но она перекрывает ссылку. ДО наведения курсора http://hkar.ru/G26z После наведения курсора http://hkar.ru/G26A Хотя в стилях для картинки задано: a image {visibility: hidden; position: absolute; z-index:1;}А для ссылки при наведении: a:hover text {text-decoration: underline; position: absolute; z-index:100;}Весь код: <html> <head> <meta charset="utf-8"> <title></title> </head> <body> <svgxmlns="http://www.w3.org/2000/svg" version="1.1"xmlns:xlink="http://www.w3.org/1999/xlink"width="330" height="330" viewBox="-18 -15 330 330">&…

    Asked by Иван98,

    0 votes
    2 answers

  13. Очень крутое слайдшоу

    Ребятки! Пожалуйста, помогите сделать или хотя бы найти исходники чудесного слайдера, который красуется на сайте http://www.gameray.ru

    Asked by Eugenice,

    0 votes
    2 answers

  14. body с заданной шириной не катируется?

    Доброго времени суток!Помогите разобраться в вопросе.Почему Body с бэкграундом-фоном отображается на всю ширину страницы,причем если поставить для дива внутри маржин-авто,то оно центрируется именно по боди с заданными размерами? Вот ссыль на код.http://liveweave.com/ прошу наставить на путь истинный,али ткнуть в мат часть.С уважением.

    Asked by mladwiUverstalwik,

    0 votes
    2 answers

  15. Верстка расположение блоков.

    Уважаемые помогите решить проблему в верстке никак не могу сообразить как решить ( Есть три блока адаптивные (Блок логотип, Меню, Блок ) Снизу блок с слайдером. Как сделать так чтобы блок с слайдером подпирал блок Меню,блоки логотип И Блок были поверху слайдера. Вот как то так https://fotki.yandex.ru/next/users/sawenkov-o-s/album/429223/view/1133115

    Asked by virtas,

    0 votes
    2 answers

  16. Выравнивание по правому краю родительского элемента

    http://www.cssdesk.com/pHc4m Нужно параграф разместить поверх баннера справа с помощью float (учебное задание). Объясните, пожалуйста, что не пропускает параграф вверх?

    Asked by WhatIsHTML,

    0 votes
    2 answers

  17. Как получить код-интерактивная карта?

    Всем привет! Объясните пожалуйста,как получить код-интерактивная карта,и затем как прописать его в html ???? За раннее благодарен!

    Asked by lisur,

    0 votes
    2 answers

  18. html5; тег <picture>. Очень хитрое поведение.

    Пытаюсь в шапку сайта установит разные изображения адаптированные под размеры устройств. И столкнулся с интересным эффектом от которого мозги закипают. Проблема: картинки правильно показываются только при условии если переход по ссылке идёт с первого самого верхнего уровня меню. Если переход с дочернего уровня, то картинки нет даже запасного варианта только его alt. Но если поставить картинку фоном через css или одно изображение без тега picture, то всё прекрасно работает. Сайт на локальном и на джумле. Пробовал html вариант меню эффекта нет. Скипт отключал. В этих всё работает хорошо ссылки на первом уровне. <li class="item-101 current active"><a href="/index.…

    Asked by Пиксель,

    0 votes
    2 answers

  19. Создание дополнительных кнопок на картинке

    Добрый день. Подскажите пожалуйста. Есть ряд картинок из которых надо сделать галерею, при наведении на каждую из которых появляется голубой фон и две кнопки. Это понятно, делается с помощью css с использованием псевдоссылки a:hover. Вопрос в том, как сделать чтобы при нажатии на эти кнопки происходили дальнейшие действие. Одна из кнопок связана с увеличением масштаба картинки. Возможно ли добавить этой новой кнопке ссылку на открытие увеличенной картинки в новом мини-окошке только с помощью css, или здесь необходимо использовать что-то другое?

    Asked by Leksa,

    0 votes
    2 answers

  20. В меню не отображается русский текст

    Доброе время суток !!! Такая проблема товарищи : В этой части кода не работает русский язык <ul> <li class="active"><a href="index.html"><span>Home Page</span></a></li> <li><a href="support.html"><span>Support</span></a></li> <li><a href="about.html"><span>About Us</span></a></li> <li><a href="blog.html"><span>Blog</span></a></li> <li><a href="contact.html"><span>Contact Us</span></a></li> </ul> если я вместо <span>Home…

    Asked by Balthazar,

    0 votes
    2 answers

  21. bootstrap 3 валидация

    сделал сайт на бутстрап 3 заказчик проверил его через https://jigsaw.w3.org/css-validator/и выдал кучу ошибок теперь хочет исправить бутстрап, якобы для сео полезно уговоры на него не действуют правильно ли исправлять бустрап?

    Asked by https,

    0 votes
    2 answers

  22. верстка широкой и высокой таблицы

    Есть вот такая таблица Как её лучше сверстать для повышения читаемости и отсутствия скролла? Сделать выпадащим выбор типа айфона? Скрывать неиспользуемое?

    Asked by Serginhio,

    0 votes
    2 answers

  23. Сайт на мобильном открывается не с самого верха, а с формы <form>

    Помогите, кто может: в адаптивном сайте при открытии его с мобильного - сайт открывается не с самого верха (с меню), а с начала формы просчета стоимости. То есть все, что находится на главной странице сайта выше формы расчета цены считается неважным для человека зашедшего с мобильного на мой сайт. Если открывать на компьютере, то все отлично, а когда на маленьком экране, то браузер сам решает что для клиента самое важное и игнорирует верхние пол страницы... Сайт http://mirpotolkov.com.uaможет кто-то с таким сталкивался? П. С. Раньше когда сайт был не адаптивный, то такого не было, открывался сверху.

    Asked by Besthelen,

    0 votes
    2 answers

  24. div поверх iframe

    Задача в том что поверх ролика повесить поцентрк рекламу, делаю так,но безрезультатно <html> <style type="text/css"> .block1 { position:absolute; z-index:2 } .block2 { position:relative; z-index:1 } </style> <script type="text/javascript" src="//cdn.o333o.com/embed.js"></script> <body bgcolor=blue> <div class="block1" position: absolute;> <iframe width="510" height="400" src="" frameborder="0" scrolling="no" allowfullscreen></iframe> <div class="block2" position:relative;> <iframe class='na' src='' frameBorder='0' scrolling='no' width='300' height='250'></…

    Asked by Кузьменко андрей,

    0 votes
    2 answers

  25. Раздулся padding в Firefox

    При заходе на сайт из браузера Firefox, кнопки Регистрация и Вход раздуваются, и в итоге кнопка Вход выпадает на следующую строку. Как это исправить?

    Asked by iBars,

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