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. Проблемы с футером и врапером

    Не могу разобраться с футером. У меня есть там div class=wrapper. По идее в css у меня указана высота auto, но он не растягивается. Если подсветить этот div с помощью firebug то все это будет хорошо видно. Из-за этого footer остается где-то вверху а текс съезжает в ближащие свободное место. страничка правда без картинок но это не суть важно

    Asked by chiffenok,

    0 votes
    3 answers

  2. Проблемы с футером и контентом

    Вот моя проблема) Надо прибить футер к низу экрана, правильно ли будет так? bottom:0px;position:fixed;width:100%; и растянуть по размеру main до футера, но чтобы не залазил на него... ставил ему высоту 100%, минимальную высоту 100% но он никак не реагирует...сидел колдовал очень долго, футер прибить к низу удалось способом которым писал выше, но никак не получается растянуть main до футера и интересует вопрос на счет правильности такого прибития футера...пробовал гуглить на счет растяжки контента до футера, но ничего действенного не нашел, не работает оно с этим)

    Asked by Kup,

    0 votes
    3 answers

  3. проблемы с центрированием объекта в ie7

    добрый день, данный css не пашет в Ie7, подскажите решение. сразу пищу размеры изображения жестко не фиксируются .basket .basket_unit .image { display: block; position: relative; float: left; width: 100px; height: 80px;}.basket .basket_unit .image img { position: absolute; display:block; top: 0; left:0; right: 0; bottom: 0; margin: auto auto; max-width: 90%; max-height: 90%; border: 1px solid #000;}

    Asked by O_neill,

    0 votes
    1 answer

  4. Проблемы с цетом текста

    Здраствуйте! Меня слегка перестал "слушаться" ВордПресс, делаю сайт на двиге, ибо не знаю php, который позарез нужен. Вот сайт, дизайн был совсем другим, я решил немного изменить его, но вот поменял, фон такой светленький, текст должен быть в свою очередь темным (раньше так и было), а тут раз и он уже белый чет, в css менял color не помогло, подскажите может быть кто-то знает в чем проблема? Ах, да и посмарите, какие ещё проблема в функионале и вообще сайте. Заранее благодарю.

    Asked by Shader,

    0 votes
    38 answers

  5. проблемы с шапкой

    Первый логотип(logo) отображается, второй нет. Почему? #header { position: absolute; width: 100%; min-width: 1000px; height: 100px; background: url(black.jpg) repeat-x left top; } .logo{ margin-left:55px; } #logo1 { width: 200px; height: 52px; margin:-95px auto; background: url(slogan.png) no-repeat; } .call{ margin-right:35px; } </style> </head> <body> <div id="header"> <a class="logo" href = "index.html"><img src = "logotip1.png" width = "64" height="95" border="0" alt="logo"></a> <div id="logo1"></div> <a class="call" href = "index1.html"><img src = "call.jpg" width = "74" height…

    Asked by Rambo2045,

    0 votes
    5 answers

  6. Проблемы с шапкой и футером

    Уважаемые участники, снова обращаюсь к вам за советом. Моя задача заключается в том, чтобы сверстать макет, у которого: 1) есть прижатый к низу страницы футер – для этого я пользуюсь классическим методом Раяна Фэйта, 2) есть шапка с прозрачным фоном, сквозь которую просвечивает фоновый цвет body (в данном случае, это градиент, сделанный с помощью редактора градиентов) 3) у блока со всем содержимым сайта, за исключением футера, фоновый цвет – белый. Таким образом, принцип верстки заключается в том, что все блоки сайта, за исключением футера, заключены в обёртку (#wrapper), высота которой 100%, а фоновый цвет – белый. Проблема заключается вот в чём. 1) Если шапку вносить …

    Asked by lunaska,

    0 votes
    0 answers

  7. проблемы с шириной div-а IE 6

    Есть фаил сверстанный div-ами один div ( ) является контейнером для двух других. В FF и Opera вс? как надо, проблемы с IE 6. IE 6 делает отступы не соразмерные заданным и как результат TEXT......... оказывается не спарва а под TEXT............. Что посоветуете в качестве решения? xhtml <div id="content"> <div id="window"> TEXT............</div> <div id="toolpanel"> TEXT.........</div> </div> css #content {margin-top: 100px; font-size: 90%; } #window { width: 70%; text-align: justify; margin-left: 15%; float: left;} #toolpanel { margin-left: 86%; width: 14%; margin-top: 150px; text-align: center; }

    Asked by Old Nick,

    0 votes
    5 answers

  8. Проблемы с шириной сайта

    Всем привет. При вёрстке возникла проблема с шириной страницы, не нашел подобных тем. 1) Jsfiddle показывает что-то невнятное - http://jsfiddle.net/Y89jm/, но когда открываю свою страницу в браузере, то всё выглядит нормально. 2) Как решить проблему с видом страницы на экранах с разной шириной? Экран в 10" показывает половину страницы, ползунка нет. Чую, что проблемы в position, если да, то как лучше реализовать этот макет, избежав position (или правильно его использовав)?

    Asked by xpanda,

    0 votes
    6 answers

  9. Проблемы с шрифтами

    Добрый день. Дело в том, что не понимаю, что происходит. У меня на сайте используются нестандартные шрифты, которые закинул в папку fonts и подключил их через стили. В индексе прописал <link href="fonts.css" rel="stylesheet" type="text/css"> чтобы он подгружал их, сами шрифты в fonts.css выглядят так: @font-face { font-family: Roboto; src : url('fonts/Roboto-Regular.eot'); src: url('fonts/Roboto-Regular.ttf'); } P { font-family: Roboto; } @font-face { font-family: Roboto-Condensed; src : url('fonts/Roboto-Condensed.eot'); src: url('fonts/Roboto-Condensed.ttf'); } P { font-family: Roboto-Condensed; } Проблема в том, что если просматривать сайт с компьютера, то все …

    Asked by Eridani,

    0 votes
    8 answers

  10. Проблемы Сервер Denwer...

    Установил сервер Denwer, запускаю, прописываю localhost, не выдает страницы показывающей что сервер работает, в окне сервера идет отчет времени назад, 30 секунд и он закрывается, в чем проблема, кто подскажет? Заранее спасибо... PS мультипостинг не приветствуется на данном форуме.

    Asked by Reenjeer,

    0 votes
    10 answers

  11. Проблемы со 100% высотой div в Firefox

    Доброго времени суток. Сварганил новый макет. Долго радовался, что в ИЕ всё ок, оказалось- даеко не показатель.( В опере тож все норм. А вот в Фаере начинаются проблемы с текстом- то, что не влезает на экран, выходит за границы блока под футером. Если поставить overflow: hidden , то текст ваще исчезает(обрезается). Собственно- не понятно, почему блок не тянется по размеру текста. макет - www.beavers-net.narod.ru Заранее спасибо. С ув. Олег.

    Asked by tt48,

    0 votes
    11 answers

  12. Проблемы Со Скриптом

    Ребят, подскажите как сделать так, чтобы со скриптом, который ниже (ставит картинку во весь экран) можно было не одну картинку во весь экран поставить, а несколько, чтобы их можно было просматривать, используя полосу прокрутки. Пробовал через table, frame - безуспешно. С frame делил страницу на 3 столбца, вставлял 3 фотки, еще добавлять картинок не получалось, т.к нет полосы прокрутки. С table-ом почти тоже самое или хуже. Вот сам скрипт:

    Asked by apple0101,

    0 votes
    1 answer

  13. Проблемы со скриптом FlyToCart (анимация добавления товара в корзину)

    Здравствуйте! Установил плагин FlyToCart, который анимирует добавление товара в корзину. Одним из условий является то, что картинка товара и кнопка должны быть в одном контейнере: $('.add-to-cart').on('click',function(){ //Select item image and pass to the function var itemImg = $(this).parent().find('img').eq(0); flyToElement($(itemImg), $('.cart_anchor')); }); У меня же есть ситуация, когда картинка и кнопка у одного из товаров, находятся в разных блоках.Например, вот так: http://new.taco.com.ua/taco/double-tacos-with-beef/ Подскажите, пожалуйста, решение этой проблемы. Заранее благодарен за помощь.

    Asked by volshebnyi,

    0 votes
    0 answers

  14. проблемы со скриптом(ошибки)

    Данные ошибки не дают работать другим скриптам если эту строку закоментить то сразу другая ошибка я так понимаю скрипт конфликтует с чемто.. сам файл setaudiojs.js вот я добавлял к плееру http://kolber.github.io/audiojs/ползунок громкости, видимо встало криво( хоть и работает, в jquery мало понимаю поэтому половину этого файла писал с чужой помощью.. помогите избавится от ошибок

    Asked by radioactive68,

    0 votes
    1 answer

  15. Проблемы со слоем в мозилле

    Сайт _ttp://rentevent.ru CSS: _ttp://rentevent.ru/templates/default/css/styles.css В опере и осле меню (Главная, Контакты, Реквизиты) работает ок, но в Мозилле оно не кликабельно. Заметил, что если убрать слой с контактами (г. Санкт-Петербург, ул. Звенигородская, 9-11...), то все становится ок. Подскажите как быть с мозиллой?

    Asked by FeraS,

    0 votes
    11 answers

  16. Проблемы со слоями в FireFox

    Пытаюсь создать свой сайт, но столкнулся с проблемой смещения слоев в FireFox. В др. браузерах отображается все корректно. Страницу делал в FrontPage. Корректно: Не корректно: Стрелочками показано где смещено. Это 4-е разных слоя. Подскажите пожалуйста, что не так делал.

    Asked by Fion,

    0 votes
    22 answers

  17. Проблемы со списками в ие 6-7

    Делаю выпадающее меню такой стурктуры: <ul class="dropdown"> <li class="mn_firstlvl"><a class="dir" href="#">Контакт</a> <ul> <li><a href="#">Одна длинна</a></li> <li><a href="#">Вторая очень большая длинна</a></li> <li><a href="#">Третья</a></li> </ul> </li> .... </ul> .mn_firstlvl { display: block; float: left; background-image: url(images/graymenuline.gif); background-position: center bottom; background-repeat: no-repeat; height: 32px; } ul.dropdown ul { visibility: hidden; position: absolute; top: 31px; left: 0; z-index…

    Asked by alexander.parphenuyk,

    0 votes
    13 answers

  18. Проблемы со списком

    Здравствуйте ! Такая проблема: есть список. В нём я поменял маркер на свою кратинку. Везде отображается нормально, но в опере этот маркер находится на 1 пиксель выше, чем в остальных браузерах. Из-за этого кажется, что каждый элемент списка ниже своего маркера. Левая картинка - в хроме, правая - в опере. Где рыть ?

    Asked by dimacat,

    0 votes
    3 answers

  19. Проблемы со спском

    .list{ float:right; width:240px; margin:5px; } .list li { background-color:#333; list-style-image:url(../img/list.gif); list-style-position:inside; width:230px; padding: 8px 0 0 10px; height:25px; margin-top:5px; } h2{ font-variant:small-caps; font-size:15px; color:#B9AC39; line-height:20px; text-align:left; } h1{ color:#566a41; font-size:15px; } <div class="list"> <ul> <li><a href="#"><a><h2>Home</h2></a></li> <li><a href="#"><a><h2>WHO WE ARE</h2></a></li> <li><a href="#"><a><h2>IMAGE GALLERY</h2></a></li&g…

    Asked by demi,

    0 votes
    17 answers

  20. Проблемы со ссылками.

    Доброго времени суток. Начну, пожалуй, с описания задачи: 1) Сделать ссылку с флешкой; 2) При отсутствии флешки появляется картинка с ссылкой; 3) Блок ссылок находится снизу после флешки; содержит одну основную и список побочных; 4)Из таких ссылок сделать два ряда по 3 штуки. Первые три пункта осилил - http://beavers-net.narod.ru/primers/links_wth_swf.html 4-й так и не смог. Пытался как-то загнать все в блок через overflow: hidden, в результате столкнулся с тем, что ссылка вообще активной перестала быть.. Любая ссылка в блоке перестала реагировать на события мыши.. http://beavers-net.narod.ru/primers/links_trouble.html Все ошибки валидации - из-за вставок яндекс-хостинга.…

    Asked by tt48,

    0 votes
    5 answers

  21. Проблемы со стилем таблицы в Drupal 7

    Приветствую, гуру верстки! ) Была проблема с таблицей содержащей текст и картинки (никак не хотела выравниваться) Обсуждалась здесь и применительно к спрашиваемой странице - решилась. Однако, с внесенными правками изменились все таблицы на сайте. В разделе цен все скачет Хотя в графическом редакторе выглядит прекрасно На ранее проблемной странице все отлично Так выглядит строка в стилях Сама страница находится по адресу _http://shariki.podarishka.ru/stoimost_uslug

    Asked by Aleramus,

    0 votes
    2 answers

  22. Проблемы со стилями

    Здравствуйте. Занимаюсь созданием майл рассылки для подписчиков и столкнулся с такой проблемой (пока проверял только на mail.ru и yandex.ru почтах): письмо-рассылка представляет собой сгенерированую страницу с графикой и текстом. Возникла такая ситуация: -при просмотре, допустим на mail.ru, не цепляется css-файл. -не цепляется оформление если цеплять его через атрибут class (решается установкой атрибута id, но только для mail.ru. На yandex.ru приходится у элемента указывать атрибут style) -на yandex.ru происходит следующее: если у элемента было указано свойство background: url(абсолютный адрес изображения), то yandex.ru похоже пытается его закачать себе и добавляет к моем…

    Asked by sviloga,

    0 votes
    3 answers

  23. Проблемы со шрифтом

    Как избавиться от этой проблемы? Вместо букв (русских) я вижу вот такое чудо "???? ??-???????". Везде нормально вижу русский, а на своих заготовках вот такая лабудень...

    Asked by b0d,

    0 votes
    9 answers

  24. Проблемы со шрифтом - выглядит не так

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

    Asked by Zverushka,

    0 votes
    5 answers

  25. Проблемы совместимости + дизайн выпадающего списка

    столкнулся с проблемой, что в IE10 по умолчанию отключена возможность использования JavaScript (работает только в режиме совместимости). Поэтому вынужден прописывать: <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE9">а вот дальше уже случается проблема верстки выпадающего списка. Использовал вот этот рецепт В ИЕ10, FF и Chrome всё норм отображается а вот в ИЕ10 в режиме совместимости отображается так: Возможно ли это как-то перебороть?

    Asked by Ich,

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