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. IE добавляет 10px

    Весь день бьюсь над простым кодом, весь inet облазил, решения так и не нашел. В FF и Opera все ok!, а IE почему-то ведет себя вообще непонятно. вот код: Код: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title>div</title> <style type='text/css'> #box1 { width:100px; height:100px; background-color:red; border: 4px solid black; float:left; } #box2 { width:100px; height:100px; background-color:red; border: 4px solid black; float:left; } #box3 { width:100px; height:100px; background-color:red; border: 4px solid black; float:left; } #box4 { width:100p…

    Asked by cx717,

    0 votes
    1 answer

  2. неправильно отображаються ссылки в Ie

    Есть html файл в нем есть ссылки на внутренние файлы (тоже html) ссылки в коде отображены таким способом <a href="export_archive.html">Export offers archive</a> <a href="bsr/buyers.htm">Registration of the buyer</a> <a href="bsr/sourcingplaza.htm">Company profiles</a> В при загрузке страницы в firefox все ссылки отображаются нормально - http://www.domain.com/export_archive.html http://www.domain.com/bsr/buyers.htm http://www.domain.com/bsr/sourcingplaza.htm А в Internet Explorer: http:///export_archive.html http:///bsr/buyers.htm http:///bsr/sourcingplaza.htm Все html файлы статика и не суппортится движком а создаються вручную. В че…

    Asked by deltrix,

    0 votes
    5 answers

  3. Вопрос по дизайну

    Извнините за ламерский вопрос, только начал вникать во все это. Собсно меня интересует как вместо названия сайта (просто слово в шапке сайта) поставить логотип, картинку или что-то такое, вощем графику?.. Типо того, как на этом сайте - паутинка с курсором.

    Asked by Aleksey S.,

    0 votes
    5 answers

  4. Растянуть таблицу 100% высоты в IE6

    Бьюсь вторую неделю таблица в ней 3 строки, размер таблицы 100% на 100% верхняя нижняя строки фикс. высоты. центральная задается как 90% работает в опера, моз, ие7, мак. В ие6 центральная строка не растягивается код примерный:

    Asked by SibBear,

    0 votes
    3 answers

  5. Фон с полосой посредине.

    Господа, что-то у меня все представления о верстке поменялись... Вот простой код: * {margin: 0; padding: 0;} html { background-color: black; } body { margin:0 auto; width:700px; background-color: #009933; } Тут совершенно ясно, что на черном фоне (посредине) должна быть полоса зеленого цвета шириной 700пкс. И мне было ясно до сегодняшнего дня. Но сегодня я обнаружил, что в ИЕ6 это не так! В нем вся площаль зеленого цвета. Здесь даже хак вставить некуда и не о чем! Я чего-то не понимаю.... Какие есть мнения относительно природы этого явления? Хотя есть еще вариант, что это MultipleIEs глючит. Да, предвидя замечания про теги html и body (а почему бы и нет?) скажу,…

    Asked by N-Mak,

    0 votes
    7 answers

  6. Блоки прыгают, дергаются, налезают друг на друга

    Всех приветствую. Возникла такая проблема. Ссылка: http://www.untex.com/8/ Если поводить курсором мыши по странице, то видно, что, когда курсор попадает на ссылки, блоки прыгают, дергаются, налезают друг на друга. С чем это связано, и как от этого избавиться? Прошу помочь. Спасибо.

    Asked by extruder,

    0 votes
    5 answers

  7. Странное поведение отступов...

    <html> <head> <style type="text/css"> body { margin: 0; padding: 0; background: #e5e4e4; } #body { background: #fff; } #head { height: 137px; } #logo { margin-top: 34px; } </style> </head> <body> <div id="body"> <div id="head"> <div id="logo"><a href="#"><img src="logo.gif" width="165" height="69" border="0"></a></div> </div> </div> </body> </html> Хочу отодвинуть логотип (id="logo") от верхнего края шапки (id="head"). Для этого задаю стиль #logo { margin-top: 34px; }. В IE все нормально, а вот в FF, вместо того, чтобы отоднинуться логотипу от края шапки, отодвигается…

    Asked by ZooY,

    0 votes
    6 answers

  8. что делает атребут "azimuth" подскажите

    что делает атребут "azimuth" подскажите

    Asked by artdizz,

    0 votes
    2 answers

  9. 2 слоя на 100%

    Задача: на фоне картинка, 100% на 100% сверху таблица 100% на 100% С таблицей разобрались, с фоном тоже, теперь нужно их совместить. разные варианты position дают совершенно разный результат в разных браузерах. В опера и моз удачно работает данный вариант, в ИЕ все абсолютом Сможет кто предложить универсальный рабочий вариант? В идеале должна получится 100% резиновая страница стили: <style type="text/css"> #page { position: relative; min-height: 100%; margin: 0 0 0 0; top: 0; left: 0; z-index: 2;} #back { position: fixed; width: 100%; height: 100%; top: 0; right: 0; bottom: 0; left: 0; margin: 0 0 0 0; z-index: 1;} </style> фон: <div id…

    Asked by SibBear,

    0 votes
    1 answer

  10. CSS Mozilla

    Для всех ли свойтв css достаточно приставки -moz- или есть особые написания свойств? Где почитать спецификацию CSS для MOZ, не могу найти... помогите кто сможет?

    Asked by SibBear,

    0 votes
    7 answers

  11. Загрузка всего контента сразу

    Сталкнулся с такой проблемой. На сайте загружается объемная картинка и звук. Сделал странуцу Лоадинг с невидимым фреймом в который грузится все. Порядок: Пишем "Загрузка" Нижу фрейм с картинкой и звуком после рефреш. По логике браузер грузит все на компьютер пользователя и потом при обращении к картинке просто ее открывает, на практике это работает с опера, в ие все перегружается снова и снова, в итоге страница висит...

    Asked by SibBear,

    0 votes
    10 answers

  12. HTML центрирование

    Asked by Tairon,

    0 votes
    9 answers

  13. Помогите с html

    Помогите плиз, как сделать так, чтоб текст был по центру странице (а именно сверху вниз, с лева на право вроде тег center)?

    Asked by me,

    0 votes
    39 answers

  14. 3 колонки, ширина средней растягивается по содержимому

    Здравствуйте! Cтолкнулся с такой проблемой... Надеюсь на Вашу помощь! Задача такая: 3 колонки, нужно помещать в среднюю колонку контент любой ширины(например фото шириной 1200px) и чтобы при этом третья колонка(левая) всегда была привязана к краю средней, т.е уезжала влево. Долго искал, но так и не понял как это можно реализовать.. Если не сложно переделайте вот этот код: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html> <head> <style type="text/css"> * { margin:0; padding:0; } body, html { color: #4D4D4D; font-size:12px; font-family:Arial, Helvetica, sans-serif; min-width:1000px; } #main { margin-top:2px; } #wrapper {…

    Asked by cereal005,

    0 votes
    7 answers

  15. Перестало отображаться состояние ICQ на сайте.

    Перестало отображаться состояние ICQ. Как я понял контора перестала поддерживать значки в gif. Раньше писал так: src="http://online.mirabilis.com/scripts/online.dll?icq=290447155&img=5"

    Asked by hardtur,

    0 votes
    6 answers

  16. Верстка таблицей в IE непонятный height

    Собственно проблема в том что в FF и Опере все норма 100пик первая строка в таблице в IE она на пол экрана раскрываеться.... что я делаю нитак...? <table align="center" width="1024" height="768" border="3"> <tr bgcolor="#00CCFF"> <TD height="100" colspan="2">top</TD> </tr> <td width="300">first</td> <td >second</td> </table>

    Asked by ProGGGer,

    0 votes
    4 answers

  17. Помогит с таблицой для шапки

    Не как не могу понят, как написать такую таблицу? http://img139.imageshack.us/img139/2735/tableit6.jpg

    Asked by Webdel,

    0 votes
    7 answers

  18. framed layout IE standard compilance

    Приветствую! Встала необходимость сверстать фрэймовый лэйаут, вот такой. http://www.dynamicdrive.com/style/layouts/...-frames-layout/ Вс? там хорошо, кроме того, что IE работает в Quirks mode. Возможно ли решение в standard compilance mode ? Сколько ни игрался, сделать не смог. Спасибо! PS: да, хотел отметить, через expressions это дело можно побороть, но не хотелось бы их использовать.

    Asked by yroman,

    0 votes
    6 answers

  19. не могу дойти как сделать. Комбинация дивов и таблиц. Резиновый эффект

    Собственно продолжение темы контейнер внутри ячейки <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>Untitled Document</title> <link rel="stylesheet" type="text/css" href="Config/style.css" /> </head> <body style="padding:0px;margin:0px;"> <div id="back"><img src="background.jpg" border="0" height="100%" width="100%"></div> <!-- Подложка картинка 100на100% --> <div align="center" id="page"> <!-- Тело --> <table style="height:100%; width:100%" border="0" cellspaci…

    Asked by SibBear,

    0 votes
    0 answers

  20. !doctype Html Strict добовляет отступы

    Откуда взялся этот отступ? Вот код: Код: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title></title> <style type="text/css"> div#box1{ width:100px; height:100px; background-color:black; border:2px solid red; margin:0px; padding:0px; } img { margin:0px; padding:0px; border:0px; } </style> </head> <body> <div><img src="leftA.jpg" alt=""></div> <div id="box1"></div> </body> </html> Вот как это выглядит: http://a10vs1.fatal.ru/test/boxes2.html Если доктип поменять на переходный, то черный квадрат прил…

    Asked by cx717,

    0 votes
    4 answers

  21. Не работает a:active хотя вроде все учел!

    HTML: <div id="menu1" class="left"><a href="index.php"></a></div> CSS: #menu1 a { display: block; height: 20px; width: 59px; background: url("images/menu1.jpg") 0 0 no-repeat; } #menu1 a:hover { background: url("images/menu1.jpg") -59px 0 no-repeat; } #menu1 a:active { background: url("images/menu1.jpg") -118px 0 no-repeat; } Все прекрасно, только a:active не срабатывает! Что может быть? Если рассуждать, что дело в a:visited, то вроде как это описано тут: #menu1 a {...} и к тому же a:active сидит ниже всех... Затем попробовал так: #menu1 a { display: block; height: 20px; width: 59px; background: url("images/menu1.jpg") 0 0 no-re…

    Asked by kireyev,

    0 votes
    16 answers

  22. Определение контейнера

    проблема следующая: <td width="90%" height="80%" align="center" > <div style="width: 100%; height: 100%; overflow: auto;"> <table border="0" width="100%" height="400px" class="transparent"> <tr> <td align="center">MIDDLE</td> </tr> </table> </div> </td> я понимаю что div использует свойства контейнера для определения своих размеров. В IE контейнером для него является ячейка и при изменении размеров браузера работает, появляется скрол и div всегда в рамках ячейки в опера же height=80% при загрузке определяет размер для дива, но при ресайзе размер дива не изменяется с ячейкой и таблица в 400 выползает за г…

    Asked by SibBear,

    0 votes
    9 answers

  23. Помогите проблемку решить

    Сайт http://artvasiliev.com неправильно отображается в FireFox в Internet Explorer'e все нормально работает. Причем что странно когда файл в Firefox загружаю с компа проблем не возникает все нормально отображается как и в Internet Explorer'e , а вот когда с хостинга начинаются всякие проблемы. <!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=utf-8" /> <title>Художник Васильев Виктор Официальный сайт</title> </head> <body style="background-color:…

    Asked by nicotin,

    0 votes
    40 answers

  24. Таблица + дивы

    В общем такая ситуация: Есть макет из таблицы типа: шапка, лево, центр, право, подвал. В общем обычная трехколоночная структура. В левой ячейке, 2 блока, по середине - один, справа - тоже 2. Суть проблемы в том, что в опере и мозиле блок который посередине, накладывается на блоки слева и с права. Вот код: <body> <style type=text/css> body{ margin: 5px; } .main_table{ width: 100%; height: 100%; border-collapse: collapse; } .logo_cell{ width: 100%; height: 105px; background: url('images/logo_fon.gif'); } .left_cell{ width: 15%; height: 100%; vertical-align: top; } .center_cell{ width: 70%; height: 100%; vertical-align: top; padding-right: 5px; padding-left: 5…

    Asked by ros.pro,

    0 votes
    14 answers

  25. Слой в Опера и Мозила отображаеться некорректно

    Вот так отображаеться в IE Вот так в Opera и Mozila Часть стиля CSS .label { font-size: 9pt; padding-left: 50px; z-index:1; position:absolute; left:103px; top:172px; } Весь документ <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title>GESTAPO </title> <style type="text/css"> body, .login, .row, .folder, .label, th, comment { font-family: tahoma, verdana, arial, helvetica, sans; font-weight: normal; color: Red; } body { margin: 0; background-color: Black; padding: 10px; } .label { font-size: 9pt; padding-left: 50px; z-index:1; position:a…

    Asked by repnov,

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