Форум: Форум PHPФорум ApacheФорум Регулярные ВыраженияФорум MySQLHTML+CSS+JavaScriptФорум FlashРазное
Новые темы: 0000000
Самоучитель PHP 5 / 6 (3 издание). Авторы: Кузнецов М.В., Симдянов И.В. PHP на примерах (2 издание). Авторы: Кузнецов М.В., Симдянов И.В. Объектно-ориентированное программирование на PHP. Авторы: Кузнецов М.В., Симдянов И.В. PHP Puzzles. Авторы: Кузнецов М.В., Симдянов И.В. Самоучитель MySQL 5. Авторы: Кузнецов М.В., Симдянов И.В.
ВСЕ НАШИ КНИГИ
Консультационный центр SoftTime

HTML+CSS+JavaScript

Выбрать другой форум

 

Здравствуйте, Посетитель!

вид форума:
Линейный форум (новые сообщения вниз) Структурный форум

тема: Explorer показывает тег H1 большим шрифтом, несмотря на кокретное указание размера в таблице стилей

Сообщения:  [1-10]    [11-20]  [21-22] 

 
 автор: CNT   (22.06.2007 в 14:17)   письмо автору
 
   для: Myas   (22.06.2007 в 14:05)
 

1. КРИЧАТЬ не надо.
2. В каком браузере вы смотрите?
3. У меня, например, последний ваш код в IE6, в FF и в Opera обе надписи идут одним кеглем, но разной жирности - H1 выделен. В чём вы можете убедиться, посмотрев приаттаченную картинку.

   
 
 автор: Myas   (22.06.2007 в 14:05)   письмо автору
 
   для: Lelik   (20.06.2007 в 17:51)
 

Вернее даже вот такой вариант:
ТОТ ЖЕ РЕЗУЛЬТАТ!!!!!


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<style> 
* { font-size:100.01%; }
body { font-size:0.8em; }
</style> 
</HEAD>

<BODY>
<TABLE cellpadding="0" cellspacing="0" width="490" height="30">
<TR><TD height="14"><H1 style="font-family: Arial; font-size: 0.8em">текст H1</H1></TD></TR>
<TR><TD height="14"><P style="font-family: Arial; font-size: 0.8em">текст P</P></TD></TR>
</TABLE>
</BODY>

</HTML>

   
 
 автор: myas   (22.06.2007 в 13:53)   письмо автору
 
   для: Lelik   (20.06.2007 в 17:51)
 

ПОФИГУ!!!
Ничего не получается
"текст H1" все равно крупнее выводится, чем "текст P"!!!!

