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. 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

  2. В 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

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

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

    Asked by Yoga,

    0 votes
    2 answers

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

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

    Asked by angelShlesser,

    0 votes
    4 answers

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

    <!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

  6. Разное отображение стилей в 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

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

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

    Asked by Ashotn,

    0 votes
    8 answers

  8. 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

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

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

    Asked by Kenshi45,

    0 votes
    1 answer

  10. div в таблице

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

    Asked by ach,

    0 votes
    7 answers

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

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

    Asked by 6apc1k,

    0 votes
    1 answer

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

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

    Asked by LBM,

    0 votes
    3 answers

  13. Абсолютное позиционирование и 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

  14. Резиновый 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

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

    Нужно сделать страницу с заголовком и подвалом в виде черной линии 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

  16. всплывающее меню 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

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

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

    Asked by SuperPuperLesha,

    0 votes
    3 answers

  18. Доктайп

    Скажите пожалуйста в чем может быть дело? Вот доктайп <!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

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

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

    Asked by beze,

    0 votes
    5 answers

  20. в 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

  21. Проблема с таблицей

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

    Asked by Sagara,

    0 votes
    10 answers

  22. Табличное меню

    Добрый день. Собственно такой вопрос Макет меню предусматривает "табличный" вид меню (ниже на картинке). сайт мейкаю друпалом, код меню таков <?php if (isset($primary_links)) : ?> <?php print theme('links', $primary_links, array('class' => 'links primary-links')) ?> <?php endif; ?> заранее спасибо.

    Asked by dnepr,

    0 votes
    1 answer

  23. Множественный DTD - где проблема?

    Пытаюсь добавить в стандартное DTD для XHTML1.1 определение общей сущности &footer; Есть DTD в файле DTDTest.dtd: <!ENTITY footer '<hr size="1" noshade="true" /> <font CLASS="footer"> <a href="index.html">Домашная страница O'Reilly </a> | <a href="sales/bookstores/">Книжные магазины O'Reilly</a> | <a href="order_new/">Как сделать заказ</a> | <a href="oreilly/contact.html">Контакты в O'Reilly </a><br/> <a href="http://international.oreilly.com/">Международная информация</a> | <a href="oreilly/about.html">О O'Reilly</a> | <a href="affiliates.html">Сотрудничающие ко…

    Asked by Webr,

    0 votes
    0 answers

  24. проблема с Меню и блоками в FF и опере

    левый и правый блоки в опере 9.27 сильно смещены относительно нужного положения вправо а центральное выпадающее меню в FF уехало вообще непонятно куда (где то сбоку и справа).. относительно оперы ситуация непонятная. На локали у меня все выглядит нормально, а как только программер сливает их на сервер всё выглядит ужасно В общем косяков там хватает, но устранить хотелось бы для начала самые ужасные http://plus-strahovanie.ru/ не знаю нужен ли весь код но выложу все таки целиком, заранее спасибо /* CSS Document */ html { height: 100%; } body { height: 100%; margin: 0px 0px 0px 0px; background-color:#FFFFFF; color: #000000; } .clr { clear: both; } #logo { backgr…

    Asked by RobotWerder,

    0 votes
    0 answers

  25. Перевод строк

    Добрый день! Как узнать о переносах строк? Ситуация такая: Есть <div>слово1 слово2 слово3 слово4 слово5</div>. Если сжать ширину у div, то, например, получим: <div>слово1 слово2 слово3 слово4 слово5</div> Как определить, что слово3 и слово5 перенесены? Подскажите пожалуйста!

    Asked by Dimver,

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