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

    Здрасьте, а почему когда я ставлю padding-bottom10px в файрфоксе отступ гораздо меньше чем в ослике? Это можно как-то решить?

    Asked by Sayitright,

    0 votes
    3 answers

  2. Форматирование текста в textarea

    Привет всем! У меня есть текст с форматированием в HTML. Его нужно вывести в textarea, но сохранить при этом форматирование(например что-то зажирнено, что-то другим цветом выделено). Это реально, если да, то как? Как вообще в textarea выделить болдом текст или скажем поменять цвет? В гугле ничего толкового не нашёл(htmlentities - пробовал, может быть руки не оттуда, но не помогло) Заранее спасибо!

    Asked by pivkos,

    0 votes
    8 answers

  3. overflow:auto и высота 32767px

    Понадобилось вывести блок с текстом, который имел бы свойство overflow:auto, но скроллился бы только по ширине. Сделал блок с заданной шириной, не заданной высотой и overflow:auto. Всё хорошо, но как только размер выводимых данных превышает 32767px по высоте, то дальше данные перестают отображаться, хотя, скажем если там есть ссылки, то нах можно навести и кликнуть, где то в белом пустом поле. То есть блок тянется на нужную высоту, но ничего не отображает. Баг есть в браузерах FF до версии 3,6, всех версий Opera и IE до 8го. Кто нить знает, как это можно исправить, не прибегая к органичению высоты блока?

    Asked by ddvhouse,

    0 votes
    5 answers

  4. Ширина DIV по ширине внутренних блоков

    Вопрос наверное глупый, но всё же... Есть DIV заданной ширины, внутри него есть DIV контейнер, внутри контейнер располагается некоторое число блоков (неизвестное) заданной ширины. Задача: сделать контейнер равный ширине содержащихся внутри него блоков (включая margin и padding), проще говоря, нужно растянуть контейнер горизонтально по содержимому, которым являются блоки фиксированной ширины. В реальности нужно для следующего. Галерея. Cписок картинок. Если вход выполнен под суперюзером, под картинками появляется блок управления из иконок (иконки выполнены как <a href="" style="display: block; width:20px; height: 20px; background: transparent url('img/icon.gif') 0 -100;…

    Asked by AKyHuH,

    0 votes
    55 answers

  5. DIV должен вылезать поверх всего

    Задача: DIV, размещенный в определенном месте в коде, должен оставаться привязанным к этому месту, но его размер должен быть такой, какой мне нужно, и если нужно - поверх всего остального. Также его фон должен быть прозрачным. Если он залезает на блок с другим фоном, должен быть виден тот, другой фон, а текст нашего DIVa должен быть поверх всего. И еще одна задача: <body> <div class="..." width="50%"> <ТЕГ>... </div> DIV здесь настроен так что остается по центру, и при изменении размеров окна браузера, как известно, тоже. Нужно чтобы ТЕГ был зафиксирован в определенных координатах относительно родительского элемента (DIVa) а в остальном обладал вс…

    Asked by aruru,

    0 votes
    1 answer

  6. 3-х колоночный макет

    Делаю верстку по этому примеру. Во всех браузерах работает нормально но вот в IE6 замечены такие ошибки: если в блоке «Content» находится элемент на всю ширину блока (было замеченно для <table width="100%"> и <textarea> c ,большим cols, который растягивает элемент на ширину большую чем сам блок), то центральный блок смещается относительно левого по вертикали т.е. визуально центральный блок начинается там где кончается левый, а правый смещается относительно центрального примерно так: левый блок центральный блок правый блок Что с этим делать, ума не приложу, все уже перепробывал ... ничего не помогает. Временно решил проблему так: <table w…

    Asked by folibis,

    0 votes
    0 answers

  7. Нужно как то зачудить что бы тянулся блок

    При добавлении текста нужно что бы он тянулся по вертикали! Фон и маркер справа в фотошопе сделаны одним слоем. Я придумал способ, о тогда нужно как то три бекграунда рвзмесить для одного элемента, типа вырезать верхнюю половину, поцентру один пиксель для повторений, и нижнюю половину. Но как это воплотить в жизнь в html не могу сообразить! Как бы его правильно совместить?! Наперед спс!

    Asked by Spidey,

    0 votes
    8 answers

  8. z-index не работает.

    Попробую описать всё объективно. Делаю школьный сайт(попросила одна знакомая учительница) В общем с html когдато разбирался полностью, но вот до css очередь тогда так и не дошла, сейчас вот начал учить. Вроде бы всё просто, но почему-то нихрена не получаеться web page maker делает такой код: <div id="image1" style="position: relative; overflow:auto; left:0px; top:0px; width:798px; height:858px; z-index:0"><img src="images/back(css).jpg" alt="" border=0 width=798 height=6></div> <div id="image2" style="position:absolute; overflow:hidden; left:0px; top:12px; width:771px; height:242px; z-index:1"><img src="images/Шапка.png" alt="" border=0 wi…

    Asked by Dr.AvataROCK,

    0 votes
    23 answers

  9. Флеш часы на сайт

    Ребят всем здрасте У меня такй вопрос, есть сайт визитка на её нуно вставить флеш часики.. Фон для сайта у меня картинка, на этот фон нужно поставить флеш часики, я начинающий код етот взял с htmlbookа, как бы я не старался флеш часики появляются после фона внизу страници... В общем они некоректтно идут вообще.... Жду ответов

    Asked by darg,

    0 votes
    9 answers

  10. Проблемы с IE div верстка

    Графическое меню равняется с концом текста блока с контентом то есть уезжает вниз. В опере все нормально в мазиле тоже. Косяк только в IE. Подскажите что делать? Убил кучу времени и так не нашел решения проблемы. Вот код: <body> <center> <div class="car"> <div id="head"></div> <div id="cont"></div> <div id="menu"> <br/> <a href="index.php"><img src="themes/img/1.jpg" alt="Главная"/></a><br/><br/> <a href="cena.php"><img src="themes/img/2.jpg" alt="Цены"/></a><br/><br/> <a href="klient.php"><img src="themes/img/3.jpg" alt="Наши клиенты"/></a>…

    Asked by torss27,

    0 votes
    2 answers

  11. Всплывающая картинка при наведении на ссылку.

    Добрый день. Пытаюсь реализовать интересное меню. В коде хтмл прописал такое значит: <ol> <li><a href=#" title="#">#</a></li> <li><a href="#" title="#">#</a></li> <li><a href="#" title="#">#</a></li> <li><a href="#" title="#">#</a></li> </ol> Задумка такая - при наведении на ссылку, справа появляется картинка 1, при наведении на вторую ссылку появляется другая картинка 2, на третью - ещё другая картинка. Гуглил, нашёл ява и флеш, а вот css видимо тяжёлая штука.

    Asked by Faran,

    0 votes
    25 answers

  12. Как задать свойства границ у ячеек таблицы?

    У таблицы свойство: style='border:1px solid #cccccc;' Но эти свойства задают только внешний контур таблице, а как такой же задать и ячейкам?

    Asked by kinomuza,

    0 votes
    2 answers

  13. смещение дивов... относитильно бекграунда

    вот есть мой не доделанный сайт http://www.talisman-dancing.ru если нажать на ссылку "Главаня" и "Контакты" вроде все оке. а если перейти на "Галерею" и "текст" то сайт смещается куда то в лево. от чего это может быть. Движок сайта modx. Все является шаблоном кроме содержимого прозрачного контейнира.

    Asked by sh1va,

    0 votes
    5 answers

  14. неполучается опустить вниз div

    Здравствуйте! Как можно второй внутренний div поместить вниз родительского ? <div style="width: 500px; padding: 5px; height: 450px; border: 1px solid black;"> <div style="width: 100%; padding: 5px; background: green;"> 12345 </div> <div style="width: 100%; padding: 5px; height: 50px; background: green; vertical-align: bottom;"> 67890 </div> </div> Первый внутренний див так и должен висеть вверху. А второй мне нужно чтобы постоянно висел внизу, даже если первый див будет расширятся по вертикали. vertical-align: bottom не помогает. И еще вопрос: почему внутренние дивы вылазят за пределы родительского?

    Asked by sergiyko,

    0 votes
    11 answers

  15. помогите разобраться

    у миня такая проблема как сделать в css чтобы цвет границы отображался не только в отдельной ячеики а полностью во всей таблице! как было раньше в теге bordercolor... вот пример <table width="90%" border="1" cellspacing="0" cellpadding="0" align="center" class="table"> <tr height="50"> <td width="30%"> </td> <td width="60%"> </td> </tr> <tr height="50"> <td width="30%"> </td> <td width="60%"> </td> </tr> <tr height="50"> <td width="30%"> </td> <td width="60%"> </td> </tr> <tr height="50"> <td width="30%"> …

    Asked by Boriss,

    0 votes
    4 answers

  16. Резиновая ячейка в таблице

    Здравствуйте. Пытаюсь сверстать меню. Столкнулся с проблемой: ни в какую не хочет растягиваться под нужную высоту ячейка под номером 2 (см. скрин). Высота верхней и нижней ячеек жестко заданы. и содержат градиентный фон. Вторая ячейка просто залита цветом (в данном случае красным). Как можно заставить ее растянуться до необходимой высоты? (на скрине она растянута вручную а так получает высоту 0) HTML & CSS: <div id="navigation"> <table cellpadding="0" cellspacing="0"> <tr> <td rowspan="3"> NAV HERE<br /> NAV HERE<br /> NAV HERE<br /> NAV HERE<br /> NAV HERE<br /> NAV HERE<br /> NAV …

    Asked by bFree,

    0 votes
    11 answers

  17. пересечение слоев. как исправить?

    В дримвейвере у меня все выглядит атк как нужно. А на сайте все иначе есть 2 слоя. "textbody" - рамка слоя "text". И если в "text" написать длинный текст то рамка "textbody" остаеться на месте вместо того что бы вытягиватся по длине текста. .textbody{ border-style:solid; border-color:#000; border-width:1px; width: 800px; background:url(pic/bgr.png); padding: 10px 20px; margin:0 auto; min-height:480px; } .text{ font:Verdana, Geneva, sans-serif; font-size:18px; color:#000; margin:0 auto; padding:10px 10px; text-align:left; }

    Asked by sh1va,

    0 votes
    6 answers

  18. div не обтекает картинку в IE 6

    Сложилась такая проблема: Мы имеем картинку размером 340x105 px, и теперь нам надо всунуть её в div, да так чтобы он ее полностью обтекал. Для этого: <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title> main </title> <style type="text/css"> body { margin: 0; padding: 0; border: 0; } /* Данный блок тех же размеров что и изображение */ #header { width: 340px; height: 105px; background-color: red; } </style> </head> <body> <div id="header"> <img src="logotype.gif" width="340" height="105"> </div> </body> </html> Во всех остальных…

    Asked by stolker,

    0 votes
    2 answers

  19. Обрамить картинку картинкой-рамкой справа и снизу

    Добрый день! Вот мучаюсь уже день, оешения не могу найти. Помогите пожалуйста. Задача следующая. Есть картинка известной ширины (300 пикселей), но неизвестной высоты (высота может быть разной). Необходимо обрамить ее справа и снизу рамкой-картинкой. Эта рамка-картинка разбита на пять частей: правая верхняя, правая, правый нижний угол, нижняя левая, нижняя. Пытаюсь это сделать с помощью таблицы и распихать куски рамки бекграундами. <table cellpadding='0' cellspacing='0' border='0' width='307'> <tr> <td rowspan='2' colspan='2' width='300'> <img src='images/dish/IMG_0553.jpg' width='300'> </td><td width='7' height='7' backgrou…

    Asked by Defender,

    0 votes
    1 answer

  20. Баги с сылкой в ИЕ6, ИЕ7

    есть код: <a href="#" title=""> <span style="float:left;"> <img src="#" width="60" height="45" alt="" title="" /> </span> </a> Мне необходимо чтоб картинка была обернута в плавающий спан. Но при плавающем спане в ИЕ6, ИЕ7 ссылка не кликабельна. Какие есть идеи?

    Asked by Postal,

    0 votes
    12 answers

  21. изображение

    Що потрібно зробити щоб зображення було біля самого краю

    Asked by Yaroslav007,

    0 votes
    10 answers

  22. Проблемы с div

    Вот начитался статей про div и понял что пора бы уходить с тейблов))) Возникла небольшая проблемка, не могу растянуть div внутри другого diva.. в общем вот код.. Вот код шаблона (сайт на жумле будет): <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru" lang="ru"> <head> <title>Trying to use CSS</title> <link rel="stylesheet" href="style.css" type="text/css" /> </head> <body> <div id="header">HEADER</div> <div id="tmenulimg"></div> <div id="tmenu">Top Menu must be there</div> <div id="search"> <div id="tmenurimg"></div> <div id="tmenufind">Search module must be th…

    Asked by Ramone,

    0 votes
    2 answers

  23. Кириллический аналог шрифта Neropol

    Собственно может кто знает такой шрифт? Уже запарился гуглить и смотреть каталоги шрифтов, пусто. На одном двиге видел некий аналог киррилического нейропол....вроде не совсем то, но все же....

    Asked by gesandte,

    0 votes
    1 answer

  24. Кто может помогите

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

    Asked by Painkiller,

    0 votes
    5 answers

  25. Вложенный див растягивает родительский див вправо.

    Всем привет. Прошу вашей помощи, как говориться одна голова хорошо, а много лучше. И так, описание проблемы дальше. 1. Дизайнер сделал фиксированный макет с одной колонкой. Колонка 1000px. Выставлена по середине. Проблем нет, сделал. Колонку выровнял margin:0 auto; 2. Дизайнер попросил добавить фоновый рисунок повторяющийся до бесконечности к боковым колонкам(пустое место справа и слева от колонки) при разрешении более 1024 по горизонтали. Проблем нет, сделал. К body background-image прикрепил. 3. Дизайнер попросил сделать как показанно на схеме: То есть при разрешении 1024 * 768 фоновые изображения не должны отображаться. При увеличении разрешения фоновые изображения д…

    Asked by pizzZ,

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