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. стилизация полосы прокрутки

    Приветствую! Возникла необходимость сделать полосу прокрутки под дизайн сайта. А именно вместо полосы прокрутки нужно поставить свои изображения. Реально ли это сделать?

    Asked by IPnex,

    0 votes
    2 answers

  2. Не нужная линия

    Имею сайт http://udmmusic.ru/. Поставил на него поиск от Яндекса. В итоге получилась незапланированная серая линия на строкой поиска. Я пробовал файебагом отключать стиль border-collapse: collapse; - работает. Но этим стилем я не могу управлять так он на сервере Яндекса. Подскажите как это можно устранить?

    Asked by smirn0ff,

    0 votes
    2 answers

  3. Не получается спозиционировать сайдбар

    Может здесь помогут... Хелп, едет крыша! Короче, суть проблемы такова: есть двухколоночный страниц - шапк, левый блок (основной), правый блок (сайдбар, фиксированная ширина), блок-прижиматель футера к низу, ну и - прижатый им к низу футер. Так вот, левый (основной) блок прекрасно тянется в высоту насколько нужно и прижимает футер, а правый - сайдбар (или параграф внутри него?) - этот самый футер прекрасненько протыкает (патамушта спозиционирован абсолютно). И висит там под футером как... неприличное что-то, ей-богу. Чего только ни пробовал - ничего не помогает! Короче, код: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loos…

    Asked by nikudza,

    0 votes
    9 answers

  4. hover как центрировать фон

    Есть ссылки при наведении на них должен появляться бэкграунд, сам бэкграунд шире ссылок, и начинается он при наведении с первой буквы ссылки и дальше идет пока незакончится. Так вот вопрос как мне центрировать этот бэкграунд? <a href="#" class="a-link"><span class="date-color">14.02.2011</span> <p class="line">Обновление Ассортимента</p></a> <a href="#" class="a-link"><span class="date-color">14.02.2011</span> <p class="line">Обновление Ассортимента</p></a> <a href="#" class="a-link"><span class="date-color">14.02.2011</span> <p class…

    Asked by money121,

    0 votes
    16 answers

  5. Как сделать меню с виджетами в WorDpreSS

    Как сделать меню с вкладками что бы по всех странице не нужно было прокручивать, а сразу в в одном меню можно было переключаться между вкладками. Например вкладки "Рубрики" "Самые популярные" "Статистика" и в них соответствующие виджеты. Либо что бы просто вкладки, а виджеты я сам разбирусь как добавить.

    Asked by JlEHb,

    0 votes
    7 answers

  6. Тег VIDEO как ссылка

    На iPAD Необходимо создать переход на другую страницу по клику на видео. Пробовал разные варианты. - В div который содержит этот тег video прописывал onclick="location.href='#'" - на компах работает на iPad нет. - Pазмещал div над самим видео - на компах работает на iPad нет. - Вешал картинку над самим видео и делал её ссылкой - на компах работает на iPad нет. Уже замучался. Как можно сделать переход по клику на видео для iPad? Спасибо. З.ы. Если убрать атрибут controls, то работает и на iPad, но мне нужно с контролем. Autoplay на iPad не работает.

    Asked by mr.moser,

    0 votes
    3 answers

  7. Br - как обнулить отступ

    Всем привет, возможно как нибуть обнулить отступ у br ???

    Asked by Mr.Black,

    0 votes
    4 answers

  8. Резиновая рамка п каям сайта.

    Приветствую! Подскажите пожалуйста, никак не соображу... Как сделать резиновую рамку по краям сайта, которая будет растягиваться на 100% по ширине и высоте вместе с контентом? Разрезанные рамки в архиве - http://dl.dropbox.com/u/16468356/images.rar

    Asked by chillout,

    0 votes
    7 answers

  9. css блок с теню

    Здраствуйте! Здесь http://www.yootheme.com/demo/joomla/enterprise для создания тени исползуетса картинка. Но теневые картинки там странные и я так не смог понять как они так окуратно всё зделали. Кто может мне обяснить?

    Asked by Viitolinsh,

    0 votes
    6 answers

  10. Проблема с падающим дивом.

    Приветствую всех. Начал верстать свой сайт и столкнулся с такой проблемой. HTML <div class="left">Left block</div> <div class="right">Rightblock</div> CSS .left {float:left;width:200px;} .right {float:right;width:200px;} Проблема что блок .right опускается ниже на высоту блока .left Раньше я решал проблему так: <div class="right">Rightblock</div> <div class="left">Left block</div> Понимаю, что логически это неправильно, поэтому и озадчился этим вопросом. Спасибо

    Asked by musulman,

    0 votes
    6 answers

  11. Сложная кнопка, являющаяся ссылкой, с вертикальным центрованием текста, и другими ссылками внутри.

    Здравствуйте! Перед мной задача сделать кнопку, которая сама по себе является ссылкой, но внутри этой тоже должны быть размещены другие ссылки. Эти дополнительные ссылки, скажем так, опции или подразделы, основной ссылки. HTML: <div class="item"> <div class="content"> <a href="/">Основная длинная ссылка</a> <div class="sub"> <hr> <div> <a href="/" style="float:left;">Подссылка1</a> <a href="/" style="float:right;">Подссылка2</a> </div> </div> </div> </div> <div class="item"> …

    Asked by b0s,

    0 votes
    56 answers

  12. Разрыв между блоками в FF4

    Добрый всем день! Такая проблема. При верстке страниц на сайте http://umatax.com в FF 4.0 появляется разрыв между верхним и средним блоком. В остальных броузерах ничего подобного нет. Ошибки в верстке проверил, все корректно. Был бы очень благодарен за помощь.

    Asked by Yust-os,

    0 votes
    18 answers

  13. zoom сайта

    Доброго времени уважаемые форумчане. Помогите пожалуйста разобраться одним вопросом. Имеется сайт с фиксированной шириной 900px. Решил сделать его, с помощью свойства zoom вместо 100% - 150%. Нормально работает в Google Chrome, а вот в Internet Explorer почему-то сайт уплывает вправо. Погуглил поиск, но ничего подходящего не нашел. Подскажите пожалуйста, как можно выровнять колонку сайта по центру. Вот скриншот отображения в IE-8: P.S. Вообще хочется сделать чтобы сайт масштабировался в зависимости от разрешения монитора пользователя, что в принципе примерно знаю как можно сделать с помощью скрипта, но опять же только с использованием свойства zoom. Может быть кто-то мож…

    Asked by MrVamp,

    0 votes
    5 answers

  14. Резиновый фон

    Добрый день. Задача слудующая, есть изображение размером 2800x2800, нужно сделать так, что бы картинка отображалась на всю страницу, а все, что выходит за границы обрезалось. То есть больше разрешение - больше видишь. Например здесь http://shtokman.ru/ сделано в точности то, что мне нужно, но к сожалению моего опыта как верстальщика не хватает на то, что бы разобраться самому.

    Asked by megabug,

    0 votes
    2 answers

  15. Footer

    Добрый день. У меня есть Футер, который скрадается с пнг картинки, понятно что она должна быть всегда прижата к низу и быть по центре. Код css: body{ background-color: #3f822e ; background-image: url(img/fon1.png); background-repeat: repeat-x; margin: 0px; } .main{ background-image: url(img/fon2.png); height: 875px; width: 1000px; margin: 0 auto; } .footer{ background-image: url(img/foot1.png) ; height: 72px; width: 1000px; position: absolute; bottom: 0px; margin: 0 auto; background-color: #142A0E; } Код html: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.…

    Asked by --FENDER--,

    0 votes
    2 answers

  16. Неверное растягивание (скалирование) div блока по всей высоте body

    Задача: Разместить <div> контейнер, используя 90% страницы. Контейнер используется для отображения списка файлов. Выглядеть должно так: Причина обращения сюда - проблема проявляющаяся во время уменьшения окна: Список файлов выезжает за пределы области, простите, "выезжая" и то что за ним )))). Весь код: <div class="files"> <div class="title">Список файлов</div> <div class="list"> <div> <span class="file">Текстовый документ.txt</span><span>(81 б)</span> </div> </div> <div class="info"> <div class="commonInfo">Файлов в папке: 1<span style="float:right">Общий раз…

    Asked by b0s,

    0 votes
    25 answers

  17. Странный фон колонки таблицы в IE

    Добрый день! Вот тут: http://www.kafe-na-dinamo.ru/ в IE (и только в нем) правый бордюрчик подложки для текста (бежеватой) отображается некорректно... Это колонка с фоном. Как быть и почему это?

    Asked by kuraga,

    0 votes
    2 answers

  18. отрицательный Margin

    #contentwrapper{ float: right; width: 100%; margin-left:-430px; /*Set left margin to -(leftColumnWidth + RightColumnWidth)*/ background:red;} <div id="contentcolumn"> ukukukukukku </div> зачем margin-left:-430px; ели ширина колонки 100% так и останется и колонка не двигается.... объясните мне принцип действия отрицательных марджинов

    Asked by bot87,

    0 votes
    3 answers

  19. Телодвижения CMS

    Вот я не пойму, можно ли включать в тело одного HTML-документа содержимое другого, как ссылка, только переносящая содержимое? Как я понимаю эту обязанность берут на себя CMS, состовляя единый документ из Head'ера, content'а и body..., находяшияся в разных местах.., зачем так всё услажнять. Почему спрашиваю: делаю простой ХТМЛ документик, но хотелось бы делать блоки отдельно друг от друга, а потом склеивать их как при фреймах... Вот например в Википедии есть механизм шаблонов, понятно он там реализован на уровне движка, но по моему, будь такая же фишка в ХТМЛ, разгрузились бы и сервера, передовая функции по компановке сайтика, в обьятия клиента-браузера... Кто чё думает?

    Asked by Лёня Антонов,

    0 votes
    6 answers

  20. Блочная "резиновая" вёрстка

    Доброго времени суток! Я только начинаю изучение CSS, подскажите, пожалуйста, как лучше реализовать CSS в этом "резиновом" шаблоне при условии, что каждый элемент шаблона должен быть в отдельном div'е? Какие при этом могут возникнуть нюансы? Спасибо!

    Asked by CocoDen,

    0 votes
    2 answers

  21. однопиксельный бэкграунд c repeat

    Когда-то вычитал, что с размноженными однопиксельными бэкграундами плохо работает IE6, тормозит. Поэтому с тех пор я начал делать ширину в 10 пикселей. Сейчас же потребность в IE6 отпала. Так вот, как сказывается это на других версиях IE? Стоит ли обратно на однопиксельные переходить?

    Asked by gimmer,

    0 votes
    2 answers

  22. Проблемы с меню в IE7

    Добрый день Прошу помощи знатоков, т.к. сам я в этом мало что понимаю. Проблема в том, что в нормальных браузерах все работает хорошо, а вот в IE7 - не хочет. Два косяка: 1) в выпадающем меню пункты становятся по центру 2) в меню в сайдбаре висит какой-то пустой пункт Вот тестовый сайт - убрал

    Asked by MAzZY,

    0 votes
    5 answers

  23. Таблицы

    Не могли бы Вы дать ссылочку на ресурс, где бы подробно рассказывалось о таблицах? Ширина блока рассчитывается по формуле padding-left + margin-left + width + border-left + border-right + padding-right + margin-right. В блочных элементах так, а вот столкнулся с таблицами и здесь уже по-разному как-то бывает. Можете дать ссылку на ресурс, где бы подробно рассказывалось о таблицах?

    Asked by FanAizu,

    0 votes
    1 answer

  24. Последовательность блоков вложенных друг в друга

    Приветствую! Такая проблема, есть три div блока вложенных друг в друга, вот так: <div id="div1"> <div id="div2"> <div id="div3"> </div> </div> </div> У каждого дива есть своя background картинка. Но почему-то эти блоки накладываются друг на друга в обратном порядка, т.е. сначало идет div1 со своим бэкграундом, затем на него накладывается div2 и затем div3. Как мне сделать, чтобы эти блоки накладывались друг на друга в обратном порядке, т.е. как написано в коде.

    Asked by IPnex,

    0 votes
    11 answers

  25. как сделать меню с фреймом но без фрейма?

    как сделать чтоб кусок страницы менялся типа фрейма но без фрейма а через аджакс? например на странице http://westyle.ru/ опрос на аджаксе

    Asked by T@NKIST,

    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