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. Горизонтальная прокрутка только на левую колонку

    Двухколоночный сайт. Ширина страницы - 100%. Горизонтальную прокрутку - только на левую колонку. Идеи?

    Asked by ferr,

    0 votes
    3 answers

  2. Высота сайта 100%. Нужна помощь.

    Всем привет. Проблема: Сайт растягивается в высоту больше, чем собственно само наполнение тела. Подвал уехал далеко вниз. Не понимаю в чем проблема. Пожалуйста помогите понять в чем тут дело и какая ошибка в коде? Надеюсь тема поможет найти ответы на вопросы не только мне. Задача: При неполном наполнении тела, обеспечить высоту в 100%, чтобы подвал был всегда прижат к низу. Спасибо. Вот так он отображается http://www.mprakennus.fi/index2.php Код страницы: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <style type="text/css"> html, body { height: 100%; margin: 0px; padding: 0px; } #page-hea…

    Asked by Влад,

    0 votes
    9 answers

  3. В шаблоне html инклудить еще html

    В общем есть шаблон странички в html (возможности php нет, "народ.ру"), которая должна включать в себя данные из отдельного файла html. На php все предельно ясно: <? include ("нужный файлик.htm"); ?> Вопрос: Как подобное можно реализовать в html, если вообще возможно?

    Asked by Cook,

    0 votes
    9 answers

  4. Как исключить налезание текста или заставить слои "тянуться"?

    Проблема в следующем: страница сверстана на слоях (css), слои располагаются один за другим с обтеканием - примерно как на примерах верстки слоями в учебнике на этом замечательном сайте. Так вот текст в верхнем слое при большом его объеме или увеличении в браузере размера шрифта налезает на текст, находящийся в слое расположенном ниже (по вертикали). То есть текст не растягивает слой по вертикали, вернее растягивает, но не отодвигает ниже следующий слой, а просто накладывает текст поверх него. Игры с добавлением полос прокрутки категорически не канают - внешне это будет погодить на фрэймы. Я понимаю, что мне скажут: верстай таблицу и вс? будет тянуться по содержимому без н…

    Asked by yurigraphics,

    0 votes
    13 answers

  5. как запретить прокрутку в iframe

    Мне нужно не просто скрыть полосы прокрутки в iframe, но и запретить прокрутку. Использую плавающие фреймы, содержимое помещается полностью - полосы прокрутки скрыл. Но в некоторых браузерах если покрутить колесико мышки - прокручивается содержимое. Всего на несколько пикселей, но все равно неприятно

    Asked by begin,

    0 votes
    3 answers

  6. пунктирное подчеркивание ссылок - проблема в ИЕ

    <html> <head> <style> a { color: #0084e4; border-bottom: 1px dashed #0084e4; text-dec_oration: none; } a:hover { border-bottom: 1px solid #0084e4; } #left { float:left; } #intop { width: 900px; margin: 0 auto; clear: both; } #inlogin #right { text-align: right; } </style> </head> <body> <div id="intop"> <div id="inlogin"> <div id="left"> <a href="sg">aadfadfsa</a> </div> <div id="right"> <a href="bsg">badsfadsf</a> </div> </div> </div> </body> </html> в ИЕ подчеркивание не показывается. но если убрать float:left, то показывается такие…

    Asked by Orliha,

    0 votes
    7 answers

  7. Полное закрашивание ячейки таблицы под текстом

    Вот такой вопросик назрел. Есть таблица. У нее свой класс CSS. Есть текст из БД. он заполняет собой ячейки таблицы соответственно. Задача: в зависимости от тех или иных значений подсветить другим цветом некторые ячейки таблицы. При этом доступа к нету.И надо чтобы ячейка закрашивалась целиком а не просто выделялась часть ячейки под текстом другим цветом. как я себе это мыслил Какое то значениеПри этом этот див находится внутри однако при таком способе как раз подсвечивается только часть ячейки - та что под текстом. А надо бы для эстетичности чтобы подсвечивалась вся. Кто нить представляет как это реализовать?

    Asked by truvor,

    0 votes
    13 answers

  8. Фреймы

    Я новичок в html... Но нужно сделать сайт, в принципе очень простой, для себя. Использую фреймы. Вс? хорошо, сделала, но возможно ли расположить их по центру страницы? Не у левого края, а посередине? (все три фрейма вместе)

    Asked by TaisNm,

    0 votes
    1 answer

  9. Как достучаться до ссылки

    Есть код: <td class="productListing-data"><a href="http://www.yugzone.ru/catalog/product_info.php?cPath=55&products_id=169">MindSpa</a> Система Личностного Развития</td> Прописан css TD.productListing-data { font-family: Verdana, Arial, sans-serif; font-size: 14px; } Как изменить стиль ссылки(сделать ее синего цвета) только внутри ячейки помеченной ?Сам код изменять нельзя, можно только css стиль добавить.

    Asked by Vlaimir,

    0 votes
    6 answers

  10. DIV внутри таблицы не растягивается в IE на 100%

    Помогите!!! Таблица из 3-х колонок. В 1-ой колонке div при изменении размеров третьей не растягивается на 100% в IE. В других браузерах - нормально. Код прилагается <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtmll/DTD/xhtmll-transitional.dtd"> <html xmlns=http://www.w3.org/1999/xhtml xml:lang="ru" lang="ru"> <head> <title>Help</title> <style type="text/css"> body { margin:0; padding:0; height:100%; background: white; } table { height: 100%; width: 100%; border-collapse: collapse; } td { height: 100%; border: 1px solid black; } #left { height:100%; background: red; } #…

    Asked by Mechanic,

    0 votes
    2 answers

  11. растягивание по вертикали

    В общем не могу растянуть слой по вертикали CSS #d1{width:700px; position: absolute; background-image:url(images1.gif); background-repeat:repeat-y; margin-left:20%; padding-left:12px; height:100%; } #d2{ height:100%; width:650px; background-image: url(images2.gif); background-repeat:repeat-y;} HTML <div id="d1"> <div id="d2"> content </div></div> в Opera работает а с IE не получется что я делаю не так.

    Asked by B@M,

    0 votes
    1 answer

  12. Размещение содержимого блока по центру при owerflow

    Задача: Содержимое сайта должно выравниваться по центру при любом рарешении. Фон шириной 1500 пикселей вставляетсся и выравнивается стилем: position:absolute;top:0;width:100%;height:500;background: url('/img/pro/tbg.jpg') center middle repeat-x;z-index:1; Потом идет флэшка, шириной 1200 пикселей. Я создаю блок шириной 100%. Вставляю туда свою флэшку. Горизонтальный скролл убираю owerflow:hidden При этом флэшка выравнивается по левому краю и обрезается правый. Вопрос: Как сделать чтобы флэшка (картинка) выравнивалась по центру и обрезалась с права и слева? Заранее спасибо за комментарии.

    Asked by Nil,

    0 votes
    2 answers

  13. Синтаксис Page-Break

    Не могу найти полный синтаксис с определением для Page-Break-Before / Page-Break-After Help Me !

    Asked by Leodan,

    0 votes
    2 answers

  14. тень на рисунок

    Борюсь с тенью, созданной с помощью слоев. Не могу понять, как сделать так, чтобы тень отбрасывалась на фоновый рисунок, не перекрывая его, а лишь затемняя. Точно знаю, что это можно сделать с помощью CSS, но как именно??? Помогите, пожалуйста!

    Asked by NIKKK,

    0 votes
    7 answers

  15. Персонаж : как его одеть

    Здравтствуйте. Верстаю персонажа. вроде б ничего сложного и все очень поросто: css /**************** Man charaster ****************/ .mchar { width: 125px; height: 285px; border: 1px solid #690000; } /*** man image ***/ .mimg { position: relative; z-index: 1; margin-top: -285px; float: left; } /*** char items ***/ .mchar .items { width: 125px; height: 285px; position: relative; float: left; z-index: 2; } .mchar .items div { height: 0px; width: 0px; float: left; } .mchar .items div img { width: 125px; height: 282px; position: relative; } /* items category z-index */ .mchar gun { z-index: 9; } xhtml 1.0 <!-- man charaster --> <div class="mcha…

    Asked by klierik,

    0 votes
    8 answers

  16. class и id в одном теге

    Подскажите, употребление class и id в одном теге приемлемо? Это не ошибка? Работает оно так прекрасно, мне просто интересна концепция.

    Asked by makarena,

    0 votes
    4 answers

  17. CSS меню из XHTML в простой HTML

    Вот код меню, взятый с некоторого сайта. Мне необходимо поместить это меню в HTML страницу, но в таком случае пропадает "выпадаемость" Видать я еще маловат, чтоб дойти до ответа... Ваши варианты? <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml2/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title> Stu Nicholls | CSSplay | Professional series drop#2</title> <style type="text/css"> /*Credits: CSSplay */ /*URL: http://www.cssplay.co.uk/menus/pro_drop2 */ .preload2 {background: url(p…

    Asked by maleficmax,

    0 votes
    9 answers

  18. background

    Не работает... почему не понимаю #headerSlogan{ background: url('img/headerSloganBg.jpg') #FFffFF top left no-repeat; float:left; } <!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> <meta http-equiv="Content-Type" content="text/html;" charset="win-1251" /> <link rel="stylesheet" type="text/css" media="screen" href="css/screen.css" /> <title>Untitled Document</title> </head> <body> <div id="headerSlogan">Slogan</div> и еще вопрос при использоании чарсета UTF-8 все браузеры не корректно отоб…

    Asked by The1stPresident,

    0 votes
    2 answers

  19. Взаимное расположение маркера checkbox и его текста

    Для списков имеется свойство CSS list-style-position с параметром outside. Имеется форма с несколькими checkbox или radio-кнопками. Можно ли с помощью CSS сделать так, чтобы маркеры checkbox или radio находились за пределами их текстового блока, подобно списку с параметром outside?

    Asked by SerDiz,

    0 votes
    9 answers

  20. Opera и размер в % для картинок.

    Воспользовавшись посиском нашел следующее: 1. Задвать ширину картинки в процентах. 2. Использовать фоновый рисунок, он в случае "невлезания" будет обрезан. 3. Применять скрипты, которые станут проверять ширину окна и менять изображения или их ширину. 4. Сверстать макет под ширину 800 (1000) пикселов и не мучиться с браузером. 5. Повесить предупреждение на страницу: если у тебя монитор 15" и разрешение 800х600 - ты дурак и пошел прочь с моего сайта. Меня интересует пункт "1". Но, в Opere если ставишь размер картинки в %, она не отображается. Вычитал что для контейнера в котором висит картинка надо ставить "overflow", попробовал ничего не вышло. зы Вообще былобы, удобно е…

    Asked by Dr0n,

    0 votes
    6 answers

  21. Преобразование в HTML-файл простого текстого файла

    Имею простой текстовый файл с выведенным в него многостраничным отчетом (кодировка ASCII). Признак конца страницы CHR(12), форматирование уже проведено, использую тег , шрифт COURIER NEW.Пытаюсь на его основе создать HTML - документ, но не могу добиться правильного оформления размещения текста на листе печати, из-за различия шрифтов (межстрочный интервал) в лист начинают "налезать" шапки от других страниц. Подскажите, как выйти из положения ?

    Asked by Leodan,

    0 votes
    2 answers

  22. Маркированный список

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

    Asked by NikolayB,

    0 votes
    3 answers

  23. проблема расположения картинок в навигации.

    Сделана навигация. на примере http://www.vw.com/specialoffers/en/us/#eos, центральная навигация. Подскажите как сделать чтобы разделитель не выглядывал,когда кнопка переключателя активна. код CSS. И как сделать,чтобы на активной кнопке цвет текста был активный и не менялся. Подскажите кто может, делаю первый раз и зависла. Сам код: <div id="object1"> <h1></h1> <table class="table1" cellspacing="0" cellpadding="0"> <tr> <td id="td1" onClick="Div_Act(div1, td1);" class="activ1" align="center"> <a href="#" class="menuTabl">'08 lease special</a> </td> <td id="td2" onClick="Div_Act(div2, td2);" class="passiv1" a…

    Asked by karolinka3110,

    0 votes
    10 answers

  24. как сделать чтоб при измениии размера окно не двигались картинки???

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

    Asked by Nickols,

    0 votes
    5 answers

  25. Можно ли тень нарисовать?

    нужно что от картинки отбрасывалась тень. Подскажите плс кто знает. Спасибо

    Asked by art,

    0 votes
    1 answer

  • Обсуждения

    • 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