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. Firefox, высота таблицы и размер содержимого

    Добрый день! Есть таблица, в которой 1 строка произвольной высоты. Все остальные - фиксированные. В ячейке этой строки находится дивка. У неё может быть произвольное содержимое и надо, чтобы появлялись полосы прокрутки. Всё работает в ие6, опере, хроме. Но фф просто растягивает таблицу так, чтоб уместить всю дивку в ней, полосы прокрутки появляются тлько если фиксировать её размер (а надо, чтоб она была на всю ячейку, т.к. у ячейки может быть произвольная высота). по коду получается так: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <meta http-equiv="content-type" content="text/html; charset=windows-1251"> <title…

    Asked by prichvm,

    0 votes
    16 answers

  2. Шрифты по разному выглядят в разных браузерах

    Почему так ? можно ли это как то исправить? вот пример

    Asked by Frie,

    0 votes
    3 answers

  3. проблемы верстки в chrome

    Здравствуйте. Возникла проблема верстки для chrome. сайт www.school66.ru. В Опере, ФФ, ИЕ отображается нормально, а в Хроме блок #middle (центральный с контентом) иногда размещается ниже блоков #right (правое меню) и #left (левое меню) с обтеканием. Это бывает не всегда, гдето в 50% случаев. Кроме того, если изменить размер окна, то блок встает на свое место. Такое бывает, когда обтекающий элемент не влазит по ширине, тогда он распологается ниже обтекаемого, но у #middle не задан width а только margin-left и margin-right и они больше ширины соответствующих блоков.

    Asked by alzasr,

    0 votes
    2 answers

  4. Убрать перенос у таблицы

    Есть несколько баннеров,которые идут в одну строчку.Один баннер сделан из таблицы,поэтому перескакивает на следующую строчку.Как сделать,чтоб работало нормально.

    Asked by user,

    0 votes
    5 answers

  5. Позиционирование в контейнере

    Приветствую, уважаемые! Есть несколько вложенных дивов, схематично выглядит так: <body> ... <div class="content"> <div class="sub_xontent"> <div style="float:right; width: 200px;">; ... </div> <div style="margin-right: 200px;"> ... </div> </div> </div> </body> у контейнеров оверфлоу:хидден и есть свои маргины и паддинги... проблема в следующем, блок, который флоэт райт выходит за границу своего контейнера и правый край получается слегка обрезанным... из-за чего такое может происходить?

    Asked by AKyHuH,

    0 votes
    4 answers

  6. тег DIV

    Вобщем хочу создать сайт но не знаю как делать верстку с div а таблицей делать не хотелось бы!

    Asked by silence_0013,

    0 votes
    1 answer

  7. Пара вопростов по css

    1. css не наследуется, но стили можно складывать? Есть такие заголовки: <div class="header_bg" ><div class="header_news" ></div></div> <div class="header_bg" ><div class="header_tyres" ></div></div> <div class="header_bg" ><div class="header_disk" ></div></div> такие css: .header_bg{ float:none; width:100%; height:38px; margin: 0px; padding: 0px; background-color:#4a84c3; } .header_news{ float:none; width:100%; height:38px; background-position: right top; background-image: url(../img/header_news.jpg); background-repeat: no-repeat; } .header_tyres{ float:none; width:100%; height:38px; background-positi…

    Asked by severum,

    0 votes
    8 answers

  8. Вставка Flash в HTML

    Приветствую. По некоторым причинам стандартный способ, сгенерированный Adobe Flash, не подходит для вставки в HTML. Подскажите, пожалуйста, код который не нуждается в скрипте. Спасибо.

    Asked by klierik,

    0 votes
    15 answers

  9. растянуть ячейку по высоте во вложенной таблице. Не работает в опере

    Есть таблица. В ней две ячейки td. В первой вторая таблица, во второй ячейки контекст, который может изменяться, от этого изменяется высота и первой ячейки. Во второй таблице две строки. Вторая строка растягивается в зависимости от содержания (там картинка, которая растягивается) Работает нормально в фф3.5 и ие8. Но в опере картинка первоначального размера (в виде точки) <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html> <head> <title>test 3 </title> </head> <body> <form> <table > <tbody> <tr style="height:100%;"> <td style="height: 1…

    Asked by AlexeyT57,

    0 votes
    4 answers

  10. CSS! Помогите кто знает!

    Народ, создал сайт на div (слоях), просматриваю в Опере 10 все нормально, а в ИЕ 8 (меню и текст по центру экрана уезжает немного в сторону) , если же меняю размер под ИЕ, то в Опере получается сдвиг! Вот ссылка на сайт http://kartodel.orgfree.com/testovik.html . В CSS (вот ссылка http://kartodel.orgfree.com/style.css) оставил только размеры меню и цветовые изменения ссылок. Уже несколько дней парюсь, в чем может быть дело. Подскажите кто знает, очень нужно.

    Asked by Shumik,

    0 votes
    6 answers

  11. Подгон высоты нескольких колонок под наибольшую по высоте колонку

    Есть задача, подогнать средствами CSS высоту всех колонок к наибольшей высоте какой-либо из этих колонок. Зачем нужно? Требуется обордюрить со всех сторон каждую колонку, из-за различной высоты получаются различные прямоугольные боксы, а хочется привести к общему знаменателю.

    Asked by rscout,

    0 votes
    2 answers

  12. html

    Подскажите што такое происходит.задал цвет и т.д. тексту он находится в div,перед ним еще один div,когда я его убераю цвет и остальное меняется в другом div. Ставлю обратно.все опять работает.

    Asked by Энди,

    0 votes
    17 answers

  13. A:visited для <li><a ...>....</a></li>

    Когда я захожу по одной из ссылок в меню, сделанного на основе списка: <div id="menu"> <ul> <li><a href="#">уууууу</a></li> <li><a href="#">уууууууууу</a></li> <li><a href="#">уууууууууууууууу</a></li> <li><a href="#">ууу</a></li> </div> то все разделы этого меню, меняют свой цвет на a: visited, но мне нужно, чтобы цвет меняла лишь та ссылка, на по которой я заходил и только. Как можно это обойти? Это что св-во UL такое?

    Asked by ardjuna,

    0 votes
    7 answers

  14. Пустое место

    Уважаемые! Столкнулся с данной проблемой... есть картинка в диве и текст , при наложении текста на картинку остается пустое место там где текст появился изначально и на это место положить можно ток позиционированием. Основная проблема в том что бэграунд (картинка на весь контент) растягивается ровно на столько сколько занимает текст. Надеюсь я изложил все так как надо помогите советами. Буду очень признателен!

    Asked by FlashVik,

    0 votes
    12 answers

  15. Не работает <map> в XHTML 1.1

    Потребовалось сделать карту-изображение... вот код: <img src="images/header.gif" width="999" height="222" alt="" usemap="#header_map" /> <map name="header_map"> <area shape="rect" coords="78,45,312,119" href="#" alt="" /> <area shape="poly" coords="670,87,719,78,727,123,677,130" href="#" alt="" /> <area shape="poly" coords="776,124,818,152,793,189,751,160" href="#" alt="" /> <area shape="poly" coords="834,52,885,61,878,105,828,96" href="#" alt="" /> </map> Так как использую XHTML 1.1, то код в этом виде не проходит валидацию. Для валидации убираю "#" из usemap и меняю "name" на id, как это требует стандарт. Результат: ни в одном …

    Asked by RulezZz,

    0 votes
    5 answers

  16. Общая полоса прокрутки для 3х фреймов

    Есть 3 фрейма(столбцы). Как сделать одну полосу вертикальной прокрутки? Привязать их друг к другу так сказать... и было бы круто, если бы эта полоса была справа. Заранее спасибо.

    Asked by neon-w,

    0 votes
    3 answers

  17. наследование

    <div class="akc"> <img src="img/ql.png"> <h1>титл</h1> <p>содержание параграфа </p> </div> <div class="akc"> <h1>титл</h1> <p> содержание параграфа</p> </div> не совсем понтяно следущее - описал вариант когда в диве есть картинка, можно ли описать P-параграф для случая если картинки нет

    Asked by mafinok,

    0 votes
    9 answers

  18. Колоночные макеты

    Сразу ссылку на проблему: http://tarik.kasperovich.ru/test/index.html Имеем макет, колонки построены с помощью 'float'. Если в основной колонке (в моём случае - в жёлтой) заюзать свойство 'clear' - очистит до самой длинной из "отфлоченых" (на макете прекрасно все видно). Собственно вопрос: какие вы знаете способы решения данной проблемы? Нужно, чтобы 'clear' работал только в своей колонке. Боковые колонки известной ширины - все остальное занимает центральная. На всю оставшуюся ширину, а не в зависимости от контента. P.S. В гугле был, но толкового решения так и не нашёл. P.P.S. overflow: hidden; - не подходит, т.к. хотелось бы иметь возможность выхода поверх центрального б…

    Asked by DjTarik,

    0 votes
    16 answers

  19. Некорректная высота ячейки в IE

    Ну собственно вопрос в названии темы. Чтобы было более наглядно - http://mak-rm.com/cars/ В фоксе все идеально. Почему ИЕ делает высоты у строк по своим законам?

    Asked by NeoZ,

    0 votes
    10 answers

  20. Hover

    Доброе время суток. Неравно решил попробовать себя в изучении создания сайтов Решил сделать панельку вверху сайта, типо меню: в фотошопе сделал фон в виде градиента написал там разные буковки для обозначения мест выплываюших меню... которые в последствии хочу ссделать с помошью visibility. Первым делом сделал блок под размер фоновой картинки размером 1100х160. Далее в этом блоке сделал еше один для того чтобьы отметить участок первого слова (ну для выплываюшего меню). А тут начались проблемы: идея была в том что при наведении мышки на этот блок будет изменятся его фон точнее картинка тем самым как бы подсвечивая первоначалюную надпись на панели, это я хотел сделать с …

    Asked by clakson,

    0 votes
    27 answers

  21. Проблема с IE 8.

    Когда я вставляю этот код: <td><a href="/forum/51" ><img src="images/head_10.gif" width="70" height="58" alt="" ></a></td> В Опере картинка не выделяется синей рамкой. А в IE 8 выделяестя.Что делать?

    Asked by Owen,

    0 votes
    5 answers

  22. Ccылка на другую html страницу

    Подскажите такую туку. Есть главная страница index.html с обычным кодом: <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title></title> </head> <body> <table> <tr> <td> ... </td> </tr> </table> </body> </html> И есть страница з формой напр. form.html c кодом: <form name="form" id="form"> <select name="oblast" id="oblast"\> <option>AР Крим</option> <option>Волинська</option> <option>...</option> </select> </form> Как подвязать код из страницы form.html, чтобы не вводить…

    Asked by Alex&R,

    0 votes
    1 answer

  23. CSS

    Подскажите пожалуйста. А можно создать несколько каскадных таблиц стиля?

    Asked by Alex&R,

    0 votes
    4 answers

  24. Помогите советом новичку

    Здравствуйте, мой первый сайт( www.nashepravo78.ru)Мне сейчас главное чтобы Баннер везде выглядел одинаково В опере он короткий, в мазиле выезжает....... <!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="text/html; charset=windows-1251" /> <title>Юридическая компания "Союз Автовладельцев"</title> <style type="text/css"> body { margin-top: 0px; margin-bottom: 0px; } </style> <link href="style.css" rel="stylesheet" type="text/css" /&gt…

    Asked by жекачка,

    0 votes
    3 answers

  25. Верстка

    Как сделать выпадающее меню?

    Asked by Unger,

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