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. Проблема с таблицей

    Здравствуйте. Такой вопрос. Можно ли внутри столбца(в пределах одной строки) два элемента(например, два изображения) расположить так, чтобы один прилегал к верхней границе строки, а второй - к нижней? Или можно сделать только к чему то одному(верху/низу) с помощью <tr valign=top/bottom/...>?

    Asked by Sagara,

    0 votes
    10 answers

  2. в IE7 основной контент заходит за боковую колонку

    в IE7 основной контент (тизеры: float: left) заходит за правую колонку, хотя, прописывая float: right; он таким же макаром залезает и под левую. Замечено только в IE7 и только в одном случае, где я сгруппировываю тизеры вот таким образом: .node_hand_made .teaser { text-align: center; float: left; width: 220px; margin-left: 15px; margin-right: 15px; margin-bottom: 15px; background: url(images/hand_made_shopwindow.gif) center bottom no-repeat; } как в IE7 как должно быть спасибо!

    Asked by SlavviR,

    0 votes
    1 answer

  3. Текст не хочет отступать

    Здравствуйте уважаемые знатоки. Давненько я не задавал вам своих глубпых вопросов, но вот опять у меня возникла проблема. http://www.po-miry.ru/MEDICINA/ONE_PAGE/psihoanaliz.htm Страничка, на которую дана ссылка, присоединена к динамическому шаблону. Я хочу, чтобы базовый текст статьи отстоял от границ таблицы. Забил это и в BODY и CLASS="STYLE" Но текст шевелиться не хочет. Внизу статьи подпись. Там отступы забиты в тег Р, и всё нормально. Но хотелось бы, чтобы все было автоматом ко всей статье. Заранее благодарен за советы

    Asked by beze,

    0 votes
    5 answers

  4. Доктайп

    Скажите пожалуйста в чем может быть дело? Вот доктайп <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> вставляю его в код получаеться так Убираю доктайп получаеться вот так ( как мне надо ) Вот код <!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>My Site</title> </head> <body background="fueller.jpg"> <table border="0" align="center" width="800" height="100%" cellspacing="0" cellpadding="0"> <tr> <td colspan=2 height="150…

    Asked by Enid,

    0 votes
    4 answers

  5. Автоопределение ширины колонки в таблице.

    Доброго времени всем. Скажите плиз, как отключить авто-определение ширины колонки в браузере IE-6,7? Т.к. Firefox,Opera не меняют ширину колонки установленную в 100px; а IE занимается произволом -) Заранее спасибо.

    Asked by SuperPuperLesha,

    0 votes
    3 answers

  6. всплывающее меню css

    Есть проблема с меню из нета. Когда я его делаю в таблице, то в IE верхнее sub меню перекрывает нижняя меню. Т.е. когда разкрывается меню первой строки таблицы оно не полностью видно! Я установил у меню второго уровня z-index в 10, все равно не работает. Хотя в Opere все нормально.. Как решать эту проблему? IE не понимает z-index? <html> <style type=text/css> body { font: normal 11px verdana; } ul { margin: 0; padding: 0; list-style: none; width: 150px; /* Width of Menu Items */ border-bottom: 1px solid #ccc; } ul li ul li{ position: relative; z-index=10; } ul li{ position: relative; } li ul { position: a…

    Asked by myth,

    0 votes
    2 answers

  7. Резиновый дизайн по вертикали с заголовком и подвалом

    Нужно сделать страницу с заголовком и подвалом в виде черной линии 10 пикселей. Я пробую сделать так <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN"> <HTML> <HEAD> <TITLE>Page</TITLE> <STYLE type="text/css"> BODY { margin: 0px; min-height: 100%; min-width: 100%; } .contentframe { background-color: #4c4c4c; min-height: 100%; min-width: 100%; margin: 0px; padding-bottom: 20px; padding-top: 20px; position: absolute; } .innercotent { background-color: #ffffff; } </STYLE> </HEAD> <BODY> <div class="contentframe"> <div class="innercotent"> Page text </div> </div> …

    Asked by Casufi,

    0 votes
    1 answer

  8. Резиновый input внутри резинового div'а

    Как растянуть input на 100% внутри div'a который в 25%. Если тупо задать 100%, растягивает страницу в ИЕ. <style> #kolonki {width:25%; display:block; float:left;} .poisk { background:white url(poisk.png) no-repeat scroll 6px 6px; border:1px solid #D1D6DF; color:#909090; float:right; font-family:Tahoma; font-size:13px; height:20px; outline-color:-moz-use-text-color; outline-style:none; outline-width:medium; padding:3px 0px 0px 22px; width:100%;} </style> <div id="kolonki"></div> <div id="kolonki"></div> <div id="kolonki"></div> <div id="kolonki"> <input class="poisk" /> </div>

    Asked by Избранный,

    0 votes
    1 answer

  9. Абсолютное позиционирование и Firefox

    Возникла проблема вставки баннера. По ширине сайт 1000px необходимо справо вставить баннер ( за пределами сайта) но на одном уровне. <div class="banner"><a href="http://адрес_сайта.ru/"><img src="/banner/Banner-230-100.gif"></a></div> <div class="container"> <table cellspacing="0" cellpadding="0" border="0" class="header"> <tr> .... а в css .banner { display:block; position: absolute; height:100; width:230; padding-left:1003px; } во всех браузерах проблем нету, только ФФ и Google Chrome почему-то перекрывает всю верхнюю часть на 100px (невозможно нажать на ссылки). Подскажите как пофиксить эту проблему. Или как по д…

    Asked by yyyurik,

    0 votes
    5 answers

  10. Единый блок <div> для всех станиц

    В CSS мы например делаем файл со всеми параметрами стилей file.css ( например) и ссылаемся на него со всех страниц. Таким образом меняя какой то параметр в этом файле, изменения происходят на всех страничках. Можно ли сделать, чтобы какой то блок <div> "лежал отдельно" как и файл CSS со стилями? Чтобы когда его редактируешь, менялся он и на остальных страницах.....Надеюсь вы меня поняли.

    Asked by LBM,

    0 votes
    3 answers

  11. Помогите плис новичку

    Ребят кароче такая проблема как сделать так чтоб картинки шли в один ряд т.е мне надо чтоб в однум ряду было 4 картинки во втором ряду было 4 картинки и т.д и еше один вопрос надо следать так: Картинка в маленьком разрешении нажимаешь на нее она становиться полностью открытой Простите за некоректность вопрос...

    Asked by 6apc1k,

    0 votes
    1 answer

  12. div в таблице

    Здравтсвуйте. есть таблица с background картинкой.. в таблицу внесены 2 div контейнера с картинками... при клике мышкой в любое место таблицы эти контейнеры выделяются... как это отменить это выделение? спасибо

    Asked by ach,

    0 votes
    7 answers

  13. Меню из списка

    Как грамотно сделать из списка <ul> верхнее главное меню, аналогичное такому, которое на http://htmlbook.ru?

    Asked by Kenshi45,

    0 votes
    1 answer

  14. bg no repeat не помогает...

    Доброго времени суток! проблемы собсна 2: 1-ая: при разрешении 1280х768 в колонке справа повторяется фон средней колонки. пытался описать колонки так : #row_left { width:10%; height:"650"; background:url(bg_left.JPG); background-repeat:no-repeat; } #row_main { width:80%; height:"650"; background:url(backg.jpg); background-repeat:no-repeat; } #row_right { width:10%; height:"650"; background:url(bg_right.JPG); background-repeat:no-repeat; } ничего не получилось. 2-ая - меню " На главную", " Карта сайта", "Контакты " только в IE расположено красиво. в фаере и опере увеличивается высота. ПРОШУ помощи! с меня ПИВО. ЗЫ: не судите строго - это моя первая верстка... если…

    Asked by Fioletov,

    0 votes
    7 answers

  15. Что такое st1:metricconverter?

    Нестандартный тег. И все же встречается. Откуда он возник?

    Asked by Ashotn,

    0 votes
    8 answers

  16. Разное отображение стилей в IE 7.0 и FF 3.0.7

    Уважаемые Гуру. Нужен Ваш совет. И так. Есть код CSS body {margin: 0px;} img {border: 0px;} BODY { FONT-SIZE: 11px; COLOR: #075273; FONT-FAMILY: Tahoma, Arial, Helvetica } TD { FONT-SIZE: 11px; FONT-FAMILY: Tahoma, 'Arial Cyr', 'MS Sans Serif' } A { FONT-SIZE: 11px; COLOR: #d7e5ec; TEXT-DECORATION: none} A:active {FONT-SIZE: 11px; COLOR: #d7e5ec; FONT-WEIGHT: normal; TEXT-DECORATION: none} A:visited {FONT-SIZE: 11px; COLOR: #d7e5ec; FONT-WEIGHT: normal; TEXT-DECORATION: none} A:hover {FONT-SIZE: 11px; COLOR: #3a92b3; FONT-WEIGHT: normal; TEXT-DECORATION: underline} /* Поле меню */ .menu { padding: 0; margin: 0; font: 8pt/11pt Tahoma, sans-serif; width: 180px;…

    Asked by BadBoy,

    0 votes
    7 answers

  17. Непонятное увеличение высоты

    <!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=UTF-8"> <style> HTML { height:100%; } BODY { margin:0px; padding:0px; height:100%; } #zagolovok { margin-top:100px; border:solid 1px #E3D884; } </style> </head> <body> <div id="zagolovok">Заголовок</div> </body> </html> В ИЕ всё работает понятно для меня, в мазиле и опере же способ работы данного кода для меня не понят…

    Asked by Колос,

    0 votes
    11 answers

  18. Как прикртить к нему?

    $output .= "include 'ban1.php'"; Мне надо его прикрутить именно между $output .= "тут" я незнаю как?

    Asked by angelShlesser,

    0 votes
    4 answers

  19. Позиционирование футтера

    Помогите пожалуйста разобраться! Проблема возникла с позиционированием футтера. При уменьшении окна браузера по вертикали футтер "наезжает" на контент. Как избавиться от этого и сделать так чтоб он останавливался перед последним блоком? саму страничку можно найти на http://outfoxer.ua.elro.com/yoga/ball/index.html заранее спасибо.

    Asked by Yoga,

    0 votes
    2 answers

  20. В ie8 вылазит горизонтальная прокрутка

    Брал за основу инфо с статьи http://www.zakharov.ms/footer/ и позиционирование. #page-all { left: 50%; margin: 0 0 -160px -485px; min-height: 100%; position: relative; width: 970px; } * html #page-all { height: 100%; } #page-empty { clear: both; height: 160px; } #page-footer { height: 160px; left: 50%; margin: 0 0 0 -485px; position: relative; width: 970px; } В ie8 вылазит горизонтальная прокрутка. Помогите, пожалуйста. Заранее благодарен.

    Asked by Mr.Smith,

    0 votes
    4 answers

  21. IFRAME и border

    Есть таблицы шириной 100% и рамкой, заданной с помощью CSS. Под таблицей вставлен IFRAME. Для фрейма также с помощью CSS установлена граница. <table cellpadding="0" cellspacing="0" width="100%" style="border: 1px black solid; border-bottom-style:none"> <tr><td>content</td></tr> </table> <iframe width="100%" frameborder="0" style="border: 1px black solid"></iframe> По идее таблица и фрейм должны быть одинаковой ширины, но на практике фрейм, за счет границы, шире на 2 пиксела. Пробовал сделать так: <table cellpadding="0" cellspacing="0" width="100%" style="border: 1px black solid"> <tr><td> <table cellp…

    Asked by ZooY,

    0 votes
    1 answer

  22. DIV

    у меня вопрос, можно ли задавать координаты размещения слоя от какой либо картинки, а то у меня при разрешене больше чем 1024х768 таблица с картинками центруется а слои остаются на местя(и выглядит все так что слоиуходят в бок) вот html: <html> <head> <title>Don't panic</title> <meta http-equiv="content-type" content="text/html; charset=windows-1251"> <link rel="stylesheet" type="text/css" href="css/style.css"> <link rel="stylesheet" type="text/css" href="css/buttons.css" > </head> <body> <div style="position: absolute; display:block; width: 549px; height: 474px; z-index: 2; left: 244px; top: 285px" id="history"…

    Asked by Noks,

    0 votes
    3 answers

  23. Как семантично оформить цитату?

    Просто, есть два тега, один - <cite> -для цитаты, а другой <blockquote> - но у него есть утрибут cite для обозначения источника сообщения. Хотя вроде как оба тега правильные, но всеже интересна мне такая тонкость...

    Asked by Razor,

    0 votes
    1 answer

  24. Фоновый цвет gif-анимации

    Нашел коллекцию (loadinfo.net) иконок, предназначенных для обозначения процесса загрузки. Видать, кто-то постарался, налепил анимаций на любой вкус. Но плохо то, что когда вставляешь их иконку в свой сайт, она выглядит, как черный квадрат, то есть фон иконки не прозрачный. И вот я озадачился: эти иконки предназнаы для размещения в черных html-блоках или существует простой способ сделать их фон прозрачным, а я об этом ни чего не знаю?

    Asked by freeneutron,

    0 votes
    2 answers

  25. доктайп и js, как подружить?

    имеется следующий код, на замену iframe: <script type="text/javascript"> function addLoadEvent(func) { var oldonload = window.onload; if (typeof window.onload != 'function') { window.onload = func; } else { window.onload = function() { if (oldonload) { oldonload(); } func(); } } } addLoadEvent(function() { showPage1(); }); var baseUrl = ""; function showPage1 () { showPage (document.getElementById ("indexx.html")); } function showPage(el) { var div = document.getElementById("textDiv"); page = baseUrl + el.id; div.innerHTML = "<iframe src ='" + page +"' width='100%' height='100%' scrolling='auto'>"; } </script> продолжение:…

    Asked by xameleon,

    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