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: 1. background-color: rgba(0, 0, 0, 0.5); text-shadow: 0px 0px 1px white; тени нет, прозрачность фона есть. 2. text-shadow: 0px 0px 1px white; background: #000; opacity: 0.5; display: none; -moz-opacity: 0.5; filter:alpha(opacity=5); есть тень, есть прозрачность, но текст при этом тоже прозрачный, что не есть гуд Тень мне нужна для того, чтобы сгладить шрифт. Если кто-то подскажет другие способы, могу обойтись без неё...

    Asked by maritca,

    0 votes
    2 answers

  2. считать и изменить данные из span

    подскажите как сделать данную задачку? через javascript значит есть span <span class="count">1</span> в нём содержится некое число,заранее не известно(в данном примере это 1 ) и есть кнопка. при нажатии на неё надо считать текущее значение из тега span ,увеличить на 1 и записать обратно. собственно как сделать чтение из тега,и запись нового значения? я бы смог это сделать если бы число хранилось в input text.тут считать и записать легко.но как изменять значение в объектах типа див,спан незнаю вообще.подскажите пожалуйста

    Asked by snake2,

    0 votes
    2 answers

  3. css Меню

    меню находится внутри левого сайтбара <div>, хочу чтобы меню был на одном уровне с контентом. Знающие люди помогите пожалуйста. Вот как это выглядит: еще одна проблемка нарисовалась, помещаю текст в контент и текст забегает на территорию левого сайтбара хочется, чтобы каждый обтекался на своей территории а не забегал в гости Еще один скриншот:

    Asked by Guesto,

    0 votes
    2 answers

  4. Два блока, один - резиновый

    Вместо тысячи слов... Как? подскажите пожалуйста

    Asked by fgfg7,

    0 votes
    2 answers

  5. Видео перекрывает фон lightbox

    Моя ссылка - при нажатии на картинку с прибором видео перекрывает фон. Это можно исправить?

    Asked by apexis,

    0 votes
    2 answers

  6. Форма поиска.

    Честно говоря я в этом ещё не до конца разобрался. И хотел изменить то как выдвигается поле. Оно выдвигается вправо , а нужно влево. Возможно ли это изменить? http://jsfiddle.net/cbJWy/

    Asked by Bitaller,

    0 votes
    2 answers

  7. Не применяется стиль к классу

    Доброго времени суток, у меня есть вопрос. Написал код проверил, валидатором пишет что есть ошибка синтаксиса но какая в упор не вижу, не применяются стили к классу "new", в чем может быть дело, объясните по возможности. http://jsfiddle.net/JPD93/1/

    Asked by Всеволод,

    0 votes
    2 answers

  8. теги в :before

    Можно вывести через псевдокласс :before часть кода? #div:before { content: '<img src="" border="0" alt="">' }

    Asked by apexis,

    0 votes
    2 answers

  9. font-face шрифт regular, bold, italic

    Здравствуйте. Подключаю в css свой шрифт: @font-face { font-family: 'CenturyGothic'; src: url('CenturyGothic.eot'); src: url('CenturyGothic.woff') format('woff'), url('CenturyGothic.ttf') format('truetype'), url('CenturyGothic.svg') format('svg'); font-weight: normal; font-style: normal; } Для начертаний bold и italic у меня есть другие файлы. Как мне их указать?

    Asked by warobushek,

    0 votes
    2 answers

  10. vertical-align

    Привет форумчане. С наступающим всех. Третий день не получается решить проблему. Задача. Сделать резиновую шапку. Логотип на всю ширину, 2 менюшки (одна вверху, другая под логотипом). Да в общем то, проблема с выравниванием. Не могу выравнять название сайта по середине логотипа (выравнивание по вертикали). В общем то мысли вокруг 2-х строчек, но не получается с ними. display:table; vertical-align:middle; Мой код (выравнивание наименованя сайта пока по низу..) HTML <html> <head> <link rel="stylesheet" href="css/reset.css" type="text/css"> <link rel="stylesheet" href="css/style.css" type="text/css"> </head> <body> <div id="wrap…

    Asked by denya555,

    0 votes
    2 answers

  11. как сделать "дырку" в div

    Пытаюсь заверстать вот такую штуку Проблема с версткой вот такой границы у правой колонки.Я бы белый фон сделал по частям в области контента. Но эта правая колонка должна обтекаться текстом. Возможно ли такое заверстать, если да , то как?

    Asked by warobushek,

    0 votes
    2 answers

  12. Что за шрифт?

    Вот ?

    Asked by Krookers,

    0 votes
    2 answers

  13. Горизонтальная меню

    Скажите как или где можно скачать горизонтальное меню . Когда нажимаешь мышкой по картинки "круг" то появляется прозрачный блок с текстом"ссылками"

    Asked by skvaer09,

    0 votes
    2 answers

  14. Блок с черным фоном

    Подскажите, при создании блока с черным фоном, текст не выравнивается слева от картинки, отображается снизу, или не выравнивается на всю длину блока. В опере таких проблем нет. Что может быть? Вот код: <div style="margin: 10px ;padding: 12px;color: black;background: black;border: 4px solid white;border-radius: 30px;box-shadow: 0px 0px 15px black"><table style="border: 0px ridge rgb(0, 0, 0);text-align: center" /><TBODY><tr /><td /> StarCraft II: Heart of the Swarm Дата выхода: 12 марта 2013 г. Жанр: Strategy, Add-on Разработчик: Blizzard Entertainment Издатель: Blizzard Entertainment Платформа: PC Качество: HD 720p + HD 1080p Размер: 45,2 МБ …

    Asked by vinil87,

    0 votes
    2 answers

  15. Таблицы стилей

    Всех с наступающим. Никак не могу разобраться, для чего в шаблоне разделы css/bootstrap.css, css/bootstrap.min.css, css/style.css, в то же время есть просто раздел style css. Когда разбирался с первым своим сайтом, там был только один раздел css, и всё было ясно, а здесь смотрю, фон - в одном разделе, css шапки в другом. Подскажите кто знгает, как эти разделы связаны между собой, который из них основной?

    Asked by Alex01,

    0 votes
    2 answers

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

    Доброго времени суток всем. С наступающим всех! Прошу прощения за название темы. Неправильно написал. ———————————————————— Верстаю свой первый блочный сайт и хочу, чтобы дизайн сайта не ссыпался и выглядел одинаково во всех разрешениях экрана. Знающие люди помогите, подскажите какие способы есть для решения проблемы!

    Asked by Guesto,

    0 votes
    2 answers

  17. Сайт плохо отображается в IE

    Вот собственно сайт - http://barsik.ucoz.ru/ Проблемы: - У поиска не такой отступ в шапке сайта по сравнению с другими браузерами. - В выпадающее меню, формы ввода отображаются некоректно. Как исправить подскажите.

    Asked by barsik007,

    0 votes
    2 answers

  18. Помогите с меню

    вот код <ul id="piano"> <li><a href="#">пункт1</a><span class="inf"><a href="#####">Пункт0</a></span><b>Archives</b> <ul> <li><a href="#">подпункт</a></li> <li><a href="#">подпункт</a></li> <li><a href="#">подпункт</a></li> <li><a href="#">подпункт</a></li> </ul> </li> </ul> как видите span находиться в элементе li, при наведение на пункт1 выпадают подпункты, и при наведение на span происходит тоже самое, мне этого не надо, как отделить э…

    Asked by jonic,

    0 votes
    2 answers

  19. Как сделать обводку для изображение ?

    У меня есть картинка белого цвета и что нужно прописать чтобы для нее сделать обводку черного цвета? Или есть другие красивые обвотки?

    Asked by skvaer09,

    0 votes
    2 answers

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

    Есть вот такой макет сайта была ссылка на файлообменник Проблема возникает с баскетболистами. Вроде как они на заднем плане, а вроде как и должны быть прикреплены к краям сайта. Напрашиваются само собой 2 решения. 1. Сделать спортсменов фоном, который будет меняться в зависимости от окна браузера. Но тогда на маленьком разрешении экрана, спортсмены оказываются под сайтом. При экране с соотношением сторон 1*1, всё тоже отображается не очень корректно. 2. Прикрепить спортсменов к телу сайта. Но тогда сайт начинает отображаться начиная с левого спортсмена(а хотелось, чтобы в таких случаях он не отображался и снизу появляется полоса горизонтальной прокртуки. Вот эти 2 вариант…

    Asked by All_straight,

    0 votes
    2 answers

  21. drop-shadow

    Блин, вчера создал тему, а она не появилась. В краце, скажите пожалуйста, как можно заставить браузеры понимать drop-shadow??? именно дроп, а не бокс???? http://jsfiddle.net/K5hh5/1/ - вот жесть, лучший вариант придумал с дропом... может кто подскажет как сделать правильно через дроп? Пробовал, и создавать квадрат и наклонять его, но прятать за ссылку не получается, даже z-index: -1 не катит. не обращайте внимания пожалуйста, на дырки внизу, они все равно будут скрыты.

    Asked by RodgerFox,

    0 votes
    2 answers

  22. Горизонтальный список!

    Нужен горизонтальный список для меню.Без маркеров.Каждый элемент этого списка будет содержать ссылку на раздел. css такой ul.menu{ margin:0; padding:4px;} .menu li{display:inline; margin-right:5px;padding:4px; list-style:none;} .menu li a{ text-decoration:none} HTML такой <ul class="menu"> <li><a href="">На Главную</li> <li><a href="">Новости</li> <li><a href="">Галлерея</li> <li><a href="">Фото</li> <li><a href="">Видео</li> </ul> Бьюсь весь день,меняю значения,display,float, но список упрямо отображается вертикально и с маркерами.Сил моих больше нет, пожалуйста,помогит…

    Asked by eleonore,

    0 votes
    2 answers

  23. Проблемма с Joomla 2.5 (картинки)

    Здравствуйте, подскажите в чем может быть проблемма. Собственно сверстал простенький макет сайта, с CSS стилями. Использовал некоторые картинки (логотипы, фон и т.д.). Собственно при запуске html файла в браузере все работает на ура. Далее решил создать шаблон для Jooml'ы..Переделал все как нужно. Собственно все работает, но почему-то не отображаются картинки. Тоесть сайт получается голый. Css работает, все как нужно, но ни фона, ни лого нету. Может это распространенная проблемма? Ниже код index.php <?php defined( '_JEXEC' ) or die( 'Direct Access to this location is not allowed.' ); $app = JFactory::getApplication(); ?> <?php echo '<?'; ?>xml version="1.0…

    Asked by Noraad,

    0 votes
    2 answers

  24. Используете ли вы Slice tool при нарезке макета?

    Хотел бы узнать от опытных верстальщиков, используете ли вы Slice tool при нарезке макета? С этим инструментом не сильно знаком по этому вручную работаю, даже не понимаю как можно с помощью данного инструмента нормально макет нарезать.

    Asked by tini.kRyptoNite,

    0 votes
    2 answers

  25. Проблема с построением фона

    Всем привет! Делаю вид новостей, столкнулся с проблемой..... такая структурка: <div style="margin-bottom:10px;"> <div style="width: 705px;height: 30px;background-image: url(http://s017.radikal.ru/i441/1301/fd/e6675f8585aa.png);background-repeat: no-repeat;"></div> <div style="width: 675px;background-image: url(http://s018.radikal.ru/i510/1301/c5/306147fcb3b6.png);background-repeat: repeat-y;padding:0px 15px 0px 15px;color:#383838;"> Название новости<br> <img src="#" width="200px" height="124" align="left" /> <div style=" float: left; width:460px; padding-left:5px;">Пыш Пыш Пыш Пыш Пыш Пыш Пыш Пыш Пыш Пыш Пыш Пыш Пыш Пыш Пыш Пы…

    Asked by Seganda,

    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