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. IE 6 неправильно устанавливает параметр height div-a, почему?

    Макет в процессе - http://brianna-cat.narod.ru/ Проблема - при явно заданной высоте объекта s_t в 4пх (этот объект - верхняя граница градиентного блока левой колонки), в шестом ие высота этого объекта ни с того, ни с сего выставляется в 18-19 пх (установлено опытным путем). При выставлении параметра height больше 19 - отображает верно, при height меньше 19 - зависает на них же.. Бьюсь несколько суток, подскажите, пожалуйста, в чем может быть дело? выглядит вот так-

    Asked by Brianna,

    0 votes
    2 answers

  2. float элемент выходит за нижнюю границу не float элемента

    Есть проблема. У меня есть div, в котором может находится любой текст, картинки, и вс? что угодно, так как это блок новостей, и администратор может размещать свою новость тут. Предположим, что новостной контент состоит из картинки и текста <div> <p><img src="test.jpg" alt="" />some text here</p> </div> Но это не самое красивое размещение текста относительно картинки, и администратор решает картинку сделать обтекаемой справа: <div> <p><img src="test.jpg" alt="" align="left"/>some text here</p> </div> И вот тут возникает проблема, картинка почему-то вываливается ниже нижней границы div'а. Немного поэксперементиро…

    Asked by Altex,

    0 votes
    2 answers

  3. Валидация - не могу понять причины ошибки...

    Есть у меня личный сайт (некоммерческий, пожтому могу дать ссылку - www.pitercult.ru Проверяю его валидатором. 5 ошибок. причем, 4 из них - в одном URL. не могу понять, что за ерунда, - нормальный, ничем не примечательный URL... если к-л возможность избежать появления ошибок валидации, кроме отказа от ссылки?

    Asked by nicothin,

    0 votes
    2 answers

  4. Верстка меню: не представляю как это сделать

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

    Asked by Hippy,

    0 votes
    2 answers

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

    Прочитал много кодов но так и не смог решить проблему. Дело в том что в итоге браузер может растянуть картинку но не сжать е?. В связи с этим внизу страницы появляется вседоканывающий ползунок. Если убрать шапку и подвал сайта то ползунок магическим образом исчезает Мне нужно чтобы сайт корректно отображался на экранах с расширением 1024 пикселей. Шапка и Подвал имеют ширину 1220 точек.Не советуйте пожалуйста ументшить их ширину так как это вариант мне не подходит. Вот коды шапки и подвала <tr> <td colspan="5"><img src="Images/MegaTools.jpg" width="100%" height="226" alt="А здесь размещена красивая картинка"></td> </tr> <tr> <td co…

    Asked by Rebux,

    0 votes
    2 answers

  6. Вопрос по ячейке таблицы.

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

    Asked by W. Watson,

    0 votes
    2 answers

  7. Почему IE 6+ не показывают маркеры нумерованного списка

    Перед постом как мог облазил все здешние форумы. Если пропустил похожую тему - не взыщите. Суть: для всего сайта сделан reset маркеров нумерованного списка, но в одном из списков маркеры понадобились. С их ввожу - list-style: inherit . Все браузеры начинают их показывать кроме IE. Рисет убирать - НЕЛЬЗЯ (это не обсуждается). Нельзя также изменять DOCTYPE и кодировку. Прошу помочь. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <title>Маркеры…

    Asked by mamadu,

    0 votes
    2 answers

  8. Табличная в?рстка

    Помогите пожалуйста,у меня следующая ситуация: Я решил для треннировки попробовать сделать такойже сайт : http://baby-studio.ru/ мой код: <!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"> body {margin:0;background:url(1.jpg);} .t { width:100%; height:300px; border: 0px solid black; background-image:url(line.gif);background-repeat: no-repeat;background-position: center -14px; } </style> </head> <body> <MAP id=menu_1 name=me…

    Asked by psywalker,

    0 votes
    2 answers

  9. html шаблон и вставка из другого html

    Всем привет! Возможно вопрос уже задавался тысячу раз, но спрошу еще раз (поиск не помог, может не так искал?) КАК средствами html или же другими какими (простыми) возможно следуещее: 1. у меня есть файл-шаблон index.html который состоит из таблицы в виде: ШАПКА ———— п | |п о | |о л | |л я | |я ———— ФУТЕР 2. У меня есть 100 других html-файлов в виде таблиц (2-3 столбца и 10-15 строк) 3. КАК сделать так, чтобы например при ссылке http://site/index.html?01.html в пустое поле шаблона выводил содержимое моего первого html-файла и т.д.? ПРИМЕЧАНИЯ: - Мне надо обойтись БЕЗ фреймов! - Шапка и поля - элементы дизайна НО не меню! В них ссылок НЕТ! Ссылки в теле страницы (каждый…

    Asked by M.C.,

    0 votes
    2 answers

  10. Заставляем работать селекторы!!!

    Вот ума приложить не могу... Нашел скрипт, который позволяет работать :hover для IE. На одном проекте все заработало... но на другом стоит клином. Подключаю след. образом, описанном в приложении к скрипту: body { behavior:url("./res/js/csshover.htc"); } Понял, что проблема еще может быть в div.menu li:hover ul, и .menu li:hover ul... Но втыкать во всю фишку этого дела... нет времени... Возможно у кого-то есть лучше вариант с селекторами, или покажите как правильно) Заранее спасибо!

    Asked by Maslakoff,

    0 votes
    2 answers

  11. Как разместить изображение относительно центра другого элемента

    Есть проблема с горизонтальным размещением картинки по центру таблицы. Полупрозрачная картинка myimage.gif является необходимым элементом дизайна и должна располагаться над таблицей ровно по ее центру. Для ее позиционирования я применяю свойство position: absolute; width 100%;. В IE все отображается как надо: картинка остается по центру таблицы при уменьшении размеров окна. В Firefox и Opera картина другая: при уменьшении размеров окна рисунок остается по центру окна браузера, а не таблицы! Использовать position: relative; с заданием положения картинки относительно центральной ячейки не получится, так как резервируется место под картинку и дизайн портится. Может кто подс…

    Asked by kkefirov,

    0 votes
    2 answers

  12. Не работает в IE. Можно ли исправить?

    Здравствуйте. Запускаю сайт на WP. Очень понравилась тема iNoereN (http://www.inoeren.com/), хотел ее использовать для создания блога, но... В правом верхнем углу в сайдебаре есть переключающийся блок, который не хочет работать в "любимом" браузере IE. Подскажите пожалуйста, возможно ли это исправить?

    Asked by litrub,

    0 votes
    2 answers

  13. помогите создать два вложенные друг в друга и резиновые по высоте дивы

    В общем идея такая, помогите реализовать, уже два дня мучаюсь, ничего не получается. Нужно сделать два резиновых по высоте дива, которые в случае превышения внутренним контентом высоты окна браузера тянутся на высоту этого контента, в противном случае занимают 100% высоты окна браузера. Один див вложен в другой. Насколько это реально??? Тут код страницы, по идее должен работать, но почему-то не работает. Помогите кто чем может.

    Asked by windim,

    0 votes
    2 answers

  14. Проблема с подменю

    Всем привет. Много писать не буду собственно проблема вот в чем. Взял меню с сайта http://www.noupe.com/css/multilevel-drop-d...-tutorials.html Поставил себе http://musul.narod.ru/bizon/index.html нажимаем на ЦЕНЫ опа меню скатилось))) и все бы нормально вот только почему то кнопки не кликаются не знаю почему, нажимаю правой кнопкой нажимаю "Открыть в новой вкладке" открывается нормально а когда просто кликаешь не работает, может у кого было ? Или кто знает буду очень благодарен. p.s.меню фарш и сам знаю

    Asked by musulman,

    0 votes
    2 answers

  15. Как растянуть Div по вертикали ?

    Есть DOCTYPE - quot;-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> И его трогать нельзя... Как с этим DOCTYPom растянуть div на 100% по вертикали На скок я знаю с ним Div не растянится ... Я прав или нет ? Подскажите кто знает.... ;|

    Asked by antonP,

    0 votes
    2 answers

  16. Выпадающее меню

    Есть 3 блока Меню1 Меню2 Меню3 Пример можно увидеть на главной странице http://www.google.com.ua/ ВВерху есть ссылочка *ещ?*, вот мне нужно такое же меню, неподскажите как это сделать ? Спасибо.

    Asked by AcidBurn,

    0 votes
    2 answers

  17. Проблемка со strict и высотой ячейки таблицы

    Что то не пойму я почему красная ячейка не на весь экран по высоте. Помогите: <!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"> </head> <body bgcolor="black" style="height:100%; margin:0; padding:0; border:0;"> <table border="1" cellpadding=0 cellspacing=0 width="100%" height="100%"> <tr><td valign="top" > <table border="0" cellpadding=0 cellspacing=0 width="100%" height="100%"> <tr> <td bgcolor="red" height="100%" valign="top"> Почему красная область …

    Asked by tdm,

    0 votes
    2 answers

  18. Помогите опредилить движок.

    Вот есть сайт: http://xakep.ru/ Помогите определить движок.

    Asked by vvsh,

    0 votes
    2 answers

  19. Элемент с height: 100% и шестой осел.

    Здравствуйте. Имеем код: <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <HEAD> <META http-equiv=Content-Type content="text/html; charset=windows-1251"> <TITLE>Что-то</TITLE> <style type="text/css"> html,body { height:100%; width:100%; margin:0px; padding:0px; } table { height:100%; margin:0px; padding:0px; border-collapse: collapse; border-spacing: 0px; } tr { margin:0px; padding:0px; } </style> </HEAD> <BODY> <table width="100%" cellpadding="0" cellspacing="0"> <tr style="height: 100%;"> <td style="height: 100%;"&g…

    Asked by IceFire,

    0 votes
    2 answers

  20. Не плохой ресурс, но все же ...

    Не плохой форум, но очень часто сообщения находятся без ответа. Или его просто удаляют.

    Asked by Tonvitartoort,

    0 votes
    2 answers

  21. Проблема с блочной версткой.

    Есть следующий код страницы: <!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" content="text/html; charset=windows-1251"> <link rel="stylesheet" href="style.css" type="text/css"> </head> <body> <div id="container"> <div id="head"> Это заголовок. Он должен быть вверху. Во всю ширину страницы. Во всю ширину страницы. Во всю ширину страницы. Во всю ширину страницы. Во всю ширину страницы. Во всю ширину страницы. Во всю ширину страницы. Во всю ширину страницы. Во всю ширину с…

    Asked by SpyLive,

    0 votes
    2 answers

  22. высота iframe может меняться в зависимости от контента?

    Всем привет! Хотел бы узнать, а высота iframe может динамически меняться в зависимости от контента и если да, то как это можно организовать? Либо, как вариант мне надо, чтобы новые ссылки автоматом открывались в томже самом div-e, БЕЗ перезагрузки основной страницы.... Т.е. у меня есть страница, в нее через div или iframe (с помощью ajaxtabscontent) выводится другая страница, на которой есть ссылки. Дальше, если в iframe, то ссылки в фрейме и открываются (но тогда из-за разного содержимого страниц появляется вертикальная прокрутка iframe-а), а вот если div - то они открываются в новом окне. Хотелось бы избавиться от вертикальной прокрутки в iframe, чтобы страница динамиче…

    Asked by M.C.,

    0 votes
    2 answers

  23. <img src="...." title=" "> А как title в CSS

    нужно чтобы к картинге добавлялась подпись, в обычном штмл это тайтл, а как в цсс тож самое сделать например: h1.logo a { background: url(../images/logo.gif) no-repeat; display: block; float: left; height: 45px; outline: none; text-indent: -5000px; text-transform: uppercase; width: 264px; } к этому логу нужно добавить тайтл. заранее благодарю!

    Asked by binladen,

    0 votes
    2 answers

  24. Как задать 50% высоту для двух дивов в ячейке?

    Есть ячейка в которой находятся 2 дива с заданным цветом бэкграунда: Как сделать так чтобы каждый див занимал 50% высоты ячейки? Пробывал height:50%; и padding: auto 5px; - не помогает.

    Asked by mckey,

    0 votes
    2 answers

  25. Борьба с отступами сверху и снизу от елементов input в IE

    Asked by multio,

    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