Вот полный текст скрипта, уже без таблицы стилей и упрощенный донельзя!

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<style> 
* { 
font-size:100.01%; 

body { 
font-size:0.8em; 

h1 { 
font-size:0.8em; 
}
p { 
font-size:0.8em; 
}
</style> 
</HEAD>
<BODY>
<TABLE cellpadding="0" cellspacing="0" width="490" height="30">
<TR><TD height="14"><H1>текст H1</H1></TD></TR>
<TR><TD height="14"><P>текст P</H1></TD></TR>
</TABLE>
</BODY>

</HTML>

   
 
 автор: Lelik   (20.06.2007 в 17:51)   письмо автору
 
   для: Myas   (20.06.2007 в 17:20)
 

ага. именно. вообще размеры шрифтов лучше указывать в относительных величинах, таких как em или в процентах.

100.01% — это своеобразный хак для Оперы. какая-то ее версия криво отображает размеры для шрифтов в таблицах и вне них. данное условие решает эту проблему.

добавлено

можно посмотреть на всю таблицу силей?

   
 
 автор: Myas   (20.06.2007 в 17:20)   письмо автору
 
   для: Lelik   (20.06.2007 в 11:13)
 

Спасибо еще раз, Lelik!

Можно пояснить последний пост?
Я так понял, просто попробывать прописать
* {
font-size:100.01%;
}
body{
font-size:0.8em;
}
перед всякими описаниями стилей?

И еще, почему font-size:100.01% - такое "точное" число? А не 100%, например.
Спасибо заранее!

   
 
 автор: Myas   (20.06.2007 в 17:17)   письмо автору
 
   для: Lelik   (20.06.2007 в 11:13)
 

Во-первых, спасибо большое за информацию!
Честно!

Но... Все равно ничего не получается!
Вот реальный пример, который на реальном компе надпись "НОВОСТИ H1" выводит КРУПНЕЕ чем "НОВОСТИ P"!!!

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<LINK rel="stylesheet" type="text/css" href="stylenew.css">
</HEAD>

<BODY>
<TABLE cellpadding="0" cellspacing="0" width="490" height="30">
<TR><TD height="14"><H1 class="text_mainhead">НОВОСТИ H1</H1></TD></TR>
<TR><TD height="14"><P class="text_mainhead">НОВОСТИ P</H1></TD></TR>
</TABLE>
</BODY>

</HTML>

Файл stylenew.css:

h1.text_mainhead { color: #008000; font-family: Arial; font-size: 8pt; text-decoration: none; text-align:left; vertical-align: top; margin-left: 10px; font-weight:bold; margin-bottom: 0 }
p.text_mainhead { color: #008000; font-family: Arial; font-size: 8pt; text-decoration: none; text-align:left; vertical-align: top; margin-left: 10px; font-weight:bold; margin-bottom: 0 }

Вроде по вашему описанию должно помочь. Но не работает, фигня, блин!

   
 
 автор: Myas   (20.06.2007 в 17:15)   письмо автору
 
   для: CNT   (20.06.2007 в 02:45)
 

Да, font-weight тут ни причем.
Он его не жирнее делает, а реально крупнее...

   
 
 автор: Myas   (20.06.2007 в 17:13)   письмо автору
 
   для: Lelik   (19.06.2007 в 13:38)
 

Во-первых, спасибо большое за информацию!
Честно!

Но... Все равно ничего не получается!
Вот реальный пример, который на реальном компе надпись "НОВОСТИ H1" выводит КРУПНЕЕ чем "НОВОСТИ P"!!!

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<LINK rel="stylesheet" type="text/css" href="stylenew.css">
</HEAD>

<BODY>
<TABLE cellpadding="0" cellspacing="0" width="490" height="30">
<TR><TD height="14"><H1 class="text_mainhead">НОВОСТИ H1</H1></TD></TR>
<TR><TD height="14"><P class="text_mainhead">НОВОСТИ P</H1></TD></TR>
</TABLE>
</BODY>

</HTML>

Файл stylenew.css:

h1.text_mainhead { color: #008000; font-family: Arial; font-size: 8pt; text-decoration: none; text-align:left; vertical-align: top; margin-left: 10px; font-weight:bold; margin-bottom: 0 }
p.text_mainhead { color: #008000; font-family: Arial; font-size: 8pt; text-decoration: none; text-align:left; vertical-align: top; margin-left: 10px; font-weight:bold; margin-bottom: 0 }

Вроде по вашему описанию должно помочь. Но не работает, фигня, блин!

   
 
 автор: Lelik   (20.06.2007 в 11:13)   письмо автору
 
   для: CNT   (20.06.2007 в 02:45)
 

если вы внимательно посмотрите самый первый пост в этой теме, то заметите в стилях которые приводят в качестве примера есть font-weight :)

после таких стилей всегда все шрифты одного размера (во всяком случая у меня всегда так)

<style>
* {
font-size:100.01%;
}
body{
font-size:0.8em;
}
</style>
<h1>Header</h1>
<p>Paragraph</p>

   
 
 автор: CNT   (20.06.2007 в 02:45)   письмо автору
 
   для: Lelik   (19.06.2007 в 20:06)
 

Объяснение простое - по умолчанию у тега H1 иной, чем у прочих элементов, не только font-size, но и font-weight:
<?
<html><head>
<
script>
onload = function ()
{
with (document.all
var 
myHed.currentStyle
myPar.currentStyle
myDiv.currentStyle
mySpn.currentStyle
document.body.currentStyle;
alert ('Tag\tSize\tWeight\n\n<H1>\t' +
 
h.fontSize '\t' h.fontWeight 
'\n<P>\t' p.fontSize '\t' +
 
p.fontWeight '\n<DIV>\t' d.fontSize 
'\t' d.fontWeight '\n<SPAN>\t' 
s.fontSize '\t' s.fontWeight 
'\n<BODY>\t' b.fontSize '\t' +
 
b.fontWeight);
}
</script>
</head><body>
<h1   id="myHed">HEAD#1   </h1>
<p    id="myPar">PARAGRAPH</p>
<div  id="myDiv">DIV      </div>
<span id="mySpn">SPAN     </span>
<br             >BODY
</body></html> 
>

Чтобы "уравнять" H1 с прочими элементами, необходимо в стилях указать правило и для font-weight

   

Сообщения:  [1-10]    [11-20]  [21-22] 

Форум разработан IT-студией SoftTime
Rambler's Top100
вверх

Rambler's Top100 Яндекс.Метрика Яндекс цитирования