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. Как сделать 2-колоночный резиновый контент?

    Здравствуйте! хочу сделать div content резиновым, а сайдбар фиксированным, но в этом div content в две колонки помещаю div'ы, но при сильном сжатии (явно больше указанных 200px) эти дивы уезжают друг под друга. Чтобы они ровно вставали сделал div'ы SubContent1,2. Вроде зафиксировал все координаты, но не получается... Что можете посоветовать? Или это надо делать таблицами =( ? CSS: #Content{ float:left; width:100%; min-width: 200px; margin-right: -250px; /*сайдбар там*/ } #SubContent1 { float:left; width: 96%; padding: 20px 1% 20px 0; max-height: 400px; } #SubContent2 { float:left; width: 96%; padding: 20px 1% 20px 0; max-height: 400px; } #DIV1 { float: …

    Asked by walaby,

    0 votes
    1 answer

  2. Полоса прокрутки слева

    Сделал пример для раздела Рецепты, где для слоя полоса прокрутки отображается слева, а не справа, как обычно. Но вот беда, Опера не хочет делать то, что мне требуется. IE и Firefox работают на ура. Почитал, в чем же дело, Опера прекрасно понимает и direction и dir и unicode-bindi, все понимает, а делать не хочет. Вот код, похоже предложений по "уговариванию" Оперы не будет. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>Полоса прокрутки слева</title> <style type="text/css"> div.leftscroll { …

    Asked by Vlad,

    0 votes
    1 answer

  3. Div внутри Div

    Доброго времени суток. Появилась проблема, есть резиновый макет из трех колонок: Стиль: /* Основной контент */ #cnt { margin-top: 10px; } #cntl { margin-right: 10 px; width: 180px; float: left; } #cntr { margin-left: 10px; width: 250px; float: right; } #cntc { height: 200px; } Код: <div id="cnt"> <div id="cntl"> Содержимое левой колонки </div> <div id="cntr"> Содержимое правой колонки</div> <div id="cntс"> Содержимое центра</div> </div> Суть проблемы, при попытки добавить в центр. еще одну резиновую штучку, а именно резиновый заголовок, состоящий из двух картинок и подложки, получается что ширина этого с…

    Asked by TLD,

    0 votes
    1 answer

  4. список горизонтально не используя display: inline;

    возможно ли как то сделать список горизонтальным кроме как используя display: inline;?

    Asked by LeFF?,

    0 votes
    1 answer

  5. Проблема с иконкой.

    Вот сегодня я поставил иконку для моего сайта. Но в Opera она показывается а в Internet Explorer нет. Вот адрес этого сайта: http://www.clubunnatov.spb.ru/

    Asked by Pavel_html,

    0 votes
    1 answer

  6. Баг масштабирования в IE7

    Верстая очередной макет наткнулся на интересный баг (а я считаю это багом). Как известно, в новом масштабировании, которое появилось в ИЕ7 страница масштабируется полностью (похоже на масштабирование в Опере). Баг в том, что масштабируется все кроме фона (background) для body или возможно вообще самого body. В данном конкретном макете это выглядит очень некрасиво. Пока ничего лучше не придумал, как дополнительный див, с установленным фоном, который должен быть у боди. Предлагаю обсудить другие возможные пути решения (если таковые существуют).

    Asked by Tokolist,

    0 votes
    1 answer

  7. Проблеммы с отображением в Мозиле и Опере =(

    Учусь верстать табличной версткой, но у меня проблемма в Мозиле и Опере некоректно отображается =( _http://la2angel.net/index-test/angel.php Как это поправить? В IE все отлично !

    Asked by Topp,

    0 votes
    1 answer

  8. 2 колоночный "резиновый"макет с параметром width-min

    Здраствуйте Подскажите какие есть способы создания 2 колоночного "резинового" макета с параметром width-min те первая колонка была фиксированой а вторая (правая) могла сжиматься до определенного значения указаного в width-min. если размер меньше width-min то появляется скрол (у меня сейчас макет сыпится ;-(( ) спасибо всем кто ответит!!!

    Asked by Roman111,

    0 votes
    1 answer

  9. как добавить функцию JS (onclick) при XSL трансформации?

    В html-файл Я с помощью javaScript ( obj.innerHTML=XML.transformNode(XSL); ) вставляю (сгенирированный XSL трансформацией на основе данных из XML) следующий код html: фрагмент ... <img border="0" src="images/link_03.jpg" width="240" height="182" />... . Вс? работает. НО ЕСЛИ ДОБАВИТЬ к тегу 'img' функцию onclick= SomeFunction('new.xml') получиться ... <img border="0" src="images/link_03.jpg" [b]onclick= SomeFunction('new.xml') [/b] width="240" height="182" />... . То работать не будет. IE, при открытии непосредственно этого XSL-файла, пишет "Требуется строковый литерал, но не найдена открывающая кавычка". Почему? И как добиться желаемого результата? Спасибо…

    Asked by Bolmazov,

    0 votes
    1 answer

  10. Как выровнить название на кнопке по левому краю

    Нужно чтобы надпись "ОЧЕНЬ ДЛИННЫЙ ТЕКСТ" выравнивался на кнопке по левому краю

    Asked by amibus,

    0 votes
    1 answer

  11. как сделать постоянный отступ независымый от размера окна браузера

    прочитав статью на этом сайте "Фиксированный дизайн. Наложение слоев" решил попробовать на практике <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <style type="text/css"> body { margin: 0px; /* Убираем отступы */ } a { cursor: hand; cursor: hand; border: 0; white-space: nowrap; text-decoration: none; } #top { /* Верхняя часть с заголовком страницы */ background: #e3e8cc; /* Цвет фона */ border: solid 1px black; /* Параметры рамки */ padding: 15px 0px 15px 10px; /* Поля вокруг текста */ margin-bottom: 15px; /* Расстояние между заголовком и колонками */ font-size: 24px; /* Размер шрифта */ font-weight:…

    Asked by Gloft,

    0 votes
    1 answer

  12. Расширения (filter) для CSS

    Привет всем! Подскажите, а где можно поподробнее почитать про расширения CSS (фильтры, filter). Типа: - Alpha(Opacity=?, FinishOpacity=?, Style=?, StartX=?, StartY=?, FinishX=?, FinishY=?) - BlendTrans(Duration=?) - Blur(Add=?, Direction=?, Strength=?) - Chroma(Color=?) - ну и так далее...

    Asked by styleroom,

    0 votes
    1 answer

  13. Проблемы с мозилой.

    Подскажите, как надо задать фон (цвет) ячейки таблице, что бы он в мазиле нормально отабражался?

    Asked by red-nicolas,

    0 votes
    1 answer

  14. Подключить flash

    quot;-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> Как подлючить flash?

    Asked by Slyfox,

    0 votes
    1 answer

  15. Сделать кнопку без помощи тега <button>

    Тег не поддерживается только браузером Internet Explorer... Обидно! Но кнопку ещ? можно сделать так: , это не проблема. А как можно создать свою кнопку, с тремя положениями (активна, неактивна, нажата) и возможностью переименовать е? в любой момент я не знаю.. В Delphi это очень легко сделать можно, а с веб-дизайном только начинаю работать и не очень освоилась ещ?...

    Asked by Arkada,

    0 votes
    1 answer

  16. Символ ? в Opera отображается жирным!

    А в других браузерах (IE, Mozilla) все нормально.

    Asked by Vladislav,

    0 votes
    1 answer

  17. Какой должкен дыть размер по ширине и высоте у иконки сайта

    Какой должкен дыть размер по ширине и высоте у иконки сайта

    Asked by antonP,

    0 votes
    1 answer

  18. Вопросы про примитивы

    В чем сходство синтаксиса заголовков и горизонтальных линий? Для чего служат символьные примитивы?

    Asked by Kain,

    0 votes
    1 answer

  19. Особенности работы col при выходе таблицы за окно

    Есть таблица, которая должна быть намного шире окна браузера. Каждая колонка должна иметь фиксированную ширину. Однако, опера9 и ие6 считают, что следует игнорировать тег col, и форматируют содержимое ячеек по минимально возможной ширине. Есть ли красивый способ исправить это? Нужно, чтобы тег col учитывался даже при выходе таблицы за границы окна. Пока единственное найденное решение - добавить width="xxx" к

    Asked by krossp,

    0 votes
    1 answer

  20. Резина по высоте

    Есть у кого конкретные примеры резины по высоте при верстки сайта таблично?

    Asked by okunev2,

    0 votes
    1 answer

  21. Как сделать так, с помощью CSS? (смотреть картинку)

    http://wet-avenue.narod.ru/differents/1.jpg как сделать чтобы текст на бордер залазил?..с помощью css

    Asked by Sotnikov,

    0 votes
    1 answer

  22. Тег <a> содержит тег <div>. Как добится валидности кода?

    на сайте есть рисунок, но он порезан и собирается в цельный, и весь этот рисунок должен быть ссылкой! Когда обрамляеш все тегом , код не валидный. Какой есть способ достигнуть валидности кода? Код к примеру такой: <a href="#"> <div class="top"></div> <div class="left"></div> <div class="right"></div> <div class="bottom"></div> </a>

    Asked by kozakmamai,

    0 votes
    1 answer

  23. Объясните, как и почему "плывут" столбцы в таблице.

    Не пойму - от чего в Мозилле (2.0) происходит такая вещь: http://www.fbf.ru/zlatopek/ovs.html <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html><head><title>Златопек</title> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <link href="styles.css" rel="stylesheet" type="text/css"></head> <body> <div class="main"> <div id="back"><<<a href="http://www.fbf.ru/"> на главную</a></div> <div id="logo" align="center"><img src="img/logo.gif"></div> <div id="logo2" align="center">&lt…

    Asked by Eirene,

    0 votes
    1 answer

  24. прозрачность PNG vs IE6

    Есть шапка сайта. От шапки идет тень, которую видно если разрешение экрана выше чем 800 на 600. Тень прячется за края браузера не вызывая при этом горизонтальных полосок прокрутки если экран 800 на 600. Вс? это работает в опере, мозиле и IE7. Но гр?панный Internet Explorer 6, которым пользуется большое кол-во будущих посетителей не видит прозрачности PNG (в PNG сделана тень, т.к. для плавности GIF не подходит ). После некоторых манипуляций, IE6 вс?-таки стал видеть прозрачность, но при 800на600 появляется полоса прокрутки. Перерыл кучу ресурсов, но толкового решения не наш?л. Может кто подскажет возможно ли избавиться от этой проблемы и как это сделать?? Help WANTED! смот…

    Asked by шин,

    0 votes
    1 answer

  25. запретить перенос слов

    при сужении окна по ширене происходит перенос слов, в результате нарушается дизайн, подскажите каким отребутом можно запретить перенос слов.

    Asked by Strelok1945,

    0 votes
    1 answer

  • Обсуждения

    • 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