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. Как изменить цвет скроллбара?

    Помогите, пожалуйста! Пишу такой код: <style type="text/css"> body { scrollbar-face-color:000000; scrollbar-highlight-color:CC0000; scrollbar-3dlight-color:000000; scrollbar-shadow-color:CC0000; scrollbar-darkshadow-color:000000; scrollbar-arrow-color:CC0000; scrollbar-track-color:000000; } </style> Ничего не происходит... А еще больше интересует как изменить цвет скроллбара для аттрибута overflow.

    Asked by Олег,

    0 votes
    9 answers

  2. как вставить flash фоном?

    Приветствую! возможно ли вставить flash фоном, что бы была возможность написать на нем текст или разместить еще какие либо картинки?

    Asked by Fate-ol,

    0 votes
    29 answers

  3. Интересная бага (фича) IE6

    Наткнулся на новый (для себя) глюк IE6. У меня есть простой, незамысловатый код: <div id = "leftSide" style="width:230px; float:left; background-color:#000000"> sad </div> <div id = "main" style="background-color:#f4f4f4f; margin-left:230px;"> <div id = "header" style="height:150px; background-color:#99CC00;"> </div> <div id = "content" style="background-color:#CC0000;"> sd </div> </div> В FireFox, Opera и даже IE7 я увидел то что и ожидал: Но в IE6 я увидел следующее: Зеленый DIV (у которого id = "header") меньше, чем тот который под ним. Опытным путем удалось выяснить, что проблема из за указания height, кото…

    Asked by gfranco,

    0 votes
    4 answers

  4. высота промежуточного div'а в IE6

    Есть вот такой вот простой html-файл. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/HTML4/loose.dtd"> <html> <head><title>Тестовый пример</title> <meta http-equiv="Content-type" type="text/html; charset=Windows-1251"> <style type="text/css"> * { margin:0; padding:0;} body { color:#FFF; background-color: #FFF; } .cl_top { background-color: #000040; } .cl_middle { height: 15px; background-color: #F00; } .cl_bottom { background-color: #000040; } </style> </head> <body> <div class="cl_top">Строка1</div> <div class="cl_middle"></div> <d…

    Asked by tvolf,

    0 votes
    2 answers

  5. рамка таблицы в виде картинок

    Можно как нибудь сделать рамку таблицы в виде картинок, чтоб не сполшная линия какого-либо цвета, а картинка была !?

    Asked by paladin,

    0 votes
    8 answers

  6. Аналог min-width в IE

    Народ, нужна помощь. Сделал на дивах такую конструкцию: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <title>Untitled Document</title> </head> <body> <style> <!-- #d_left { background:#666666; height:56px; width:40%; float:left; } #d_right { background:#CCCCCC; height:56px; width:40%; float:left; } #d_center { background:#999999; height:56px; text-align:center; color:#000000; width:20% !important; /* Для всех остальных браузеров */ width:19%; /* Для браузер…

    Asked by Андрюха,

    0 votes
    1 answer

  7. проблемка с позиционированием элементов

    хочу сделать в блоке footer чтобы картинка выравнивалась по левому краю, а link по провому нижнему углу. делаю так <style type="text/css"> .bottom { /* Нижняя часть */ background: #e3e8cc; /* Цвет фона */ border: solid 1px black; /* Параметры рамки */ font-size: 90%; /* Размер шрифта */ padding: 3px; /* Поля вокруг текста */ } .bottom_link { float:right; } .bottom_img { float:left; } </style> <div class="bottom"> <div class="bottom_img"> <a href="http://www.tyda.ru"><img src="img/p1.jpg" alt="img" width="90" height="54" /></a> </div> <div class="bottom_link"> <a href="http://my.com">link</a> …

    Asked by vrazbros,

    0 votes
    1 answer

  8. Как открыть в зависимости от разрешения ту или иную страницу?

    Кто знает, можно ли так сделать чтобы в зависимости от расширения экрана открывалась та или иная страница? например, как я вижу это: есть index.html который вычесляет какое расширение экрана у пользователя, затем если 800x600 открывается страница enter1.html, если 1024x768 ? страница enter2.html, если 1280х1024 и больше страница enter3.html? спросите зачем это? Отвечу: Столкнулся с проблемой, нарисован "вход на сайт" который никак не тянется, зафиксировать его где нибудь и продолжить каким-то фоном тоже не красиво получается... В принципе, если можно вычислить какое расширение у юзера можно нарисовать ещ? несколько вариантов входа, для каждого расширения сво?.

    Asked by maza,

    0 votes
    24 answers

  9. Проблемы в IE6 с отступами div

    Вот код... в Firefox все прекрасно, жалко нельзя картинки в архиве прикрепить, но они по углам как бы округляют прямоугольники... В Ie6 все плохо... Если на странице, а не вырвав код,то просто похоже IE не видит height ... у него как-будто она фиксированная... как исправить? <div style="display:inline; float:left; padding-left:15px; padding-right:15px; width:110px; "> <div style="background-image:url(io/block_lite_blue_top_left.jpg); background-repeat:no-repeat; display:inline; float:left; width:8px; height:10px;z-index:3; "></div><div style="background-color:#EBFEFD; float:left; width:94px; background-repeat:no-repeat; height:10px;z-index:3; displ…

    Asked by Server,

    0 votes
    3 answers

  10. Эластичное меню

    Каким образом добится табличной эластичности? Через списки тоже пробовала, такая же картина. При ресайзе фон поджимается, а элементы меню уходят за границу браузера. Таблицей не предлагать - ибо задача была переписать страницу с таблиц в блоки :-) Как видно из css левый блок с заданной шириной, а правый, где и размещается меню - по остальной ширине экрана. В словосочетаниях непечатаемый символ потому, что начинает переносится меню на вторую строку. Можно ли как то выкрутится без nbsp? CSS: .logo { position: absolute; left: 0px; top: 0px; width: 285px; background-color: #86adf8; padding-right: 2px; padding-bottom: 0px; } .top-right-place { height: 463px; backgr…

    Asked by Троица,

    0 votes
    0 answers

  11. проблема с z-index

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

    Asked by glazs,

    0 votes
    7 answers

  12. Функции ветвления

    Практически во всех языках программирования встречаются функции ветвления, которые также называются условными операторами. Речь идет о конструкции if...else, позволяющей задавать разные условия выполнения блоков программы. В шаблонах Smarty тоже встречаются эти операторы, но в виде функций {if}, {else}, {elseif} и {/if}. Общий синтаксис следующий. {if условие1} При выполнении условия 1 отображать данный блок. {elseif условие 2} При выполнении условия 2 отображать данный блок. {else} Если вышеприведенные условия не выполнены, то выводить этот блок. {/if} При необходимости функции {elseif} и {else} можно опустить. Под условием подразумевается набор некоторых логических …

    Asked by Vlad,

    0 votes
    0 answers

  13. Растянуть UL

    Есть такая конструкция: <div id="main"> <ul id="menu"> <li><a href="#">link1</a></li> <li><a href="#">link2</a></li> <li><a href="#">link3</a></li> </ul> </div> #menu li { display:inline; float:left; } т.е. простое горизонтальное меню. как бы мне сделать так чтобы элементы растягивались на всю ширину div'a

    Asked by folibis,

    0 votes
    4 answers

  14. Smarty формы

    Добрый день не могу понять smarty генерирует форму ( ), или надо ее руками прописывать.я так понимаю это шаблонизатор что то вроде ASP.NET т.е. необходим для разделения кода и внешнего представления, но в документации нет ни чего что относится к обработке событий и передаче параметров запроса.

    Asked by klerk,

    0 votes
    1 answer

  15. Растягивающееся горизональное меню

    Как сделать растягивающееся на 100% в ширь меню. Так что-бы внутрение элементы тоже растянулись на всю ширь. То есть если внутри четыре пункта то каждый из них взял на себя 25%.

    Asked by Rendom,

    0 votes
    5 answers

  16. Отступ после текста

    Какую строчку кода на css добавить, чтобу отступ после текста внизу был 15px ?

    Asked by okunev2,

    0 votes
    8 answers

  17. Пустой вывод. Smarty. Помогите.

    Помогите пожалуйста, у меня есть два шаблона, один был до меня еще и уже "откомпилирован", второй был создан мной. Я меняю обращение к новому тимплейту и в выводе получаю пустоту. В ФАКЕ по Смарти написано что он сам перекомпилирует новые шаблоны, но он этого почему то не делает. Вопрос, как сделать так что бы всетаки на вывод приходил мой шаблон?

    Asked by ide32,

    0 votes
    3 answers

  18. Частичное примение стиля по спецификации

    Вот код: a.content_link_menu { color: #4a4a4a; font-family: verdana; font-size: 11px; text-decoration: none; border-bottom: 1px dashed #4a4a4a; } Подчеркивание ссылки пунктирной линией, работает в Опере и Мозиле, прочитал специфику, написано что Частично работает в ИЕ Как сделать чтобы хотябы сплошной линией подчеркнуть текст ссылки?

    Asked by okunev2,

    0 votes
    3 answers

  19. Как оформить кнопку

    Есть кнопка <input type="submit" value="{$smarty.const.VOTE_BUTTON}"> Как применить к ней стиль, изменить цвет и размер, жирность надписи, или вообще отказаться от кнопки, а использовать ссылку?

    Asked by okunev2,

    0 votes
    3 answers

  20. FAQ по Smarty

    Итак, разные советы, трюки и рецепты по Smarty. Кто что знает, кидайте сюда. Как сделать, чтобы на всех страницах логотип был ссылкой на главную, а на главной, чтобы ссылки не было? Используем переменную $smarty.server.REQUEST_URI и проверяем ее значение на "/", что и будет соответствовать главной странице. {if $smarty.server.REQUEST_URI != "/"} <a href="/"><img src="/images/title.gif" width="213" height="60" border="0" alt="htmlbook.ru"></a> {else} <img src="/images/title.gif" width="213" height="60" alt="htmlbook.ru"> {/if} Как сделать, чтобы автоматически заполнялся значением какой-то параметр HTML-кода? Надо сделать следующее. Если есть знач…

    Asked by Vlad,

    0 votes
    18 answers

  21. Таблица : фиксированные колонки

    здравствуйте. подскажите плиз как реализовать следующее: есть таблица шириной 100%. таблица имееть заголовки. заголовок может покрыват несколько колонок (ну ето не так важно). проблема заключаеться в том, что некоторые заголовки (ну собственно и совокупность колонок под ними) должны иметь свою фиксированную ширину, но выставляя ширину таблицы в 100% все летит к чертям и оно растягиваеться как хочет =( код: сss #grid { border:0px; /* border="0" */ border-collapse:collapse; /* cellspacing="0" */ /*width: 100%;*/ } #grid td { padding:0px; /* cellspadding="0" */ text-align: center; vertical-align: middle; } /*** subject line ***/ #grid th.index { width: 20px; } #grid …

    Asked by klierik,

    0 votes
    7 answers

  22. Позиционирование таблицы

    Решил обратиться за помощью, вдруг кто знает. Дело вобщем нехитрое, вот в чем оно заключается.Надо чтобы таблица не переводилась на новую строку, а была какбы частью текущей. Если просто создать таблицу после текста : <body> текст текст текст текст текст текст текст <table border="1" width="" style="vertical-align: text-top;"> <tr><td>текст </td></tr> <tr><td>текст </td></tr> </table> </body> будет так: текст текст текст текст текст текст текст таблица ,а надо так: текст текст текст текст текст текст текст таблица можно сделать все одной таблицей с , но может ктото знает, как обойтись без это…

    Asked by Serg_Bloim,

    0 votes
    1 answer

  23. Как при наведении поменять цвет элемента?

    Доброго времени суток. Я не специалист по html и css, поэтому решил обратиться к професионалам. Если Вы мне поможете - буду премного благодарен. Итак, имеется таблица в которой прописаны строки. <tr class="table-dark"> <td align="left">Ячейка 1</td> <td align="left">Ячейка 2</td> <td align="left">Ячейка 3</td></tr> При наведении на любую из ячеек (то есть на строку) у меня меняется цвет, что прописано в стилях: .table-dark td {background-color: #2b2b2b; height: 19px; font-family: tahoma; font-size: 10px; color: #8a8a8a; vertical-align:middle; padding-left: 20px; border-top: 1px solid black; behavior:url('td.htc');} .table-…

    Asked by megamannn,

    0 votes
    8 answers

  24. как упростить процесс создания сайта, или переменные в html. need help

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

    Asked by brainless,

    0 votes
    10 answers

  25. height в IE

    Подскажите пожалуйста! Есть блок, контента в нем мало, но надо чтобы он растягивался на определенное расстояние вниз, в FF и Opera работает min-height, IE это естественно не понимает. Я еще совсем новичек, не могу никак справится с этим вопросом.

    Asked by tim-nam,

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