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. Вопрос по ячейке таблицы.

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

    Asked by W. Watson,

    0 votes
    2 answers

  2. Почему 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

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

    1) Есть таблица, у которой есть ячейки (слева и справа) со строго заданными высотой и шириной (14 ширина, 150 высота). В них вставлены такого же размера рисунки. В IE высота этих ячеек почему-то увеличивается, хотя в FF и O все нормально. Почему и как это исправить? Да, рисунки эти (gif) по краям прозрачные, поэтому если объединить 2 левые (правые) ячейки и вставить рисунок сверху поверх фона, он начинает "проступать" под рисунком. Чтобы этого не было я и сделал отдельно ячейки для рисунков в 150 высотой. 2) Валидатор говорит, что "there is no attribute "BACKGROUND" для строки " ". Заголовок не хочу менять, а как задать фон ячейки? <!DOCTYPE HTML PUBLIC "-//W3C//DTD HT…

    Asked by Online,

    0 votes
    11 answers

  4. Срочно нужна ваша помощь!!!

    Всем привет, помогите пожалуйста решить один элементарный вопрос Вот код моей страницы <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <meta content="text/html; charset=Windows-1251" http-equiv="content-type"> <title>Шахтинская плитка</title> </head> <body> <table style="text-align: left; width: 100%; height: auto;" border="0"> <tbody> <tr> <td style="height: 119px; width: auto; font-weight: bold; color: rgb(51, 102, 255); font-family: Times New Roman,Times,serif;" valign="top"><big><big><big><span style="color: rgb(255, 0, 0)…

    Asked by AiNt,

    0 votes
    7 answers

  5. Закрепление области в таблице (аналог excell)

    Hi многоуважаемый All ! Подскажите плиз как в таблице закрепить области - правый столбец и шапку ? Т.е. так, как можно закрепить в экселе ?

    Asked by Lexxus,

    0 votes
    20 answers

  6. Таблица, вложенная в див, не растягивает его в ff и opera

    Доброе время суток!!!! Есть див со 100% шириной, в него вложена таблица, когда в таблицу забивают контент, то е? ширина может превысить 100%т.е. она растягивается. У дива есть все фоновый цвет, в браузерах ff и opera див не растягивается. Как можно решить данную проблему?

    Asked by Valentinka,

    0 votes
    4 answers

  7. Загрузка изображений

    Здравствуйте всем, есть страничка, на которую положены картинки. В силу того, что картинки разного размера, отображаются они на странице через разное время. Можно ли как-то "синхронизировать" данный процесс? Спасибо!

    Asked by a_web,

    0 votes
    1 answer

  8. Не пойму почему себя ведет слой как-то не так.

    Здравствуйте. Проблема слудующая, вот код: html <!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" /> <link rel="stylesheet" type="text/css" href="main.css" /> <title>Test</title> </head> <body> <div id="n1"> <div id="top"><img src="images/logo.jpg" alt="Логотип" id="logopict" /></div> <div id="topmenu"></div> <div id="left">Left</div> <div id="centr">content</div>…

    Asked by metalman,

    0 votes
    15 answers

  9. Отступ между строками таблицы

    Как добавить отступ между строками в таблице, но не между ячейками? Заранее спасибо)

    Asked by Victor Ananiev,

    0 votes
    17 answers

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

    Помогите пожалуйста,у меня следующая ситуация: Я решил для треннировки попробовать сделать такойже сайт : 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

  11. 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

  12. <sup> прямо над текстом

    Добрый день! Подскажите, плз, как расположить верхний индекс прямо над тексом (не справа и не слева).

    Asked by Бухалыч,

    0 votes
    1 answer

  13. Вопрос по маркированным спискам

    Здравствуйте. Есть такой вот код: <td colspan="2" class="nav"> <ul> <li><a href="index.html" class="li">Главная</a></li> <li><a href="02.html" class="li">Ипотека</a></li> <li><a href="04.html" class="li">Документы</a></li> <li><a href="05.html" class="li">Информация</a></li> <li><a href="06.html" class="li">Контакты</a></li> </ul> </td> и стиль: td.nav { width: 960px; height: 47px; text-align: center; vertical-align: middle; } li { list-style: disc url(separator.jpg); padding-left: 20px; padding-right: 20px; display: i…

    Asked by Petru44o,

    0 votes
    4 answers

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

    Вот ума приложить не могу... Нашел скрипт, который позволяет работать :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

  15. мини-чат

    наверно плохо искал подобную тему.. не нашел. нужно созать мини-чат. окошко для написания текста, внизу окошко где будут отображаться сообщение.. можно описать это? поможите?

    Asked by P@Lbl4,

    0 votes
    25 answers

  16. Картинка внутри блока

    Есть блочный элемент, внутри которого находится текст, ширина этого элемента задана в процентах. При уменьшении окна браузера и соответственно ширины элемента текст вед?т себя нормально, т. е. передвигается внутри блока и не вылазит за границы. Проблема такая: При помещении внутрь блока (между строками текста) графической картинки, при уменьшении ширины блока меньше ширины вставленной картинки, картинка начинает вылазить за границы блока. Так вот, как это вылечить? Какие есть решения этой проблемы? Прич?м применение к блоку таких свойств как "min-width" или "overflow" здесь не прокатывает, уже пробовал. Заранее благодарен.

    Asked by max999,

    0 votes
    17 answers

  17. Можно ли сверстать семантично 2 облака тегов?

    Задача проста: 2 облака тегов и переключалка между ними (отображается только одно облако). | облако 1 | облако 2| |тег тег тег тег тег тег| <?сюда подставляются теги выбранного облака после клика по переключалке. Я хотел сделать эту конструкцию правильно, т.е. список с двумя вложенными списками: <ul> <li> Облако 1 <ul> <li><a href="#">тег</a></li> <li><a href="#">тег</a></li> <li><a href="#">тег</a></li> <li><a href="#">тег</a></li> </ul> </li> <li> Облако 2 <ul> <li><a href="#">тег</a&gt…

    Asked by XXXVII,

    0 votes
    1 answer

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

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

    Asked by kkefirov,

    0 votes
    2 answers

  19. Кроссбраузерность таблицы

    Очень ламерский вопрос, но все же как добиться того, чтобы таблица (не как способ верстки, а как способ отображения данных) выглядела одинаково во всех браузерах? Я только начинаю верстать. Таблица нормально выглядит в Опере. В ИЕ/ФФ ячейки немного увеличивают в высоте, но мне так нельзя. Приведу кусок ЦССа: table { border: solid 1px; border-collapse: collapse; width: 100%; text-align: center; } th { background: #eee; font-weight: bold; border-color: #bfbfbf; padding: 6px; } td.warned_by { text-align: left; } tr.censure { background: #f4fdee; } tr.truant { background: #fdebe8; } tr.noob { background: #f4f5ff; } Сразу вопрос, чтобы не создавать лишних тем…

    Asked by HatoL,

    0 votes
    3 answers

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

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

    Asked by litrub,

    0 votes
    2 answers

  21. Не получается фон body

    Народ, подскажите, пожалуйста! Как задать body фон таким образом, чтобы он отображался по тому же принципу как в изображении? Центральную часть фона body можно отдельно выровнять по центру. Но как сделать так чтобы участки фона справа и слева от центрального бесконечно повторялись? http://f3.s.qip.ru/12K4cQBDa.png

    Asked by Jardineiro,

    0 votes
    3 answers

  22. Проблема с фоном

    Люди, как сделать общий bg 2-цветных? Тоесть один цвет на пол ширины слева, другой справа????

    Asked by Sandro,

    0 votes
    4 answers

  23. Вопросы

    Как сделать так, что бы при сохранении страницы сайта через браузер, можно было открыть документ в FrontPage(или др. редактор) и увидить там русские буквы а ни иероглифы? Я пробывал добавить между и - не помогло И еще, можно ли сделать, что бы фоновый рисунок растягивался вместе с таблицей (у таблици ширина 100%)

    Asked by МужиГ,

    0 votes
    9 answers

  24. вопрос

    Помогите!!! Не где не могу найти, как сделать, чтобы посетители сайта могли скачивать файлы с сайта? Заранее всем спасибо за помощь.

    Asked by Brend,

    0 votes
    6 answers

  25. Перенос в титлах

    Рад приветствовать общество, после недолгой вынужденной паузы! Вот подскажите пожалуйста, возможно ли как нибудь организовать перевод каретки в титле: <span title=Тег или тэг: от английского Tag (бирка): специальный набор символов, описывающий характеристики текстовых и других объектов. style='color:#3300CC; cursor:help'> тег</span> nr не работают. А у Гугла как то получается. Или нужно отдельный скрипт сочинять? PS. Как же все таки правильно, тег или тэг? Спасибо.

    Asked by Николай 2357,

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