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. FF прячет границу

    образец проблемы сделан наглядно: http://at.tut.by/nhjugfbd/obrazec.htm

    Asked by Rilo,

    0 votes
    6 answers

  2. Вертикальное выравнивание рисунка в блоке

    Всем привет! сразу к делу. есть блок, внутри него надо отцентрировать рисунок по вертикали. вроде бы есть решение height:... line-height:... Но не работает в IE 6. Для IE6 нашел нашел на этом форуме решение с пустым <span>, но оказалось что не работает в Google Chrome (а, следовательно в Sofari). Вот кстати рисунок. Итак мне просто нужно чтобы значок RSS был на одной линии с текстом. Никаких таблиц. необходима валидность, совместимость: IE6 и выше, Opera 9 и выше, FF 2 и выше, Google Chrome. Вроде бы на превый взгляд задача оч. проста, но бъюсь уже целый день Доп инфо - высота блока и размеры рисунка известны. Особое требование - при изменении масштаба на один …

    Asked by Punsh,

    0 votes
    2 answers

  3. Позиционировние

    Праблема такая: верстка дивами, три колонки, поверх границы между второй и третьей колонкой хочу повесить позиционированный див. Пытаюсь естественно применять position:relative. в результате сей операции внутри блока, относительно которого позиционируется элемент, образуется промежуток по высоте равный высоте позиционируемогоэлемента. Если применять абсолют, такойже прикол тока перед или после страницы. Ко всему прочему IE6 вообще не отображает сей элемент.. Чтоделать

    Asked by mozart,

    0 votes
    2 answers

  4. теги для favicon

    встретил три варианта тегов для значка страницы <LINK REL="shortcut icon" href="favicon.ico"> или <link rel="icon" href="/favicon.ico" type="image/x-icon"> вместе с <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon"> какой из них правильный? если вставлять все три, то FF игонрирует, а если только первый, то "читает".

    Asked by Rilo,

    0 votes
    2 answers

  5. Разное оформление елементов select'a

    Товарищи, подскажите плиз, новичку, можно ли для конкретного тега <option> в списке <select> применять разные стили? А то у меня чего-то не получилось, а хотелось. Для всего списка в целом применяется, а для конкретного опшона не понял как. Заворачивание текста опшона в <span> у меня тоже эффекта не возымело.

    Asked by MegaCasper,

    0 votes
    2 answers

  6. Проблема с отображением шрифта в Опере

    Помогите решить проблему со шрифтом. В IE7 шрифт Century Gothic отображается нормально, а в Опере отображается некорректно (буквы какие-то угловатые и тоньше чем в др. браузерах) H1 { font-size: 20px; font-weight: bold; font-family: "Century Gothic"; }

    Asked by stosen,

    0 votes
    8 answers

  7. размер шрифта в input

    В таблице стилей ставлю: input.field { font-size: 14px; } В текстовом поле отображается нормальный размер, а в selectе размер немного меньше. В чем проблема, подскажите, плиз? Туплю... input.field { font-size: 14px; } select.field { font-size: 14px; }

    Asked by stosen,

    0 votes
    1 answer

  8. Ссылки уходят вниз

    Вот страница http://www.online.ukrworld.net/about.php Там внизу есть ссылки О сайте, помошь и т.д... В опере все нормально.. в мозиле они почему-то уползают вниз.. подскажите пожалуйста как это исправить?

    Asked by Ark,

    0 votes
    4 answers

  9. Тег <pre> вложенный в <code>. FF3.0

    Ситуация состоит в следуещем: в мозиле текст обрамленный тегом <pre>, а тот в свою очередь тегом <code>, создает такое ощющени как-будто бы тег <pre> не вложен в тег <code>, а идет следом за ним. Тем самым браузер показывает что тег <code> пустой. В опере все нормально. Как разрешить такую ситуацию?

    Asked by Elendor,

    0 votes
    1 answer

  10. непонятный отступ снизу у swf'ок в FF3

    В ИЕ все норм, а вот в FireFox 3.0+ при попытке вставить в ячейку swf'ку появляется непонятный отступ снизу - перепробовал кучу вариантов но пока так и не удалось избавится от этого глюка, может кто вкурсе что это и как это лечить? Вот простой пример: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <title>Untitled Document</title> </head> <body> <table width="500" border="0" cellspacing="0" cellpadding="0"> <tr&gt…

    Asked by KLS,

    0 votes
    4 answers

  11. Красивый код

    Всем привет! Подскажите - а есть ли возможность в Dreamweaver выделять код цветом? Например текст или строку целиком?

    Asked by styleroom,

    0 votes
    6 answers

  12. как вставить flash фоном?

    Приветствую! возможно ли вставить flash фоном, что бы была возможность написать на нем текст или разместить еще какие либо картинки?

    Asked by Fate-ol,

    0 votes
    29 answers

  13. Проявить бблоки по ссылки

    Здравствуйте, уважаемые! Это снова я. На сей раз у меня следующий вопрос: поставлена задача при клике на ссылку (определенную ссылку) необходимо отобразить на этой же странице еще несколько по сути схожих блока, как это сделать? какими средставами? если кто знает где можно найти такой пример (скрипт и т.д.) поделитесь, пожалуйста. Спасибо!

    Asked by inweb,

    0 votes
    4 answers

  14. Помогите

    И так начну свою тему: я тут создал свой сайт с нуля конечно, но он у меня еще не запущен, так как на нем нет "информации о сайте" ОПИСАНИЯ о том для чего я его сделал и зачем он нужен в сети Интернет. В общем мне в голову не чего не лезет, и я не знаю, что можно придумать вот я и у вас хотел спросить есть ли коки не будь программы, которые описывают сами мою воображалку. Буду благодарен если вы мне поможете

    Asked by XITPbli,

    0 votes
    5 answers

  15. firefox + explorer 6 + doctype

    В продолжение вот этого топика. Без доктайпа эксплорер не выравнивает слои по центру при "margin 0 auto" С доктайпом файрфокс не тянет автоматом высоту таблицы на 100% от ее контейнера (если в ней контента меньше по высоте). Распорки не катят, т.к. высота контейнера не фиксированная. Как победить?

    Asked by Chin,

    0 votes
    3 answers

  16. <STYLE TYPE="text/css">

    когда в хтмл-странице делают <STYLE TYPE="text/css">код ксс </STYLE> это то же самое как к странице привязать отдельный css-файл ? или это чем то ущербное решение ?

    Asked by pribl,

    0 votes
    1 answer

  17. ещё вопрос

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

    Asked by Игорь Ермаков,

    0 votes
    7 answers

  18. Появление горизонтальной прокрутки. Слой, вылезающий за рамки

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

    Asked by 100kd,

    0 votes
    4 answers

  19. Ширина ячеек

    Здравствуйте, меня интересует как изменить ширину ячеек в пикселях, если ширина таблицы установлена в процентах: <table border="0" cellspacing="0" cellpadding="2" width="100%"> <tr> <td align="center" colspan="2"> <p>NAME</p> </td> </tr> <tr> <td rowspan="3" width="100"> <img border="0" src="img.jpg" width="100" height="100"> </td> <td> </td> </tr> <tr> <td> </td> </tr> <tr> <td> </td> </tr> </table> страница и при этом ширина ячеек делится как 50% Прошу помощи \\

    Asked by Tairon,

    0 votes
    2 answers

  20. что сделать чтобы в меню меню отключить перенос слов или расширить меню?

    2 длинных слова в пункте меню переносятся. вижу два выхода: либо запретить перенос слов в меню, либо расширить и зафиксировать само меню... подскажите как реализовать плиз.... вот код заранее признателен!!! /**** author - rgb(raduga) http://mambasana.ru ***/ body,html { padding : 0; margin : 0; margin-bottom : 10px; } #body_bg{ background : url(../images/bg_top.jpg) #ffffff repeat-x top left; } .main { float : left; width : 100%; margin : 0; padding : 0; } .mod { background : #FFFFFF; width : 2px; } td, tr, p, div { font-family : Arial, Verdana, Tahoma, Helvetica, sans-serif; font-size : 12px; color : #00000…

    Asked by vovchikku,

    0 votes
    7 answers

  21. Блок с фиксированным положением, обтекаемый текстом

    Есть такой код: <div class="div1"> <div class="div2"></div> А тут любое количество любого контента, могут быть картинки, просто текст, другие дивы, списки или параграфы </div> div1 имеет заранее определенную ширину и растягивается по вертикали исходя из контента, который в нем размещен. div2 имеет заранее известные размеры. Нужно задать такие свойства для див2, чтобы он всегда был жестко прибит к левому краю div1, находился, например, на высоте 30% от верхнего края див1 и чтобы все содержимое див1 его обтекало.

    Asked by Качан Капусты,

    0 votes
    2 answers

  22. Как сделать так, чтобы DIV занял все свободное место?

    Смотрите, страница состоит из трех дивов с абсолютным позиционированием: Размеры первого и второго дивов заданы. Нужно сделать так, чтобы третий див занимал все оставшееся пространство экрана. Как это сделать? Дело в том, что в этом третьем диве находится картинка. Отчаявшись выровнять ее по центру, я даже поставил третьему диву атрибут align=center, но и это не помогло! По-моему это из за того, что третий див автоматически получает такую же ширину, как сама картинка.

    Asked by hooey_ru,

    0 votes
    6 answers

  23. Слои+таблицы

    Здравствуйте! У меня такая проблема (весь гугл облазил, везде какую-то ерунду предлагают): необходимо сверстать страничку так чтобы контент независимо от наполнения был на всю страницу! можно использовать и таблицы и слои. я никак не могу догнать как же это сделать. Макет резиновый. Конечно при большом количестве контента можно сделать overflow:auto;, но если контента мало, то ни таблица, ни слой не растянутся до футера. (до футера идут необходимые background'ы, так что речь о абсолютном футере не пойдет.) P.S. да, и забыл, УБИРАТЬ ДОКТИП НЕ ПРЕДЛАГАТЬ!

    Asked by Soniclord,

    0 votes
    12 answers

  24. рамка вокруг изображения

    Здравствуйте! С целью облечь фотки на сайте в рамку,прописал в CSS таким образом a:hover img { border: 5px inset #ccffff; } a:link img { border: 5px ridge #663333;} но дело в том,что в IE если не указываю цвет в a:link ,то начальная рамка выходит черная, но цвет меняет...а в мозилле выходит такая,какая задана, и меняет цвет тоже. чтобы в IE начальная рамка тоже была нужного цвета,приходится его задавать, но в этом случае в мозилле цвет не меняется... можно ли как-нибудь искоренить проблему?Спасибо!

    Asked by masterok,

    0 votes
    4 answers

  25. Рвется дизайн в ИЕ7.

    Ссылка. Смотрим в ИЕ7. 1) В итоге поле "Новости:...." с поиском вылазят на весь экран. 2) Подвал еще страшнее, вроде таблица, но почему так?

    Asked by PaLyCH,

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