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

    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

  2. Вертикальное центрирование изображения

    Доброго времени суток. Ситуация такая. Есть некий блочный элемент (допустим, абзац), внутри которого есть картинка и немного текста. Картинка вставлена тегом Код, работающий в Опере и Лисе: HTML: <img src="menu.png"> Some Text CSS: p { height: 100px; line-height: 100px; } p img { vertical-align: middle; } Буду очень рад, если кто-то подскажет как заставить работать это в IE

    Asked by Kaiden,

    0 votes
    11 answers

  3. Изменение заголовка при наведении на блок

    Нужно изменение заголовка при наведение курсора мыши на весь блок. Использование таких селекторов .dinav:hover > h2.tsnav, .dinav:hover h2.tsnav дает изменение бекграунда под заголовком Н2 только в опере и сафари. Как такое же реализовать в FF и тем более в IE? <div class="dinav"><h2 class="tsnav">Оборудование для инженерных систем</h2> <a href="p-1.html" class="inav">Оборудование ?1</a> (600) <a href="p-1.html" class="inav">Оборудование ?2</a> (1805) <a href="p-1.html" class="inav">Оборудование ?3</a> (1685) <a href="p-1.html" class="inav">Оборудование ?4</a> (3111) <a href="p-1.html" class="ina…

    Asked by PaLyCH,

    0 votes
    4 answers

  4. Двуколоночная резиновая в?рстка

    Можно ли сверстать вот так? То есть, чтобы левая колонка тянулась до определенной ширины (а размеры правой при этом не изменялись), а после ? увеличивалась только правая? Подозреваю, это несложно, но что-то не разберусь. В каком направлении копать? :-) Спасибо!

    Asked by nikeivanov,

    0 votes
    6 answers

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

    Здравствуйте. Проблема слудующая, вот код: 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

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

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

    Asked by Valentinka,

    0 votes
    4 answers

  7. Фрейм в ячейке таблицы.

    Я использовал следующий тег. Вопрос такой: как избавится от нижнего скролла, и как сделать так, чтобы ячейка таблицы не растягивалась?

    Asked by W. Watson,

    0 votes
    3 answers

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

    Всем привет, помогите пожалуйста решить один элементарный вопрос Вот код моей страницы <!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

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

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

    Asked by a_web,

    0 votes
    1 answer

  10. div'ы, 3 колоники, проблема

    Столкнулся с такой проблемой (вроде все элементарно, но...): index.html <html> <head> <META HTTP-EQUIV="Page-Enter" CONTENT="BlendTrans(Duration=1.0)"> <meta http-equiv="content-type" content="text/html; charset=1251" /> <title>{$title}</title> <link href='style.css' rel='stylesheet' type='text/css' /> </head> <body bgcolor='#000000' text='#ffffff'> <div id='tbl_head'> <div id='tbl_td_head_l'>l</div> <div id='tbl_td_head_c'>c</div> <div id='tbl_td_head_r'>r</div> </div> </body> </html> style.css #tbl_head { background-color: #000000; backgr…

    Asked by Regnum,

    0 votes
    8 answers

  11. Как привязать одну картинку к другой

    В общем вот код картинки которую надо привзязать вплотную.Чтобы было стык встык.Выровнть нужно по правому краю так как присоединяма картинка на пордок меньше.Присоединяемая картинка в данные момент находится в теге Table а вот вторая за е? пределами так как вторая картинка является подвалом сайта. <tr> <td height="256"> <img src="Images/Drevo.jpg" width="210" height="254" hspace="0" vspace="15" alt=""></td> </tr> </table> </tr> А вот код картинки к которой надо привзать предыдущую картинку <tr> <td colspan="5"><img src="Images/Nizo.jpg" width="100%" height="50" alt="А здесь размещена красивая картинка"> </t…

    Asked by Rebux,

    0 votes
    6 answers

  12. Как выровнять frame справа от img ?

    Здравствуйте. Столкнулся с такой проблемой - никак не могу выровнять 2 картинки и 1 frame (в котором содержится поисковая форма поиска яндекса по блогам) "в одну строку". Дабы избавиться от части недоговорок, я приведу код обеих картинок (они стоят в 1 строке ровно) и поисковой формы (она вста?т вниз). Все теги на странице идут подряд без переноса строки. Картинка ?1 <a href="http://plummet-me.livejournal.com"><img src="http://plummet.ru/img/666.gif" width="80" height="15" hspace="5" border="0" alt="Рейтинг блогов" align="top"/></a> Картинка ?2 <a href=http://ljplus.ru/counter/rating target=_blank><img src=http://ljplus.ru/counter/lj.php?uid=2…

    Asked by Plummet,

    0 votes
    1 answer

  13. Принудительное разрывание строки в таблице

    Как добиться принудительного разрывания строки в ячейке таблицы, если текст не влазит в ячейку? Знаю только, как избежать его (((

    Asked by Vio,

    0 votes
    1 answer

  14. Помогите разобраься с тегом!

    Здравствуйте! Помогите пожалуйста разобраться тегом. Ввожу такой тэг (чтоб при наведении курсора на картинку она менялась на другую): onmouseout="document.link1.src='image/logo.png'"> Когда вставляешь одну картинку, все нормально. Но когда добавляешь еще картинку, работать перестает. В чем дело? Может его надо как-то закрыть???? :| ЗАРАНЕЕ БОЛЬШОЕ СПАСИБО!!!!!

    Asked by Nicole,

    0 votes
    6 answers

  15. Проблема Verdana и Arial в IE7 ..

    Подскажите как такое возможно ? Проблема началась когда я увидел что сайт с которым я сейчас работаю, по разному отображается в IE и Mozilla хотя шрифт везде стоит Verdana ... Попробовав маленький примерчик, я удивился ещ? больше (((( Подскажите пожалуйста в чем засада ?

    Asked by Powerslave,

    0 votes
    13 answers

  16. Меню: не представляю как подступиться

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

    Asked by Hippy,

    0 votes
    4 answers

  17. overflow - как убрать горизонтальные полосы прокрутки?

    overflow - как убрать горизонтальные полосы прокрутки?

    Asked by Sheena,

    0 votes
    1 answer

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

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

    Asked by W. Watson,

    0 votes
    2 answers

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

  20. Пробел между строками в таблице

    Между строками в таблице остается пробел, а необходимо сделать таблицу, в которой содержимое всех ячеек выглядит как одно целое. Если поставить ячейкам рамки, то видно, что пробел (свободное место) появляется только под рисунками, видимо задача в том, чтобы убрать его. Пожалуйста, подскажите путь решения проблемы, заранее извините, если этот вопрос уже поднимался тут (не нашел). <html> <head> <link rel=stylesheet type=text/css href=style.css> </head> <body bgcolor="#7086a4"> <table cellspacing="0" cellpadding="0"> <font size=3>Links</font> <tr> <td><a target=_parent href=http://000.ru/><img src=pics/…

    Asked by Job,

    0 votes
    1 answer

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

    http://www.igromania.ru/ - помогите, скажите какой движок?

    Asked by vvsh,

    0 votes
    5 answers

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

    Прочитал много кодов но так и не смог решить проблему. Дело в том что в итоге браузер может растянуть картинку но не сжать е?. В связи с этим внизу страницы появляется вседоканывающий ползунок. Если убрать шапку и подвал сайта то ползунок магическим образом исчезает Мне нужно чтобы сайт корректно отображался на экранах с расширением 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

  23. Нужен скрипт чтобы наложить Gif на Jpeg

    В общем нужен такой скрипт чтобы можно было размещать анимацию на другой картинке(используя е? как фон)

    Asked by Rebux,

    0 votes
    33 answers

  24. Интересно меню, но незнаю как сверстать (

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

    Asked by Hippy,

    0 votes
    4 answers

  25. Открытие двух окон с одной гиперссылки

    Подскажите, пожалуйста, как спомощью одной гиперссылки открыть два окна

    Asked by Igorian,

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