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. Проблема с "резинкой"

    Здравствуйте! Есть задачка: нужно красиво оформить отображение картинок. Сделал вот так. В нормальных браузерах отображается корректно, а вот в эксплорере все поплыло. Объясните пожалуйста, где косяк? HTML код: CSS код: java script:

    Asked by Iron_Snake,

    0 votes
    0 answers

  2. Проблема с "табами"

    Добрый день! Прошу помочь разобраться с багом. При смене таба, а потом возврате в первый содержимое таба пропадает. Вот ссылка на страницу с багом http://root.donkos.esy.es/card.html и скрин http://prntscr.com/62wjl8 , а это скрин с результатом ошибки http://prntscr.com/62wk8q . Заранее благодарю!

    Asked by donkos,

    0 votes
    2 answers

  3. проблема с "таблица в bootstrap"

    Проблема в таблицах bootstrap, то есть таблица выводится вся и с bootstrap делиться на страницы для сокращения и удобства в использование! так вот есть в таблица, и в них, используются ссылки такого вида id (<a id="rank">rank</a>) при клике срабатывает скрипт, на главной странице где по стандарту 10 строк выводит все работает,но стоит перелистнуть страницу перестает работать,(так же с "user-table_length") остальные с помощью bootstrap перенесены на другие стр.. там id click не работает пример таблицы, может кто видел

    Asked by almazik2016,

    0 votes
    3 answers

  4. Проблема с @font-face

    Добрый день Вроде как много где пишут, про использование любых шрифтов через стиль @font-face. Но вот чего-то в Opera 9, 10 не работает Может я делаю что-то не так? @font-face { font-family: "Vesna"; src: url(../font/Vesna.eot); /* for IE6-8 */ src: local("Vesna"), url(../font/Vesna.ttf) format("truetype"); /* for Firefox 3, Safari */ } html, body { font:normal 23px "Vesna"; } Вот сайт: Посетить мою домашнюю страницу

    Asked by Chervontsev,

    0 votes
    51 answers

  5. Проблема с @font-face

    Пытаюсь подключить нестандартный шрифт через @font-face. Если html, css файлы и шрифты лежат в одной папке, то отображается все везде как надо. Если файл со стилями и шрифты раскладываю по разным папкам (пути естественно тоже меняю), то Мазила всех версий перестает видеть этот шрифт. В чем может быть проблема? Или что я делаю не правильно? <!DOCTYPE html> <html> <head> <title></title> <link rel="stylesheet" href="../Css/test.css"> </head> <body> <h3>Etiam porta sem malesuada magna mollis euismod</h3> <p>Donec sed odio dui. Morbi leo risus, porta ac consectetur ac, vesti…

    Asked by Dinow,

    0 votes
    6 answers

  6. проблема с @font-face

    Почему шрифт не работает? http://jsfiddle.net/q2qTR/

    Asked by DivMan,

    0 votes
    9 answers

  7. Проблема с @font-face

    Добрый день, проблема в следующем: Сайт на Wordpress, используется одна из готовых тем и кастомные стили. Заказчик настаивает на своем уникальном шрифте на сайте. Он был добавлен как фаил ftr45c.ttf в папку fonts, которая лежит в корне сайта. В стилях прописал: @font-face {font-family:ftr45c;src:local('ftr45c'), url(fonts/ftr45c.ttf);}h1, h2, h3, h4, h5, h6 {font-family:ftr45c !important;color:#005953 !important;}Приходится использовать !important, так как нужно перебить стили темы Wordpress. На главной все работает отлично, но на остальных страницах ситуация странная. В консоли Chrome показано, что используется уникальный шрифт, но на самом деле мы видим Times New Roman.…

    Asked by dkudrin,

    0 votes
    1 answer

  8. Проблема с <details>

    Доброе время суток! Может кто знает, как решить следующую проблему. Для разворачиваемых блоков использовала <details> и <summary> - работает, НО появляется коричневая рамка при разворачивании. Прописывала в css border: 0; не помогает. То, что <details> работает не во всех браузерах, знаю, меня устраивает. Спасибо.

    Asked by Алла,

    0 votes
    2 answers

  9. Проблема с <iframe> у IE 7,8

    Проблема в следующем, использую тег <iframe>, на странице полупрозрачный фон таблицы, страницы которые грузятся в <ifarme> без установки фона (рисунка или заливки, то есть авто) не заливают фон, проверил на firefox, opera, safari, а IE как 7 так и 8 заливат фон в зависимости от того какой цвет стоит по умолчанию. IE Firefox Opera Safari А теперь вопрос, есть ли возможность избежать эту проблему? Заранее благодарен! =)

    Asked by papa_misha,

    0 votes
    4 answers

  10. проблема с <input> выпадает с блока <p>

    Добрый вечер! Верстаю мой самый первый макет, почти закончил верстку странички, осталась одна проблема с формой вода! В Мозиле вроде все нормально а в других браузеров <input type="text">как бы выпадает за блок <p> не могу понять в чем причина? Если не трудно заодно оцените саму верстку укажите где мои ошибки? А они я думаю точно есть! За ранее благодарствую всем! :-) http://jewerli-store.esy.es/

    Asked by TuTaHuKk,

    0 votes
    3 answers

  11. Проблема с <marquee>

    Добрый день всем. Использую тег <marquee>, чтобы на сайте крутилась бегущая строка. Параметр widtd="90"(ширина блока), а строка длинная из-за этого, когда строка доходит до середины прокрутки вся строка сбрасывается и начинается прокрутка сначала. Как исправить, подскажите пожалуйста. Заранее спасибо всем)) <marquee behavior="scroll" widtd="90" height="12" direction="left">Очень очень длинная бегущая строка, с которой у меня проблемы....</marquee>

    Asked by Murad,

    0 votes
    3 answers

  12. Проблема с <object> тегом

    Проблема в том, что мой текст автоматически встает в рамку, и появляется скроллинг. Как избавиться от этой рамки? <div style="width:910px;"> <center> <object data="include/adsblock_top.htm"></object> </center> </div>

    Asked by yaco13,

    0 votes
    3 answers

  13. Проблема с 10-11 оперой

    Добрый вечер. Писал сайт небольшой и столкнулся с такой проблемой: есть див контейнер с заданной шириной 500px. Внутри него есть другой див, в котором выводиться список информация вида: ютуб ролик с float:left и некая информация с margin-left. и под каждым роликом clear:both. и таких небольшых блоков N-ное кол-во. так что, ставлю я на див контейней overflow:auto и происходит такая вещь: во всех браузерах работает, а в 10 и 11 опере проблема, заключающаяся в том, что видеоролики скрываются за оверфлоу, как должны были бы, а просто скроллятся по экрану. Хотя текст и прочая лабуда в блоках, скрываются. В 12 опере и <10 все ок. Может, кто знает в чем проблема? ЗЫ. проблем…

    Asked by musiclover1,

    0 votes
    0 answers

  14. Проблема с 3-мя дивами

    Всем привет, есть 3-и дива уже на готовом сайте в левом div1 список в правом div2 товар а третий div3 находится с низу (там находится меню), проблема в том что первый div1 длинный и он налезает на div3. Хотел попросить вашей помощи друзья как сделать так что бы div3 зависел от div1 а не от div2. Просто уже готовый сайт и можно было бы div1 и div2 объединить в div но нет возможности поэтому могу пользоваться только css(. Заранее благодарен!)

    Asked by AlexandrV,

    0 votes
    3 answers

  15. проблема с 3-мя колонками

    Вроде элементарный код: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <style type="text/css"> html, body { height: 100%; width: 100%; padding:0; margin:0; overflow: hidden; } .left { background: #88f; float:left; width:100px; height:100px; } .center { background: #f88; height:100px; margin: 0 100px; } .right { background: #8f8; float:right; width:100px; height:100px; } </style> </head> <body> <div class="left"></div><div class="center"></div><div class="right"></div> </body> </html>…

    Asked by Searcher,

    0 votes
    3 answers

  16. Проблема с 3-х колоночным макетом

    Итак, здравствуйте! Прошу, у вас, помощи… Наверное многим известны макеты Layout Gala… Много о них было уже здесь написано… Но я не заметил одного: ни разу не обсуждалась здесь их проблема. А в частности при увеличении ширины какого-либо элемента, находящегося в центральной части (части основного контента) — макет просто рушится в IE 6 и ведет себя неверно в остальных браузерах… (т.е. если ширина контента превышает выделенную для него видимую область) Использую шаблон #13. Макеты мне очень понравились, и хотелось бы как-то решить этот недостаток… Промучился всю ночь — ничего дельного не вышло.(( Заранее спасибо!

    Asked by ScRiPt,

    0 votes
    11 answers

  17. Проблема с 404

    Итак, зная отношение форумчан к новичкам на этом форуме, все же рискну задать вопрос: Хостинг - Гудзон - Windows хостинг (почему Windows? потому что новичек и чайник. как и все когда то. При слове Unix - кидает в дрож) Я через .htaccess решил сделать обработку страницы 404 (конечно же перед эти прочел тут: http://htmlbook.ru/faq/?a=29 - автору нужно подробнее описать, чтобы у остальных не возникало таких проблем, как у меня) соответственно в файле - только одна строка следующего вида: ErrorDocument 404 /err404.shtml само собой - файл с 404 ошибкой лежит в корне, называется err404.shtml Самое интересное - локально на денвере - все работает, а в сети - нет. В сети весь са…

    Asked by Nemo,

    0 votes
    6 answers

  18. Проблема с a:hover

    Есть некое меню. Напротив каждого элемента меню стоит маленький треугольник малинового цвета. При наведении на элемент - бэкграунд меняется на картинку с градиентов. Все дело в том, что нужно чтобы и треугольник малиновый менялся на белый. Но бэкграунд с градиентом перекрывает это и поэтому треугольник не учитывается. Неоднакратно видел на различных сайтах подобное и все работало. Что нужно исправить? То есть перекрывается и треугольник и бекграунд, а нужно только, чтобы перекрывался треугольник. Можно посмотреть пример: http://files.mail.ru/M1R4BM (прошу прощения за ссылку на сторонний ресурс, но как иначе?)

    Asked by Thunder,

    0 votes
    3 answers

  19. Проблема с a:hover img

    Добрый день. Я, по сути, начинающий верстальщий, но сегодня столкнулся такой проблемой. Заказчик попросил что бы при наведении на ссылку у нее изменялся бекфон. Когда прописал соответствующий стиль, появилась проблема с ссылочными изображениями с прозрачным фоном. Если навести на них мышкой, фон изображения тоже меняется. В общем какие варианты я не пробовал, без результатно. Хочу попросить помощи у опытных верстальщиков. Код примера привожу ниже <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Standart//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html> <head> <title></title> <style type="text/css"> a, a:active, a:link…

    Asked by Sergikus,

    0 votes
    5 answers

  20. Проблема с absolute right

    Дано: Родительский блок DIV1 cо свойством relative Внутри него два DIV2 со свойством absolute оба DIV2 прижаты к DIV1 свойством right:0px; Проблема: При уменьшении окна браузера DIV2 наезжают на блоки, что слева. Внизу поясняю картинками. Как решить или, быть может, реализовывать floatm'и? То тогда как организовать выравнивание от родительского блока. Гугл ответа не дал, вся надежда на вас. Все хорошо: http://itmages.ru/image/view/1326754/cb63091c Уменьшаем ширину браузера и все плывет: http://itmages.ru/image/view/1326759/0870c412

    Asked by JustTeapot,

    0 votes
    4 answers

  21. Проблема с active

    Необходимо сделать сайт за несколько дней,поэтому переделываю шаблон.Сайт второй в моей жизне,так что извиняqте,если что не так спрошу) Во первых в шаблоне неуказан <!DOCTYPE>.Соответственно,еслмия я указываю,даже перходный,не строгий,местами плывет и сжимается по вертикали.Без <!DOCTYPE> все замечательно. И не могу застиавить менять background-image ссылки меня,на которую перешли. Т.е. тобы было видно где в меню где мы сейчас,на какой вкладке. Причем hover работает,при наведение он меняет ему background-image,а при нажатии ,т.е. фактически active, только мигает более светлым фоном,и возвращает обычный. В общем я не понимаю. Пыталась их менять местами в Css фа…

    Asked by net,

    0 votes
    3 answers

  22. Проблема с AJAX

    Доброго времени суток. Помогите, пожалуйста, разобраться: почему не подгружается нужный Div? <div id="Container"></div> <script> var Link='http://index2.html'; function getXmlHttp(){var xmlhttp;try{xmlhttp=new ActiveXObject("Msxml2.XMLHTTP")}catch(e){try{xmlhttp=new ActiveXObject("Microsoft.XMLHTTP")}catch(E){xmlhttp=false}}if(!xmlhttp&&typeof XMLHttpRequest!='undefined'){xmlhttp=new XMLHttpRequest()}return xmlhttp} var xmlhttp=getXmlHttp();xmlhttp.open('GET',Link,true);xmlhttp.onreadystatechange=function(){if(xmlhttp.readyState==4){ if(xmlhttp.status==200){ var Container=document.getElementById('Container');Container.innerHTML=xmlhttp.respo…

    Asked by malsyst,

    0 votes
    4 answers

  23. Проблема с background

    Вот мой пример: http://persten.programist.ru/9/index.html Помогите пожалуйста решить проблемы с фоном для правого столбца В IE6 отображается фон колонны справа и слева нормально, а в остальных браузерах колонна справа отображается только на величину высоты левой колонки. Как исправить чтобы заработало. И еще вопрос про позиционирование фона: как можно поместить фон справа на 40px от правого края окна.

    Asked by persten,

    0 votes
    1 answer

  24. Проблема с background

    Проблема с вёрсткой, в приложенном файле Скачать находится свёрстанная страница, при нажатии на кнопку (Контакты) Должно выплывать Модальное окно с обратной связью, вроде бы всё правильно работает НО ЕСТЬ ОДНО НО фоновая картинка не показывается(((( для этого элемента (div.overlay). Помогите с решением проблемы!

    Asked by Fata1ity,

    0 votes
    2 answers

  25. Проблема с background

    Всем здравствуйте. Есть сайт http://rollets-spb.ru Справа в колонке таблицы предусмотрен повторяющийся кусочек бэкграунда, для того, чтобы нормально тянуть макет вниз. Задано это все при помощи CSS классом .backgr { background-attachment: scroll; background-image: url(images/index_07.jpg); background-repeat: repeat; background-position: left top; background-color: #999; и все вроде хорошо, да только в эксплорере и файрфоксе он не множится. В хроме и опере все ок. По логике все должно работать. Подскажите пожалуйста, в чем может быть проблема?

    Asked by defire,

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