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. на какую CMS перевезти блог с Blogger и стоит ли?

    Суть моего вопроса такова. Гдето в начале октября начал вести блог на Blogger и привязал к нему домен ru. вот он http://www.nickoff.ru Прошел месяц начал задумываться может переехать на платный хостинг, но какую CMS для новичка выбрать? что бы потом переехать на нее не теряя ссылки, блог так как сегодня блог получил PR3 боюсь потерять при переезде. Вот жду советов =)

    Asked by nickoff,

    0 votes
    4 answers

  2. Помогите разобраться в z-index

    Здравствуйте, помогите разобраться со свойством z-index для тега <img>. Есть такая структура <div class="map"> <img src="..."/> <ul>...</ul> </div> Я прописал свойства: .map ul { z-index: 10; } .map img { position: absolute; z-index: 1; } Но все равно картинка перекрывает список. Почему? PS: Я знаю, что можно сделать картинку свойством background-image, просто хочется разобраться с z-index'ом.

    Asked by oke11o,

    0 votes
    4 answers

  3. Фокус на футер после обновления.

    Всем привет. Есть футер на сайте с ссылками, при нажатии на которые страница обновляется. Собственно вопрос в том, как сделать чтобы после обновления полоса прокрутки сайта была внизу(отображался футер). Заранее спасибо.

    Asked by Lakrein,

    0 votes
    4 answers

  4. Подскажите, пожалуйста, со стилем Яндекс.карты

    Здравствуйте, подскажите пожалуйста - совсем запуталась с тегами. Мне нужно создать border-image вокруг яндекс.карты на страничке. Код страницы <div class="map-border"><div id="YMapsID-5652" style="width:350px;height:270px"></div></div> css #map-border { border-width: 25px 30px 10px 20px; -moz-border-image: url("img/map-border.png") 25 30 10 20 repeat stretch; -webkit-border-image: url("img/map-border.png") 25 30 10 20 repeat stretch; border-image: url("img/map-border.png") 25 30 10 20 repeat stretch; } Бордюр не отображается.. в чем намудрила, никак не пойму Т_Т Заранее благодарю за помощь всех откликнувшихся

    Asked by Skazzi,

    0 votes
    4 answers

  5. Верстка меню

    Добрый день, хочу сделать меню как ПРИМЕР . Как сделать чтобы текст был под картинками, у меня получается вот такая штука МОЙ САЙТ Спасибо.

    Asked by addask,

    0 votes
    4 answers

  6. Почему не работает repeat

    Почему так не работет repeat? background: url('../image/image.png') 16px 0 repeat; height: 14px; width: 2px; А так работает? background: url('../image/image.png') left top repeat; height: 14px; width: 2px; Как заставить первый вариант работать? В примере имеется ввиду, что при цифрах повтор не работает.

    Asked by Ritter,

    0 votes
    4 answers

  7. div

    В общем вот такой вопрос можно ли реализовать такое http://jsfiddle.net/prizrak/HP4kN/ в верстке див?) если да то как?)(хоть намекните)

    Asked by biginer,

    0 votes
    4 answers

  8. высота

    Как сделать, чтобы блок растягивался на всю высоту обозреваемой области?

    Asked by ctpz,

    0 votes
    4 answers

  9. Вертикальное меню

    Есть вертикальное меню.Задана его точная ширина.В этом меню есть 6 пунктов, каждый из которых должен быть одинаковой ширины и чтоб текст был выровнен по центру каждого <li>. Нужно ,чтобы border был не на весь <li> , а только на <a> , но если так в коде указать то уменьшается сам пункт меню. Вот исходный код: <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Art Печенье</title> <style> body,html{ margin:0px; padding :0 px; } a{ text-decoration:none; color:#ffffff; } .center {display:block; margin:0 auto;} ul#mainNav { margin-left:70px; margin-top:70p…

    Asked by averin13,

    0 votes
    4 answers

  10. Верстка нестандартного меню

    Приветствую. Целый день не мог решить задачу. Вот решил наконец к вам обратиться. Значит задача состояла в следующем: необходимо сверстать горизонтальное меню с закругленными по краям углами. На момент клика (я так понял a:active) должны подключаться спрайты. Меню должно тянуться по разрешению экрана до 1660рх. Естественно IE7+ и полное прохождение валидации. С виду задача не очень сложная, но приступив к работе вошел в ступор. Как быть с закругленными краями, чтоб они так же реагировали на клик элемента и при этом элемент списка тянулся по тексту. Вот, прошу помощи. Вот то, что пока получилось. Не работает в опере и естественно в IE7. И нет резины по ширине экрана.

    Asked by Avro,

    0 votes
    4 answers

  11. Вопросы по макету!

    Это превью шаблона, с которым проблемы.... Как прижать футер к нижней части экрана при любом разрешении? Как привязать левую и правую колонку к футеру и установить резиновую высоту? То есть - не зависимо от количества центральных блоков колонки должны растягиваться догоняя футер! Третий день колдую, ничего не получается... На сайте тоже не нашел, есть похожие проблемы, но не для этого случая... Если кто знает ответ, подскажите, заранее премного благодарен. Или хотя бы ссылки на материалы, где найду решение.

    Asked by Aleksty,

    0 votes
    4 answers

  12. Сравнять с фоном

    Как убрать эти отступы и сравнять с фоном данный див?

    Asked by sdasddsa,

    0 votes
    4 answers

  13. Настройки шрифта

    Собственно заметил на сайте одной из социальных сетей такую интересную штуку: Не смотря на то я не менял в настройках браузера величину шрифта, сайт оставался абсолютно одинаковым. Вопросы: 1)Как это сделать(или все таки не стоит)? 2)Много ли пользователей с увеличенными шрифтами и есть ли смысл верстать и для них тоже.))

    Asked by fragilewelldone,

    0 votes
    4 answers

  14. Еще одна мобильная верстка)

    Проблема в размерах элемента. Нужно сделать так, что бы на маленьких экранах картинки, инпуты и прочее сжимались сохроняя пропорции. em и % не помогли. Точнее: нужно сделать что бы логотип и все картинке в шапке становились меньше на маленьких экранах (240x320). Может не совсем понятно объяснил, буду рад, если поможете

    Asked by moskalev_mihail,

    0 votes
    4 answers

  15. меню на всю ширину

    Здравствуйте. такой вопрос: есть сайт, http://test11.16mb.com , потребовалось растянуть главное (верхнее) меню на весь экран. Не нашел лучшего способа как просто добавить по бокам меню, блоки с текстурой фона этого самого меню) но, при и уменьшении окна броузера, или при меньшем разришении, меню сползает под свой фон и выглядит это все хреново... вот скрин: http://s017.radikal.ru/i401/1111/6a/0b4e1abadfe7.jpg Указывал размеры левой и правой текстуры в процентах. Как решить эту проблему? возможно я не так это все делаю... Зараннее спасибо за ответы...

    Asked by greeb,

    0 votes
    4 answers

  16. Как сделать так что бы убрать действие ТЕГА(кода)

    Как сделать так что бы убрать действие ТЕГА(кода). К примеру <code></code> не действует на HTML, что можете посоветовать?

    Asked by skoch244,

    0 votes
    4 answers

  17. что надо убрать,чтобы исчезли по бокам полосы

    подскажите,взял себе за основу,один из многих доступных шаблонов http://jsfiddle.net/dummy/nnCMZ/ и хочу применить его как скелет,но заметил,крайне не приятную вещь - по бокам есть фон цвета бордо(#800000) ,как мне вообще убрать это? хочу,что бы было просто три колонки не зависимо от монитора,и хедер был растянут на все 100,а футер вообще убрать. буду благодарен за помощь.

    Asked by dummy,

    0 votes
    4 answers

  18. Плавающие дивы

    возможно ли какнить сделать чтобы синий и жёлтый див спускалися также по тексту как и зеленый,но не фон дива в которых эти 3 дива?

    Asked by sdasddsa,

    0 votes
    4 answers

  19. Обращение к элементу

    Здравсвуйте. Подскажите пожалуйста. Есть следующая вложенность. <div id="main"> <div> <div> <a href="#"> <img alt="image" src="#" /> </a> </div> </div> </div> Нужно обратиться к 3-ему диву. Обращение типа : #main div div { } не подходит, так как картинок на странице куча, которые в свою очередь обворачиваются в такую же иерархию дивов. А мне нужно задать стили только одному диву, а не всем. Написать id нужному диву, так же не получится, див создается и генерируется джаваскриптом и я не пишу этот скрипт. Подскажите пожалуйста, кто знает...

    Asked by DarkKnight,

    0 votes
    4 answers

  20. позиционирование div'a

    всем привет. есть span допустим по середине страницы с текстом share и стрелка вниз. нужно при нажатии создать див, который будет появляться снизу спана. если написать position: absolute; то он будет выровнен с началом span, а нужно его сдвинуть влево, типо left: -10. возможно ли такое? спасибо

    Asked by vvsh,

    0 votes
    4 answers

  21. Как сверстать такой вод блок

    Как сверстать эти линии? Именно чтобы растягивались с контентом ну и расположить их так как я хочу? Просто растянуть на 100 процентов вниз див нельзя, а если родителю поставить фон картинку и repeat-y то нельзяч менять расположение фона. Как быть? Можно ещё через <ul><li></li></ul> попробывать, но мен кажется тогда вёрстка станет не логичной или я не прав?

    Asked by bayanruby2,

    0 votes
    4 answers

  22. Выпадающие меню

    Здравствуйте. Есть html-код: <!doctype html> <html> <head> <meta charset="utf-8"> <title>меню</title> <link href="css/common.css" rel="stylesheet" type="text/css"> </head> <body> <div id="menu"> <ul> <li><a href="#">Меню1</a> <ul> <li><a href="#">меню 1.1</a></li> <li><a href="#">меню 1.2</a></li> <li><a href="#">меню 1.3</a></li> </ul> </li> <li><a href="#">Меню2</…

    Asked by param,

    0 votes
    4 answers

  23. Размытый полупрозрачный фон

    Пример видел подобное на сайтах, но забыл каких. пытался искать в google, но как-то не получается толково сформулировать запрос. предполагаю, что данную вещь можно сделать полупрозрачной png, или скриптом. интересует как сделать или где скачать такой фон, я к сожалению с photoshop на ВЫ. если кто знает где есть статьи по этому поводу дайте ссылку.

    Asked by Switch74,

    0 votes
    4 answers

  24. перекрывающий блок position:absolute

    проблема только в самом крутом браузере в том что блок центральный перекрывает боковые блоки ? откуда у него такой маразм? <!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>Документ без названия</title> <style> *{padding:0;margin:0} #conteiner{width:700px; height:300px;position:relative; border:1px solid red;} #left{width:100px;position:absolute;top:0;right:0; background-color:red;} #left2{width:300px;position:absolute;top:0;right:100px; ba…

    Asked by dostel1,

    0 votes
    4 answers

  25. Хочу сделать космос

    Здравствуйте. Посоветуйте своих идей, пожалуйста. Вот я хочу сделать в браузере, чтобы был как будто полёт через в космосе идёт. В общем аналог "Сквозь пространство" это такая заставка в Windows XP есть. Вот как думаете на чём такое можно сделать? Я кроме как сделать смену слайдов на javascript, где будут идти по кадру и будет типо как анимация создаваться, ничего не могу придумать. В общем такой вот вопрос.

    Asked by prowoke,

    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