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. Необходимо чтобы блок (right-bar) накладывалась на блок (header).

    Доброе всем время суток! Я в этом деле еще чайник, но хочу научиться этому ремеслу, изучаю верстку совсем недавно около месяца! Прошу подсказать, что именно я сделал не так! Теперь обратимся к самой проблеме, при верстке тестового задания столкнулся со следующей проблемой. Необходимо чтобы блок(right-bar) накладывалась на header. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <title>Allsoft</title> <meta name="SKYPE_TOOLBAR" content="SKYPE_TOOLBAR_PAR…

    Asked by GhostBZ`,

    0 votes
    2 answers

  2. Необходимы объяснения и ликвидация

    Помогите, пожалуйста, разобраться в нескольких проблемах. по завершению вёрстки (вроде, прошло без эксцессов) возникли следующие вопросы: 1. почему макет ползёт при увеличении масштаба (логотип ползет влево, область контента ползет вправо)? почему так происходит и как этого избежать? 2. всплывающее меню возникает, но возможности воспользоваться появляющимися ссылками нет. для проверки создавал тестирующую страницу с такими вложенными списками. ссылки появлялись и были кликабельными, а на основной странице нет. почему?что я сделал не так? результат работы: Основная страница спасибо за внимание и надеюсь на вашу помощь.

    Asked by LeD4eG,

    0 votes
    10 answers

  3. Необычная верстка

    Приветствую! Нужна помощь. Есть необычная верстка(необычная для меня, т.к. я с такой не сталкивался). Дизайн по типу смахивает на игровой. Но вот как этот дизайн выполнен(технически)! В общем вот скрин оригинала: Нормальный(ссори за такой кривой скрин, самому такой дали) Проблема собственно в том что, элементы которые должны быть разобраны на слои(чуть ли не по миниатюрам), они объединены в один слой, и как верстать совершенно непонятно. Я сверстал, но косячно. Ниже еще один скрин обрисованный где какие слои объединены - Обрисованный Красным - обозначен слой, который внутренний. Стрелки показывают что он под колпаком в общем:crazy: Зеленым - обозначен слой главный, типа …

    Asked by Digidie,

    0 votes
    5 answers

  4. Необычная верстка

    Здравствуйте, есть задача сверстать макет с изображениями, похожий на http://www.pixoto.com/. Не знаю, с какой стороны к этому всему подойти. Есть какие-то мысли как сделать такую штуку?

    Asked by red_komrad,

    0 votes
    5 answers

  5. Необычная задача

    Решил вот сделать такое меню используя только стандартные CSS скругления, и не используя вообще никаких изображений (это очень важно), но пока не совсем получается это реализовать. Может у кого-нибудь будут идеи или готовые примеры, спасибо?) В особенности не получается сделать так, чтобы кусочек этого меню как бы торчал сверху всей панели. Пробовал делать отрицательные отступы и прочее, но почему-то никак не хочет верх вылезать)

    Asked by Kenshi24,

    0 votes
    7 answers

  6. Необычная кнопка

    Ребят, по ховеру круглая кнопка плавно трансформируется в кнопку с текстом. Где-то встречал на просторах интернета, но не могу найти сейчас. Возможно кто-нибудь кинет пример подобных кнопок ?

    Asked by brezze,

    0 votes
    2 answers

  7. Необычная фигура, как сделать?

    Ребят, есть у кого идеи как сделать вот такое чудо ? Проблема в том, что нижний левый хвост, должен быть адаптивным. И растягиваться в лево на больших разрешениях до конца. Есть идея сделать вектор, но опять же, не могу додуматься, как сделать нижий левый угод адаптивным под большие мониторы ?

    Asked by brezze,

    0 votes
    4 answers

  8. Необычное горизонтальное меню

    Всем здравствуйте! Собственно такой вопрос: Как сделать адаптивное горизонтальное меню на html и css которое на картинке? Причем при разных разрешений экрана,меню не уходила в сторону от фона. Вообще это возможно?

    Asked by Proxt,

    0 votes
    2 answers

  9. Необычное значение background

    На одном сайте при разборе кода наткнулся вот на такую вещь: #someId {background: buttonface} Что это за вид бекграунда? Что даёт? Если возможно, скиньте ссылки, где об этом рассказывается. Гугление результатов не принесло...

    Asked by trikadin,

    0 votes
    5 answers

  10. Необычное меню)

    привет всем! была такая задача сверстать такое меню, я его сверстал, элементы подогнал отрицательным margin, все вроде прекрасно, но тут появилась такая проблема как наведении и клике ты попадаешь совсем на другую страницу, по скриншоту очевидно видно, что каждый div имеет свой прямоугольник и тем самым когда я провожу мышкой по нему он активирует ту область, на которой див. <a href="http://www.picshare.ru/view/2204796/" target="_blank"><img src="http://www.picshare.ru/uploads/130610/YH7eB7IFkH_thumb.jpg" border="0" title="Хостинг картинок PicShare.ru"></a> что я хочу этим сказать, есть ли способы, чтобы уменьшить зону ссылки до картинки? или может есть…

    Asked by Ozz,

    0 votes
    2 answers

  11. Необычное оформление ссылки

    Как оформить так ссылку, т.е. ссылки единый стиль дивом, а внутри два разных цвета?

    Asked by okunev2,

    0 votes
    24 answers

  12. Необычные кнопки

    Подскажите пожалуйста как на css сделать?

    Asked by fireman691,

    0 votes
    4 answers

  13. Необычный резиновый дизайн

    Суть задачи в следующем: 1 имеем блок фиксированной ширины 1024 пикс. При разрешении экрана в 1024 пикс он показывается целиком. Это центральный блок. 2 Если разрешение экрана больше то справа должен отобразиться фон (изображение), причем его левый край должен совпадать с центральным блоком. 3 Если разрешение экрана больше 1280 пикс, то слева должен отобразиться фон(изображение), правый край которого должен совпасть с центральным блоком. Вопрос, как это реализовать не прибегая к javascript и есть ли готовые решения?

    Asked by Lastmmps,

    0 votes
    10 answers

  14. необьяснимый z-index

    Здравствуйте. Разъясните пожалуйста свойства z-index. Как то не логично он себя ведет в комплекте с :before и :after http://codepen.io/mikhail09/pen/WrYvdb Почему желтые квадраты сверху вопреки z-index? если убрать з-индекс у дива и прописать в after z-indez: -1; все отображается как надо? http://codepen.io/mikhail09/pen/KVrpez

    Asked by Mixail.09,

    0 votes
    20 answers

  15. Неоднородный фон. Как правильно верстать?

    Доброго всем профи, вопрос от новичка. Как правильно верстать фон, представленный во вложении? целиком изображение - тогда вопрос - не жирно ли ему 100кб на бекграунд, а взять маленький кусочек указать ему repeat тоже не получится. В общем интересует Ваше профессиональное мнение. https://www.dropbox.com/s/53qucedyzir9mob/bg.jpg

    Asked by To_wave,

    0 votes
    1 answer

  16. Неожиданно на хостинге появился псевдокласс :root

    Доброго времени суток! Уважаемые коллеги, помогите решить проблему. Есть на хостинге статическая страничка. Неожиданно пропал блок с ссылками. Инспектор кода Chrome выдаёт вот это <style type="text/css"> :root *[pk3x5e3][hidden] { display: none !important; }</style> <ul class="social_list" pk3x5e3="" hidden=""> <li class="social_item" pk3x5e3="" hidden=""> <img class="social_icon" src="image/icons/www.png" alt="" pk3x5e3="" hidden=""> <a class="social_link" href="http://veselyevykhodnye.wixsite.com/l-school" target="_blank" pk3x5e3="" hidden="">http://veselyevykhodnye.wixsite.com/l-school</a> </l…

    Asked by Dzhem,

    0 votes
    3 answers

  17. Неожиданный вертикальный скрол в Chrome и Opera

    Вопрос для знатоков. Есть такая верстка. Вопрос заключается в том почему в Chrome и Opera у элемента с классом "panel" появляется вертикальный скрол-бар. И как от него избавиться. Естественно решение просто убрать overflow: auto не подходит. Тестировал в Chrome 36 и Opera 20.

    Asked by illya_v,

    0 votes
    4 answers

  18. Неопнятные рамки в IE10

    Всем привет. Может, кто сталкивался с такой проблемой. При наведении и/или нажатии на button и input получаются такие рамки в браузере IE10. Зачем эта падла так? Я ни разу такого не видела. Кто что знает? http://joxi.ru/p27LXw5SnEGoA7

    Asked by kattiperk,

    0 votes
    4 answers

  19. неопознанная ошибка в IE

    В осле 6 и 7 заметил ошибку " Не удалось открыть узел . Неопознанная ошибка " Сайт http://rubasket.com Помогите ,кто может ,найти ,где прячется error !

    Asked by FASTDEATH,

    0 votes
    3 answers

  20. неопознанные типа-теги

    <a href="java script:void(0)" onclick="popupShowText(Первое окошко: Этот текст должен появиться во <i>всплывающем окне</i> и определен прямо на <b>месте вызова</b>.</p>')" class="popup">здесь</a> поясните, пожалуйста, наличие знако рядом с &?

    Asked by Rilo,

    0 votes
    1 answer

  21. Неопределенная ширина блоков

    Есть меню из блоков, часть фиксированной ширины и один плавающей, как сделать чтобы список блоков занял все 100% ширины? http://jsfiddle.net/sx88yeah/2/

    Asked by Kenshi24,

    0 votes
    2 answers

  22. Неординарная проблема

    С страницей происходит какая-то чертовщина. ИНОГДА при перезагрузке страницы текст без ясных на то причин выходит за поле, но когда снова перезагрузить страницу, то все становится на свои места (это и мешает найти проблему). При выделении текста, он ведет себя как должно. Думаю, что суть проблемы вы поняли. Спасибо. Нормально: Плохо: Даже при использовании joxi (google chrome плагина), я не мог сделать скрин проблемы, потому что все быстро вставало на свои места.

    Asked by Ghost86421,

    0 votes
    4 answers

  23. Неотображаемый текст в шапке сайта.

    Верстаю макет с Фигмы - https://www.figma.com/file/2rdy1qjBTl7D6BAC8S4qlf/Webovio?node-id=0%3A1. Наверстал Скрытый текст <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <link href="https://fonts.googleapis.com/css?family=Poppins:regular,700&display=swap" rel="stylesheet" /> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="stylesheet" href="css/style.css"> <title>Webovio</title> </head> <body> <div class="wrapper"> <main class="page"&g…

    Asked by vladdvin,

    0 votes
    2 answers

  24. Неотображается иконка сайта

    Здравствуйте, вот у этого сайта http://velo-tuning.ru/ Не отображается иконка, в чём дело? Сама иконка загружена по адресу http://velo-tuning.ru/glavdising/favicon.ico

    Asked by Воитель,

    0 votes
    5 answers

  25. Неотображается код PHP

    Здравствуйте уважаемые форумчане, у меня не отображается php код, я только начал знакомится с языком php, поэтому сильно не пинайте помогите лучше) Буду вам весьма признателен. Итак вот простой документ: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <title>документ</title> </head> <body> <?php $name = "автобус"; echo "$name"; ?> </body> </html> Должно по идее на странице, появиться слово автобус, вроде и пе…

    Asked by Riko911,

    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