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. Колбасит border при прокручивании в IE (6,7,8)

    Происходит что-то непонятное с бордером. Он задан штриховым, но впоследствии скролла может выглядеть и как dotted и как solid, и вот так коряво: <!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></title> <style type="text/css"> #content{width:300px; height:1000em; border-right:1px dashed #C0C0C0; } </style> </head> <body> <div id="content">Lorem ipsum dolor sit amet...</div> </body> </html> height:1000em; - для примера. такая же бадяга …

    Asked by Geratewart,

    0 votes
    0 answers

  2. Колебания в Opera

    Добра всем! Сделал что бы при наведении на logo появилось другое img. popcorn-j.narod2.ru/ Но почему-то на Opera это дело скачет... Кто знает как решить? CSS — #logo .loggo { wight: 306px; height: 79px; position: relative; top: -92px; left: 10px; } #logo{float:left; z-index:7; } #logo {display:block; display:inline;} #logo .logo ul {display:none;} #logo .logo:hover ul {display:block;} #logo #main {float:left; position:relative; left:0px; top:-86px; width: 306px; height: 15px; z-index:5;} CSS — HTML — <div id="logo"> <div class="logo"> <a href="http://popcorn-j.narod2.ru/"><img class="loggo" src="image/logo.png" alt="Popcorn"/></a> <ul…

    Asked by SCANIT,

    0 votes
    0 answers

  3. Количество <header> на одном сайте

    Начал присматриваться к html 5..Возник вопрос.В инете не нашел. Если на одном сайте используется несколько шаблонов(например главная страница один шаблон, внутренние другой и т.п.).Создаю для главной страницы тэг header . В CSS стили прописываю для header.Если в другом шаблоне понадобится данный тэг. У него уже будут свои стили. В <p> тупо можно было брать и менять id или class. А как тут быть??

    Asked by Demon_gms,

    0 votes
    6 answers

  4. Количество колонок таблицы зависящее от ширины окна браузера.

    Встала задача сверстать страницу где должна быть таблица. В таблице нужно сделать ячейки определенной ширины. Как лучше делать? Или таблицу создавать при помощи JavaScript? Или как то передавать данные о ширине окна на сервер где будет происходить соответствующая обработка в php файле? Отказаться от таблицы врядли получится. Хотя. Таблица будет выводить некоторое к-во товаров в интернет магазине. Может сделать на div-ах. Используа css свойство float...

    Asked by BirviZ,

    0 votes
    3 answers

  5. Количество строк в блоке

    Подскажите, пожалуйста. Имеется: Родительский блок и дочерний. Дочерний блок "приклеен" к left bottom родительского. Задача следующая: В дочерний блок выводится текст. Если текст занимает 1 строку, то блок растягивается по ширине текста, вот так: Если в тексте >= 2 строк, то дочерний блок растягивается на всю ширину родительского. То есть так: Проблема: Как это реализовать, когда изначально размер пользовательских шрифтов и кол-во текста неизвестны? upd: В FireFox все по дефолту выглядит, как и должно. А вот в Opera и IE – вот так:

    Asked by locky,

    0 votes
    13 answers

  6. Количество тегов <h> странице

    Добрый день! Неоднократно встречал утверждения о том, что количество слов выделенных тегами <h...>, <strong>, <b> на странице не должно превышать 2-3. Выделять этими тегами можно только ключевые слова. В противном случае - исключат из базы данных поисковой системы. Сначала считал это бредом, но после неоднократного упоминания на разных форумах начал сомневаться... Хотелось бы узнать ваше мнение?

    Asked by Чебурашка,

    0 votes
    100 answers

  7. Количество текста не увеличивает площадь DIVа

    Убрала по максимуму лишнее, боюсь если обрежу больше, выйдет версия не такая как у меня, и потом запутаемся. Как видно из названий, это чат, данный пункт, это там где выдаются сообщения, надо, чтоб при большом сообщение его строка вертикально увеличивалась, до нужных размеров, третий день мучаюсь с позиционированием элементов, вроде всё уже выглядело, как хотелось бы, и тут проблема с растяжкой ((

    Asked by animegirl,

    0 votes
    3 answers

  8. Колонка фиксированной ширины....в Mozilla Firefox и IE...

    Блок в Mozilla Firefox 2 IE 6 В первом случае, ширина фиксирована, но текст выходит за пределы блока ,т.е. происходит расширение поля... Во втором случае ИЕ растягивает границы блока,согласно содержимого.... Вопрос???? как сделать колонку фиксированной ширины ,чтобы в Mozilla Firefox текст переносился на другую строку,а в IE не изменялся размер блока в зависимости от содержимого.. При этом было бы возможно использовать margin,padding,border для блока.... Заранее спасибо...

    Asked by Serjinio,

    0 votes
    5 answers

  9. Колонки <td> + <div> - Разъезжаются

    Здравствуйте, есть сайт _www.mr-group.ru, если открыть в Mozilla - нижняя оранжевая линия идёт нормально, без прерываний. Если открыть в IE, появляются расстояния в этой полоске. Особенно это ярко выраженно во внутренних страницах. Пожалуйста, помогите разобраться в чем ошибка.

    Asked by rolph,

    0 votes
    6 answers

  10. колонки одинаковой высоты

    Всем привет ! Подскажите как сверстать страницу что-бы колонки были одинаковой высоты ? Напримере: body { margin:2em; padding:0; background: #000000; font-family: Arial, Helvetica, sans-serif; font-size:12px; } a { color:#cc0000; text-decoration:underline; } a:hover { color:#000000; text-decoration:none; } blockquote { margin:2em; padding:1.9em; font-weight: bold; font-size: 12px; color: white; background-color:#000000; border-top:4px solid #FEED91; border-bottom:4px solid #FEED91; } blockquote p { margin:.1em; } #header { margin: 0 0 0.2em 0; padding: 1em 1.5em; height:8em; /* CHANGED */ background: #343434 url('header.jpg') no-repeat top left; border:0px solid …

    Asked by dima2207,

    0 votes
    1 answer

  11. Колонки одинаковой высоты

    Всем привет. Мне нужно сделать три колонки. По краям фон, а по центру контент. Делаю так: Html: <div id="main"> <div id="left_bg"></div> <div id="content">Тут какой-то контент</div> <div id="right_bg"></div> Css: div#main { overflow:hidden; width:100%; } div#left_bg { float:left; width:17px; background-color:#b74929; padding-bottom:10000px; margin-bottom:-10000px; } div#content { float:left; width:936px; padding-bottom:10000px; margin-bottom:-10000px; } div#right_bg { float:left; width:17px; background-color:#b74929; padding-bottom:10000px; margin-bottom:-100…

    Asked by spatlet,

    0 votes
    3 answers

  12. Колонки одинаковой высоты

    Имеем код .column_block { width: 100%; overflow: hidden; } .column { border: 3px solid rgb(150,230,150); width: 30%; margin: 0 1% 0 1%; float: left; } .column .radius_top, .column .radius_top div, .column .radius_bottom, .column .radius_bottom div { background: url(../images/radius_column.png) no-repeat; height: 20px; display: block; position: relative; } .column .radius_top { top: -3px; left: -3px; } .column .radius_top div { background-position: 100% -20px; left: 6px; } .column .radius_bottom { background-position: 0% -60px; t…

    Asked by gesandte,

    0 votes
    53 answers

  13. колонки одинаковой высоты

    http://s16.radikal.ru/i191/0912/26/53f31c5f9e6c.png - нужно что б колонки не просто были одинаковой высоты, но и занимали всё пространство от них до футера не в зависимости от содержимого.

    Asked by Yahoo!,

    0 votes
    23 answers

  14. Колонки одинаковой высоты и кнопки внизу

    Доброго времени суток! Подскажите пожалуйста, как грамотно сверстать такой блок: Т.е. чтобы колонки были одинаковой высоты при неизвестном количестве текста, а кнопки снизу находились на одном уровне. В голову приходит только вариант с таблицей. Еще должно работать в IE7. Спасибо!

    Asked by web-monster,

    0 votes
    1 answer

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

    Нужно сверстать это: Это 3 колонки, в каждой будет текст. Я сверстала пока без кружочков, просто вертикальную черту в качестве border, но возникла проблема с разной высотой колонок. Может быть есть какие-то решения?

    Asked by Светлана Г.,

    0 votes
    4 answers

  16. Колонки одинаковой высоты.

    Хочу вас озадачить, друзья. Дано: 2 колонки с текстом (фиксированные или нет не важно) У каждой есть фон ну и прочие примочки. Нужно: создать эффект того, что эти колонки всегда одинаковы по высоте не зависимо от того сколько контента в каждой. Понятно, что блок он блок и в африке, и фактически его высота будет зависеть от того сколько в нём текста, но пользователь должен видеть, что они одинаковой высоты, притом мы не знаем в каком из них будет больше контента в каком меньше. Как-то давно попадалась эта задачка, сам её решил, но в упор не помню как. Получается сделать так, чтобы у них была одинаковая высота, но при этом у меня строго определённый блок обязательно долже…

    Asked by Игорь Ермаков,

    0 votes
    55 answers

  17. Колонки равной высоты

    Подскажите пожалуйста, как добиться того, чтобы на сверстанном макете при заполнении его контентом background колонок оставался тем же (то есть образно говоря каждая колонка как бы подтягивает вниз соседнюю за собою при наполнении первой контентом) т е макет не "ломается" при добавлении контента. Заранее спасибо

    Asked by Newie,

    0 votes
    2 answers

  18. колонки равной высоты + скролл

    вот страница. не получается реализовать такой же каркас на дивах. помогите пожалуйста. основная сложность в 2 колонках равной высоты. задача классическая, но почему то нигде не рассматривается(у меня не получается найти) переполнение блока с появлением скролла

    Asked by cyklop77,

    0 votes
    0 answers

  19. колонки списка одинаковой высоты

    помогите пожалуйста решить проблему. устроит даже css3-, js-решение есть <ul><li> список. длина строк в каждом <li> очень различается. необходимо преобразовать этот список в 3 колонки равной высоты в сети много js-решений, но они мне не подходят. проблема в том, что из-за разницы в длине строк получается примерно такой результат. мне же нужны колонки одинаковой высоты

    Asked by cyklop77,

    0 votes
    6 answers

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

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

    Asked by DjTarik,

    0 votes
    16 answers

  21. колонтитулы верхний и нижний

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

    Asked by Rilo,

    0 votes
    7 answers

  22. Колонтитулы на странице для печати.

    В word'e (Microsoft Word) возможно прописать верхний и нижний колонтитул чтобы он повторялся на всех страницах. Возможно ли такое же добавить как-то в стили для страниц на печать. Т.е. страницы которые стилизуется через media = "print". Допустим, контента на странице на 7 листочков А4, возможно ли сделать 2 diva повторяющимися в заголовке страницы и в футере, на манер вордовских файлов. Чтобы на всех 7 распечатанных страницах оба дива повторялись. а не 1 в начале и 1 в конце. P.S. Не нашел на форуме ответов на данный вопрос. В документации даже не знаю какую тему открыть чтобы почитать данный вопрос.

    Asked by EddieBrock,

    0 votes
    1 answer

  23. команда для htaccess

    помогите пожалуйста написать команду для .htaccess , которая перенаправляла бы с такого адреса на такой кстати, думаю, многим она пригодится. потому что на свежеустановленном вордпрессе сейчас приходится делать подобное перенаправление

    Asked by cyklop77,

    0 votes
    1 answer

  24. Комбинирование псевдоклассов

    Собственно, таблица. По ховеру меняется цвет в ячейках, условно, на золото. Но мне нужно, чтобы первая строка и первый столбец не реагировали на ховер, хотя бы визуально. Причем они имеют отличные от остальных ячеек цвета. Условно - серебро. Т.е. имеем: .tbl tr td:hover { background: gold; } .tbl tr td:first-child { background: silver; } .tbl tr td:first-child:hover { background: silver; } Работает. Мышка ходит по таблице, ячейки окрашиваются золотом, но первый столбец - нет. А вот с первой строкой, так не получается .tbl tr:first-child { background: silver; } .tbl tr:first-child:hover { background: silver !important; } Все р…

    Asked by Destrifer,

    0 votes
    1 answer

  25. КомбоБоксы

    Ребята помогите сделать менюшку с помощью комбобоксов! Хочу сделать так: есть несколько комбобоксов,в первом "Тип автомобиля" во втором "Год автомобиля" в третьем "Марка авто" и т.д.(это я сделал). Всё то что там выберут должно отправлятся на несколько адресов мыла.Вопрос: как отослать это на мыло? и можно ли всё это реализовать на HTML, или JavaScript понадобится? И ещё-как сделать по красивее комбоБоксы? Заранее БОЛЬШОЕ СПС всем кто откликнется!!!

    Asked by stardel,

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