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. Position: absolute (проблема в IE и Opera)

    Всем добрый день! Помогите, пожалуйста, советом, как можно решить следующую проблему: верхняя полоса в IE (ariel-kosmet.ru) выглядит нормально - по центру и c одинаковым отступом как справа, так и слева, в Opera - она убегает направо, а слева нормально. Как сделать, что бы в Opera полоса была бы также как и в IE? Вот соответствующий блок из глобальных стилей: div.bgred { background: #f01f16; text-align: center; padding: 8px 0 0 40px; vertical-align: middle; width:100%; height: 28px; color: #fff; position:absolute; top:28px; z-index:1 } * html div.bgred { height: 36px;} #lay_f1 div.bgred a { float: left; padding: 5px 20px;} Буду благодарен за любую помощь.

    Asked by Wasser,

    0 votes
    11 answers

  2. rel="prev/next и т.д."

    Интересно, что дают нам строчки: <link rel="index" title="Главная страница" href="/" /> <link rel="prev" title="Предыдущая" href="/article/10/" /> <link rel="start" title="Первая статья" href="/article/1/" /> <link rel="contents" title="Оглавление" href="/" type="text/html" />

    Asked by Yahoo!,

    0 votes
    7 answers

  3. Адресная строка

    Заметил такую вот штуку. Напр. есть сайт с адресом www.site.com. Переходим на страницу напр. news (www.site.com/news/), но в адресной строке все равно отображается www.site.com. Как это реализовать?

    Asked by Alex&R,

    0 votes
    14 answers

  4. SVG. Указать цвет в <defs>

    Привет. Подскажите, пожалуйста, как в svg файле (<defs>...</defs>) указать цвета и цвета строк, которые могут использоваться в документе. Например градиент указывается так: <defs> <linearGradient id="linearGradientDefault"> <stop offset="0" stop-color="#808080" stop-opacity="1"/> <stop offset="0.5" stop-color="#FFFFFF" stop-opacity="1"/> <stop offset="1" stop-color="#404040" stop-opacity="1"/> </linearGradient> <linearGradient y2="40" x2="0" y1="24" x1="0" gradientUnits="userSpaceOnUse" id="linearGradientPipe" xlink:href="#linearGradientDefault" inkscape:collect="always"/> </defs> И к нему можно о…

    Asked by ioprst,

    0 votes
    0 answers

  5. Div width=100% более ширины окна браузера

    Здравствуйте! Уже часа 2 ломаю голову и никак не могу найти решение: Есть страница, контент, шире окна браузера. Внизу есть футер, в стилях стоит width: 100% Но футер тянется не на всю ширину страницы, а только на ширину окна браузера. Doctype - strict. Вот пример кода с описанной выше проблемой: <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title>Див по ширине страницы</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <style type="text/css"> html, body { margin: 0px; padding: 0px; width: 100%; height: 100%; } #…

    Asked by pivkos,

    0 votes
    14 answers

  6. Размер сраницы

    как в dream'e изменить размер страницы? какой код и где его вставить?

    Asked by alvaros,

    0 votes
    3 answers

  7. Тег select,option вытягивает table в ie 7

    Сделал, что то типа: <table> <tr> <td> фотка </td> <td> Название<br /> Описание<br /> Выбор опций <select name="..."> код <option value="..."> код </option> </select> </tr> </td> </table> Так вот в браузере ie 7 (ie 6 тоже) тег select, option вытягивают таблицу вниз насколько позволяют раскрываться эти теги. В остальных браузерах, как всегда, всё отлично. Как исправить это?

    Asked by Ritter,

    0 votes
    11 answers

  8. Выпадающий список

    как его создать?

    Asked by alvaros,

    0 votes
    3 answers

  9. Выравнивание раскрывающегося списка.

    Подскажите, как выровнять текст в раскрывающемся списке, а именно выделенный пункт списка, а не весь список Пр. <select id="form"> <option selected="selected">Text1</option> <option>Text2</option> </select>

    Asked by Alex&R,

    0 votes
    6 answers

  10. Текст вылазиет за DiV

    Помогите пож-та. Столкнулся с проблемой, при создании дизайна. За границы дива текст вылазиет , как решить проблему, чтобы текст сам переносился, а если контент то растягивал блок - http://наш-трекер.рф/

    Asked by vitsmolins,

    0 votes
    8 answers

  11. Тень блока

    Всем привет, как лучше сделать отбрасывание теней от блока. С помощью изображений. Спасибо.

    Asked by Jumper,

    0 votes
    1 answer

  12. Не корректное отображение в EI

    Доброго времени суток! Суть проблемы такова: текст внутри тега li в IE7 если не влезает на экран переносится по буквам. В остальных браузерах отображается нормально. Привожу картинки отображения в Firefox'e и в IE7 + кусочки кода. style.css основной css файл #block-menu-menu-topmenu{ height:85px; border:none; } #block-menu-menu-topmenu li{ list-style:disc; display:list-item; color:#FFFFFF; float:left; margin:0 10px; } #block-menu-menu-topmenu a, #block-menu-menu-topmenu2 a{ font-size:11px; } #block-menu-menu-topmenu a:link, #block-menu-menu-topmenu a:visited{ color:#FFFFFF; } #block-menu-menu-topmenu a:hover, #block-menu-menu-topmenu a:active{ color:#FFFFFF; text-dec…

    Asked by tutmanov,

    0 votes
    14 answers

  13. Opera и Firefox различное отображение ширины таблицы

    Столкнулся с проблемой различного отображения ширины таблицы. Не могу найти источник ошибки/проблемы и соответственно решение. Код был проверен на валидность. Ошибок нет. Тем не менее IE7 и Опера 11 вторую таблицу выводят в укороченном виде. В тот время как IE8 и Firefox 3.5 выводят обе таблицы равной длины. Схема построения таблиц совершенно одинакова. См. Изображение... Путем экспериментов удалось заметить, что изменив свойство border с 0 на 1. Длины обеих таблиц выравнивались. Вот пример кода: .tbl td { border-collapse: collapse; border-spacing: 0px; border: [color="#FF0000"]1px[/color] solid red; padding:0px; } И соответствующее ему изображение в браузерах. …

    Asked by Brodjaga_EU,

    0 votes
    2 answers

  14. Проблема с height в таблице

    Привет! Ситуация след. Таблица - три столбца, три ячейки в левом столбце, по одной во втором и третьем столбце Нужно: 1-я ячейка левого столбца - background-image height:100%; repeat-y 2-я ячейка левого столбца - background-image height - fixed, width - fixed 3-я ячейка левого столбца - background-image height - fixed, width - fixed Дабы не запутаться, привожу код: <table cellspacing="0" cellpadding="0" align="center" style="width:1300px;"><tr> <td class="leftsidea"></td> <td rowspan="3"> <div id="bodycenter"> </div> </td><td class="rightside" rowspan="3"> </td></tr> <tr><td class="l…

    Asked by freesoul,

    0 votes
    4 answers

  15. Валидация JavaScript в FireFox

    Валидатор в FireFox ругается на JavaScript. Пробовал несколько вариантов, но проблема не решается. <script type="text/javascript"> <!--//<![CDATA[ код скрипта //]]>--> </script> и <script type="text/javascript">/*<![CDATA[*/ код скрипта /*]]>*/ </script> На сколько можно верить валидатору "огненной лисы"?

    Asked by Alex&R,

    0 votes
    6 answers

  16. По каким причинам не показывает background-image?

    По каким причинам не показывает background-image? А то сталкиваюсь иногда с этой проблемой, а понять почему так происходит не могу.

    Asked by boompaw,

    0 votes
    19 answers

  17. Помогите построить небольшой макет дивами

    Привет есть небольшой код <div id="body"> <div id="leftcol"> <div id="leftsidea"></div> <div id="leftsideb"></div> <div id="leftsidec"></div> </div> <div id="bodycenter"> text </div> <div id="rightside"></div> </div> и css #leftcol{ width:145px; float:left; height:100%; } #body{ text-align: center; width:1300px; float:left; } #leftsidea{ text-align: left; width:145px; background-image: url('../images/leftside.png'); background-repeat: repeat-y; float:left; } #leftsideb{ text-align: left; width:145px; height:34px; background-image: url('../images/le…

    Asked by freesoul,

    0 votes
    12 answers

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

    Здравствуйте. Подскажите пожалуйста, что можно сделать. В меню указан межстрочный интервал, но как от него избавиться если один из разделов не умещается в одну строку ?

    Asked by Illuminati,

    0 votes
    2 answers

  19. как задать ширину фона в % через CSS

    Подскажите возможно ли задать ширину фона div блока в % через CSS? Прописано через CSS вот так: background:url(i/right.jpg) repeat-y; Интересует как прописать так чтобы этот загружаемый фоновый рисунок растягивался по ширине на всю ширину div блока!:write: Т.е мне надо чтобы фоновый рисунок растягивался по ширине на всю ширину блока и повторялся по вертикали! Ширина естественно в % (под разные разрешения!)

    Asked by klikwap,

    0 votes
    9 answers

  20. двойной градиент в фоне

    У меня есть проблема мне нужно сделать фон для страницы из двух градиентов.На страничке есть фиксированная таблица.Я ипользую рисунки шириной 500, высотой 1 и такой стиль: HTML { background: #35cbdb url(images/fonL.gif) repeat-y; /* Цвет фона веб-страницы, путь к графическому файлу с фоном и повторение фона по вертикали */ height: 100%; /* Высота элемента */ margin: 0; } BODY { background: url(images/fonR.gif) repeat-y 100% 0; /* Фон по правому краю окна браузера */ margin: 0; /* Обнуляем отступы на странице */ height: 100%; /* Высота элемента */ } P { margin: 0; /* Обнуляем отступы */ padding: 5px 0 0 20px; /* Поля вокру…

    Asked by AKstoAK,

    0 votes
    2 answers

  21. position:absolute в ИЕ

    В блог на вордпрессе добавлял колонку (сайдбар) слева, в php все сделал, в css выкрутился так position:absolute во всех браузерах отрабатывает как надо, а вот в ИЕ 7 и 8 (подозреваю что и в других версиях тоже) никак, сайдбары наслаиваются , пример http://sanatar.ru . Отдельные стили (хаки) для ие не использую. Подскажите как можно выкрутиться с левым сайдбаром в ИЕ?

    Asked by sanat,

    0 votes
    4 answers

  22. Создание галереи

    Всем привет. Очень понравилась как сделана галерея тут: http://www.volkswagen.ru/ru/ru/models/new_polo/gallery.html Подскажите, пожалуйста, как лучше и проще можно реализовать что-то подобное? С учетом того, что jQuery знаю на уровне "это сюда, это туда - о, работает". И дальше, чем знание html/css я пока не продвинулся. Спасибо!

    Asked by Sedli,

    0 votes
    2 answers

  23. Две полосы прокрутки

    Собственно, нужно сделать у блока полосу прокрутки и снизу, и сверху. Полоса прокрутки стандартная. Какие вообще идеи? Спасибо.

    Asked by DjTarik,

    0 votes
    2 answers

  24. элемент КОРЗИНА

    как это создать?

    Asked by alvaros,

    0 votes
    22 answers

  25. Обтекание аватарки блоками

    Верстаю страницу форума. У поста слева-сверху блок с аватаркой, у него стоит float:left, и текст его обтекает. Проблема начинается, когда в посте появляется блок цитаты <blockquote> - его текст обтекает аватарку правильно, но фон лезет под неё. Если элементу <blockquote> тоже проставить float:left, то аватарка обтекается как нужно (блок полностью справа, а не только его текст), но тогда уже сам блок цитаты справа обтекается текстом. Поставить clear, разумеется, не поможет, так как он уберёт обтекание текстом и цитаты и аватарки, а надо только цитату. <div class="post"> <div class="userinfo"> <span class="name">Юзернейм</span…

    Asked by durnoyabsurd,

    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