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. проблема

    недавно начал изучать html и сразу столкнулся с проблемой - при провереке страницы, она не отображается в браузерах експлорер и опера. помогите, пожалуйста разобраться, что я делаю не так. З.Ы. в мозилле и гугл хроме все работает вот код страницы <!DOCTYE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN" "http://www.w3.org/tr/REC-html140/loose.dtd"> <HTML> <HEAD> <TITLE>Сайт</HTML> <BASE href="http://www.max.ru"> <META http-equiv="Content-Type" content="text/html; charset=windows-1251"> <META name="keywords" lang="ru" content="бла-бла"> <LINK rel="stylesheet" type="text/css" href="style.css"> </HEAD> <BODY bgcolor="blue"…

    Asked by hello167,

    0 votes
    4 answers

  2. Разный одинаковый цвет фона.

    Делаю страничку с определенным цветом фона, захожу под ИЕ6 и под FF3 цвета совершенно разные. Подумал, может какой-то из браузеров изменяет цвет, делаю скрины рядом поставленных страниц, захожу в фотошоп, колорпикером тыкаю цвета - удивительно, но коды цвета одинаковые! Как может быть такое? Перепроверил, ИЕ6 действительно изменяет цвет фона, если фон - картинка.

    Asked by Kenshi45,

    0 votes
    1 answer

  3. Прозрачность в IE

    <!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"> <link rel="stylesheet" type="text/css" href="css2.css"> <title>Главная</title> </head> <body> <div class="ab">Прозрачность </div> </body> </html> body { background-color:rgb(0,0,0); opacity:0.5; filter: alpha(opacity=50); } .ab { background-color:rgb(255,255,255); } http://htmlbook.ru/css/opacity.html - сказано для IE прописать "filter: alpha(opacity=50)", прописываю - в IE 8 beta не работает.

    Asked by IceBars,

    0 votes
    1 answer

  4. Где ошибка?

    Есть страничка, в ней есть таблица, внутри этой таблицы рисунок и еще одна таблица, по идее оба объекта прижаты к верхней границе, но почему-то рисунок получается расположен ниже уровня вложенной таблицы (баг виден в FF), как это исправить? Вот страничка: http://aionzone.ru/themes/aionzone/spells.htm Исходник: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html> <head> <title>Таблица способностей</title> <style type="text/css"> body{ color: #000; background-color: #fff; font: 12px Tahoma, Arial, Courier New; } table.item-show{ padding: 0; margin: 10px 0 50px 0; } ta…

    Asked by Kenshi45,

    0 votes
    6 answers

  5. Проблемка с штриховым подчеркиванием ссылок

    Нравится мне, когда ссылки штриховые. Хорошо сочетается со строгим дизайном и шрифтом Georgia ... соответственно убираем в описании стиля гиперссылки text-decoration и ставим border-bottom: a:link, a:hover { color : #262626 !important; text-decoration : none !important; /** простое подчеркивание убрать **/ border-bottom: 1px dashed #262626; /** линию штриховую добавить**/ } a:visited { color : #006600 !important; text-decoration : none !important; border-bottom: 1px dashed #006600; } Проблема в том что после такой замены все картинки функционала стали подчеркиваться. Очень не красиво... Не нагуглил как это сделать, мож не такие запросы задавал :-[ С…

    Asked by Geratewart,

    0 votes
    3 answers

  6. хостинг

    кто нибудь может подсказать бесплатный хостинг(без всяких смс для регистрации) >с поддержкой php и mysql >желательной без всяких анкет"укажите назначение вашего сайта бла бла бла мы какнибудь рассмотрим ваше предложение"чтоб сразу можно было хостинг получить >без рекламы ну или хотя бы чтоб она закрывалась,а не торчала минуту(как на холме) >ну и чтоб домен прилогался(3 уровня) >и чтоб можно было phpmyadmin поставить Если кто нибудь знает такой хостинг киньте пожалуйста ссылку

    Asked by Noks,

    0 votes
    6 answers

  7. Градиентное изображение

    Вся шапка сайта это отдельный фрейм. В нем 3 рисунка. Первый логотип, второй логотип, а третий хочу растянуть на все оставшееся место. Проблема в том что сам фрейм уже подгружает файл css. И пробовал по всякому стандартными средствами. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <link rel="stylesheet" type="text/css" href="style.css"> <html> <head> <title>frlogo</title> </head> <body> <a href="index.html"><img src="logo.bmp" align="left" height="60" width="100" hspace="0" vspace="0" border="0"></a> <a href="index.html"><img src="logo2.bmp" align="left" height="60" widt…

    Asked by Ururu,

    0 votes
    0 answers

  8. Как сделать закладку для двух тем на одной странице

    Добрый день всем !!! Скорее всего я не очень карректно описал в теме свой вопрос попробую здесь . Я начинающий , так что просьба , если это возможно поподробнее . Задача в следующем . Я хочу сделать страничку на которой есть две вкладки при нажатии на одну вкладку информация первой стоновится не видимой и наоборот , не хочется делать это как меню и строить еще две строницы с содержимом вкладки . а хочется сделать все на одной странице . Содержимое первой вкладки как в прочем и второй будут линки вот при нажатии на них я переду на другую страницу . Спасибо всем за терпение и помощь

    Asked by bgraf,

    0 votes
    6 answers

  9. Выровнять текст в элементе select

    Может кто-нибудь знает, как в элементе select выровнять текст по правому краю в браузерах кроме FF(там банально работает text-align)? Особенно интересует IE и Safari. Буду очень благодарна за помощь!

    Asked by olya111,

    0 votes
    1 answer

  10. Горизонтальная\вертикальная прокрутка изображений

    Друзья помогите пожалуйста, искал в сети решение - внятно ответа не нашел Ситуация: есть горизонтальный список изображений с прокруткой + центральное увеличенное изображение, как править код что бы горизонтальный список стал вертикальным Бьюсь над этой проблемой не первую неделю, если кто знает подскажите пожалуйста

    Asked by sol,

    0 votes
    6 answers

  11. Проблема ширины body в IE6

    Здравствуйте.. Никак не могу разобраться с такой проблемой: на странице 3 элемента. один фиксированной ширины позиционирован статически.. второй позиционирован абсолютно и всегда должен быть в правом углу.. ширина третьего (position: static;) всегда должна быть 100% от ширины всей страницы (в независимости от ширины окна).. В FF и Opera все норм.. как всегда глюк в IE6.. Помогите разобраться. на данный момент проблема осталась только в ширине 3-го элемента <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html> <head> <title>body_test</title> <meta http-equiv="Content-Type" conten…

    Asked by ScRiPt,

    0 votes
    7 answers

  12. kak zamenit shablon

    u mena sait na ucoz servere, i xachu zamenit shablon.vi ne padskajite gde mojna naiti xaroshi shablon i kak zamenit!?

    Asked by g-soft,

    0 votes
    1 answer

  13. Резиновый макет

    Проблема такая. Не знаю, как взять за такое дело. Страница шириной 1600 пикселей. При разрешении 1024 видна основная часть. Соответственно, справа и слева от нее все продолжается красивыми бэкграундами. Надо: при увеличении размера окна вначале, чтобы справа показалась дополнительная часть, а потом уже слева. Каким образом это осуществить(общая идея)?

    Asked by AntonSubbota,

    0 votes
    1 answer

  14. css menu

    Вот, есть CSS выпадающее меню } #nav li ul { display: none; } #nav a { text-transform:uppercase; font-size:14px; text-align:center; background-image:url(/imgA/mn.gif); color: #fff; text-decoration: none; display: block; width: 102px; padding:10px; background: #515151; } #nav a:hover { color: #000; background: #ccc; } #nav li:hover { background: #515151; } #nav li ul { display: none; } #nav li ul { display: none; position: absolute; background: url(fone-tr.png); padding: 8px 0; width: 200px; } #nav li li a { width: 300px; background: none; } #nav li:hover ul { display: block; padding:0; } #nav li:hover li ul { display: none; …

    Asked by aNt1,

    0 votes
    1 answer

  15. Вставка новых позиций модулей

    Оранжевая позиция занимает ширину всей таблицы шириной 880. А мне нужно чтобы три позиции разделили поровну эту ширину. Подскажите в чем я ошибаюсь. <table width="900" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF"> <tr> <td><p> </p> <table width="880" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF"> <tr> <td width="293" valign="top"><?php mosLoadModules ( 'user13' ); ?></td> <td width="293" valign="top"><?php mosLoadModules ( 'user14' ); ?></td> …

    Asked by SergRU,

    0 votes
    1 answer

  16. JavaScript + CSS

    Есть всплывающий текст, как можно применить к нему стиль вместо того, чтобы писать кучу параметров: <a href="index.htm" onmouseover="Tip('Название', DELAY, 0, BGCOLOR, '#eee', BORDERCOLOR, '#99A2AC', FONTSIZE, '12px', FONTFACE, 'Tahoma', OPACITY, '95')" onmouseout="UnTip()">

    Asked by Kenshi45,

    0 votes
    16 answers

  17. Как сделать проверку через w3c?

    Как сделать проверку HTML и CSS через w3c?

    Asked by Kenshi45,

    0 votes
    5 answers

  18. CSS menu

    Вот, есть CSS выпадающее меню } #nav li ul { display: none; } #nav a { text-transform:uppercase; font-size:14px; text-align:center; background-image:url(/imgA/mn.gif); color: #fff; text-decoration: none; display: block; width: 102px; padding:10px; background: #515151; } #nav a:hover { color: #000; background: #ccc; } #nav li:hover { background: #515151; } #nav li ul { display: none; } #nav li ul { display: none; position: absolute; background: url(fone-tr.png); padding: 8px 0; width: 200px; } #nav li li a { width: 300px; background: none; } #nav li:hover ul { display: block; padding:0; } #nav li:hover li ul { display: none; …

    Asked by aNt1,

    0 votes
    0 answers

  19. Какой тег в html-е запрещает обработку html?

    Привет! Подскажите пожалуйста, какой тег в html-е запрещает обработку html? Нужно в форум, который обрабатывает html вставить цитату html кода. Форум ее ест как код, а мне надо показать как текст. То есть мне нужно на html странице, в браузере показать кусок html-кода(со скобками, тегами).

    Asked by Rockie,

    0 votes
    7 answers

  20. Граница кнопок

    Сам в стилях не очень, поэтому скопировал с какого то сайта этот с описанием "почти универсальный". Это его кусок. Сайт состоит из фреймов, все фреймы подгружают файл css. Проблема в том что бы в футере используя этот стиль изменить границы кнопок, тоесть подключить внутренний стиль. Кнопка (обычный рефер) на подобии счетчика. Хочу сделать так, что бы небыло отступов от краев фрейма. Подскажите что добавить в сам html футера. p, ul, ol { margin:0; padding:0 0 1.25em 0; } ul, ol { padding:0 0 1.25em 2.5em; } blockquote { margin:1.25em; padding:1.25em 1.25em 0 1.25em; } small { font-size:0.85em; } img { border:0; } sup { position:relative; bottom:0.3em; vertical-align:base…

    Asked by Ururu,

    0 votes
    0 answers

  21. Проблема с размерами body{}

    Не получается задать размеры, хочу, чтобы страница занимала 100% размера окна. <!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" lang="ru" xml:lang="ru" dir="ltr"> <head> <title>Страница не найдена</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <style type="text/css"> body { border: 1px solid red; height: 100%; } table.t1{ height: 100%; width: 100%; } </style> </head> <body> <table class="t1" cellspacing="0" cellpadding="0" border="1"> <tr> <td>123<…

    Asked by Kenshi45,

    0 votes
    11 answers

  22. Как сделать, чтоб всед за одним слоем второй также удлинялся в высоту?

    Подскажите пожалуйста ещё раз, как сделать, чтобs всед за одним слоем второй также удлинялся в высоту?

    Asked by Glebr,

    0 votes
    2 answers

  23. Домашняя страница

    Подскажите, можно ли (если можно, то как?) узнать домашнюю страницу юзера и зделать на нее ссылку? Зарание спасибо!

    Asked by ванька,

    0 votes
    3 answers

  24. Два фрейма на одной строке

    Как разместить два плавающих фрейма не одной строке ?

    Asked by wewwew,

    0 votes
    0 answers

  25. Фреймы

    Используя только фреймы, возможно изобразить такое? Сделать так что бы фрейм 1 и 5 имели виксированную высоту. Получается все сделать только если убрать пятый фрейм. Пробовал разбивать на 3 фрейма по вертикали и потом делить средний, не получилось. Вот оно: <frameset frameborder=0 rows="50, *, 20"> <frame skrolling="no" noresize scr="frlogo.htm" name="frlogo"> <frame skrolling="no" noresize scr="frbody.htm" name="frbody"> <frame skrolling="no" noresize scr="frfoot.htm" name="frfoot"> </frameset> А это тот самый средний фрейм: <frameset frameborder=0 cols="20%, *, 20%"> <frame skrolling="no" noresize scr="frleft.htm" name="frleft"&…

    Asked by Ururu,

    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