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. DIV должен вылезать поверх всего

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

    Asked by aruru,

    0 votes
    1 answer

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

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

    Asked by folibis,

    0 votes
    0 answers

  3. Как посмотреть стиль поля через FireBug?

    Уж простите за ламерский вопрос, реально не догоняю. У меня на сайте есть поле, в него вложено изображение. Вопрос: как через FireBug посмотреть CSS стиль этого поля? Т.е. мне нужно узнать только название этого стиля, дальше я уже сам справлюсь. Нажал на поле правой кнопкой мыши, выбрал "Анализировать элемент". А что дальше?

    Asked by VasyOK{!},

    0 votes
    4 answers

  4. Блок "Полезный софт"

    Изначально делал блок с полезным софтом, сделал таблицу, открыл tr, td, запихнул иконки программ (только что сделанные в фш ) закрыл td, открыл td, напихал ссылок на софт и тут начались проблемы.....то между изображениями расстояние в 1px, то текст весь идёт по центру (снизу вверх) и уходит вправо, то вообще сайт слетает, прошу мне помочь.... хДД В общем пришёл я к тому, что решил сделать этот полезный софт изображениями, точнее ссылки на софт, так вот теперь изображения не показываются, прошу покавыряться в моём коде... /* Soft */ .allsoft {border:1px solid #000;border-top:0;background-color:#1b1b1b;width:200px;height:320px;} .allsoft a:link,.allsoft a:visited,.allsoft…

    Asked by LeoBit,

    0 votes
    15 answers

  5. Проблемы с 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

  6. Баги с сылкой в ИЕ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

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

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

    Asked by kinomuza,

    0 votes
    2 answers

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

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

    Asked by sh1va,

    0 votes
    5 answers

  9. неполучается опустить вниз 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

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

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

    Asked by Yaroslav007,

    0 votes
    10 answers

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

    В дримвейвере у меня все выглядит атк как нужно. А на сайте все иначе есть 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

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

    Здравствуйте. Пытаюсь сверстать меню. Столкнулся с проблемой: ни в какую не хочет растягиваться под нужную высоту ячейка под номером 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

  13. Проблемы с 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

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

    у миня такая проблема как сделать в 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

  15. UTF-8 проблемы

    Здраствуйте. Помогите пожалуйста,на странице стоит кодировка UTF-8 как обычно,но на виртуальном хостинге не работают. <?xml version='1.0' encoding='utf-8' ?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html xmlns='http://www.w3.org/1999/xhtml' xml:lang="ru"> <head> <title>LiFe ServeR</title> <script type='text/javascript' src='Template/e1070000.js'></script> <script type='text/javascript' src='Template/sleight_.js'></script> <link rel='stylesheet' href='Template/style000.css' type='text/css' media='all' /> <link rel='stylesheet' href='Template/e1070…

    Asked by unsektor,

    0 votes
    3 answers

  16. прошу помощи в оформлении

    парни, . в IE нормально 500px, а в firefox вылезает. шо делать? html://face00.narod.ru я имею в виду меню face000.narod.ru

    Asked by face2005,

    0 votes
    2 answers

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

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

    Добрый день! Вот мучаюсь уже день, оешения не могу найти. Помогите пожалуйста. Задача следующая. Есть картинка известной ширины (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

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

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

    Asked by pizzZ,

    0 votes
    15 answers

  20. Реализация раскрывающегося меню

    Обновляю свой сайт и хотел бы сделать меню, подобное www.toyota.senkai.ru. Там при нажатии на кнопку Навигация-GPS меню раскрывается, при повторном нажатии - сворачивается. Возможно ли это сделать без использования js? Попытка заняться плагиатом (то есть использовать код с этого сайта) закончилась безрезультатно. Меню у меня получается только в развернутом виде. Если же использование скриптов необходимо, то подскажите, где об этом можно почитать.

    Asked by kservice,

    0 votes
    4 answers

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

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

    Asked by Painkiller,

    0 votes
    5 answers

  22. Блоки в две колонки

    Есть ли какая либо возможность забить блоками два "стакана" равных по высоте? Блоки имеют изначально равную ширину, но разную высоту, которая изначально не известна. Количество блоков также может меняться.

    Asked by BIOHAZARD,

    0 votes
    1 answer

  23. Редактирование длиново текста

    Написал длиний текст, и когда начинаю его редактироват: болд, италик и т.д. нажимая на кнопки, он все время "отпригивает" на начало текста, и потом надо искать где остановился в етом тексте и продолжить. И так всё время он "пригает", можно льи поставит какой-то скрипт в сss или где то ешо, или некак?

    Asked by Gatekeeper,

    0 votes
    6 answers

  24. Вертикальное выравнивание по центру

    Есть div. в нем картинка. нужно сделать что бы эта картинка была по центру дива в котором она находится. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>vo4tap</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="Keywords" content="vo4tap" /> <style type="text/css"> html, body {pading:0; margin:0; background-color:#000000; height:100%; position:relative; } img {border:0;} #all {min-height:100%; text-align:center; background:#f2ddc6;} </style> </head> <b…

    Asked by vo4tap,

    0 votes
    25 answers

  25. Div внутри другого div'a

    Есть одна задача, которую никак не могу решить. Нужно внутри одного дива в правом верхнем углу зафиксировать другой див. Можно было бы второй див поместить в первый и задать ему абсолютное позиционирование и значение левого поля: position: absolute; padding-left: вот только ширина первого дива задается в процентах и поэтому сколько отступать не понятно. Как лучше всего поступить?

    Asked by bodnar,

    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