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. 2 float-a

    http://rang56.ru/pages/diplom/ Текст по середине едет вниз. Т.к. блоку что идет по центру присвоено clear:left. Как можно выкрутиться? (чтобы текст по середине шел столбцом) Текст формируется скриптом, тоесть изменить вывод нельзя, можно только стили поправить... http://rang56.ru/pages/aboutus/ Текст идет ниже только в IE, в опере все нормально. Но тут claer нигде не прописан. почемуто где начинается таблица текст спускается вниз(к концу левого блока)

    Asked by snekaaa,

    0 votes
    0 answers

  2. Цвет четных и не четных строк в списке

    Подскажите возможно ли на css сделать что-бы у списка четная строка была с белым фоном, а не четная например с серым? если да то подскажите хотя-б в какую сторону копать.

    Asked by Sigurt,

    0 votes
    5 answers

  3. 3-ех колоночный макет. Текс уходит вниз.

    Не пойму почему текст посередине идет вниз после левой колонки. Помогите разобраться. http://new.rang56.ru/1.htm как ie6 так и опера 9

    Asked by snekaaa,

    0 votes
    3 answers

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

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

    Asked by paladin,

    0 votes
    8 answers

  5. height в IE

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

    Asked by tim-nam,

    0 votes
    20 answers

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

    хочу сделать в блоке 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

  7. высота промежуточного 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

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

  9. Аналог 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

  10. Знак '-' в HTML

    Пишем " -1 "в IE выводит 1- , а мне нужно -1, как с этим бороться?

    Asked by kven,

    0 votes
    6 answers

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

    Каким образом добится табличной эластичности? Через списки тоже пробовала, такая же картина. При ресайзе фон поджимается, а элементы меню уходят за границу браузера. Таблицей не предлагать - ибо задача была переписать страницу с таблиц в блоки :-) Как видно из 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

  12. заголовок нестандартным шрифтом

    Здраствуйте, скажите плиз возможно ли сделать заголовок сайта каким-нить своеобразным шрифтом, но чтоб не картинкой, а именно текстом (для оптимизации), а файлик с этим шрифтом например положить где нить в корне?

    Asked by vovan,

    0 votes
    12 answers

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

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

    Asked by Vlad,

    0 votes
    0 answers

  14. Smarty формы

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

    Asked by klerk,

    0 votes
    1 answer

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

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

    Asked by Rendom,

    0 votes
    5 answers

  16. Проблема с repeat

    Привет У меня возникла проблема со свойством repeat Мне нужно чтобы этот рисунок был фоновым изображением body (не html) и при этом чтобы position было bottom. Но он вообще не отображается на моей старнице. Подскажите пожалуйсто в чем дело: Link: www.helpeks.ru/ex/noname1.htm CSS: html {background-image:url(images/bg_html.jpg); background-repeat: repeat-x; background-position: top; } body {background-image:(images/bg_body.jpg); background-repeat: repeat-x; background-position: bottom; width: 100%; }

    Asked by Kev,

    0 votes
    13 answers

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

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

    Asked by brainless,

    0 votes
    10 answers

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

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

    Asked by okunev2,

    0 votes
    8 answers

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

    здравствуйте. подскажите плиз как реализовать следующее: есть таблица шириной 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

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

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

    Asked by ide32,

    0 votes
    3 answers

  21. Резиновый макет 3 колонки: проблема в IE и Opera

    Народ подскажите что делать, есть макет в 3 колонки: Так вот какая проблема, в осле и опере если ширина контента недостаточна, то левая и правая ячейки выползают и становятся шире своих заданных размеров, а дизайн никак не предполагает изменения размеров этих ячеек, как это можно исправить?

    Asked by Shar,

    0 votes
    6 answers

  22. Парсер - не шаблонизптор, но тоже типа удобный язык. Пользовался кто?

    Прочитал все руководство по Smarty, и побоялся браться за него. Наткнулся на парсер (тот, что Лебедев рекомендует), и он показался проще и удобнее. Пробую делать что-то. Кто-нибудь уже пользовался? Есть отзывы?

    Asked by vadimus,

    0 votes
    5 answers

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

    Вот код: 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

  24. Как сделать свой шаблон?

    Здравствуйте! Пишу свой сайт. Хочу использовать минимум наворотов, пока . Основной вопрос заключаться в следующем. Как сделать свой шаблон, или подскажите как делать в следующей ситуации: мне нада строчку вынести в другой файл, и на всех страничках сайта просто сделать ссылку на этот файл, чтобы кодировку можно было менять только в одном файле ). Вроде как один HTML здесь не обойтись, но SSI не подходит такая штука не работает на сервере где у меня сайт размещен. PHP тоже не подходит, потому как пока хочу обойтись простыми приемами. Извините за что по корявому объяснил, как умею . Заранее спасибо.

    Asked by maximus,

    0 votes
    10 answers

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

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

    Asked by okunev2,

    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