|
|
|
|
|
для: Myas
(22.06.2007 в 14:05)
| | 1. КРИЧАТЬ не надо.
2. В каком браузере вы смотрите?
3. У меня, например, последний ваш код в IE6, в FF и в Opera обе надписи идут одним кеглем, но разной жирности - H1 выделен. В чём вы можете убедиться, посмотрев приаттаченную картинку. | |
|
|
|
|
|
|
|
для: 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>
|
| |
|
|
|
|
|
|
|
для: 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>
|
| |
|
|
|
|
|
|
|
для: Myas
(20.06.2007 в 17:20)
| | ага. именно. вообще размеры шрифтов лучше указывать в относительных величинах, таких как em или в процентах.
100.01% — это своеобразный хак для Оперы. какая-то ее версия криво отображает размеры для шрифтов в таблицах и вне них. данное условие решает эту проблему.
добавлено
можно посмотреть на всю таблицу силей? | |
|
|
|
|
|
|
|
для: Lelik
(20.06.2007 в 11:13)
| | Спасибо еще раз, Lelik!
Можно пояснить последний пост?
Я так понял, просто попробывать прописать
* {
font-size:100.01%;
}
body{
font-size:0.8em;
}
перед всякими описаниями стилей?
И еще, почему font-size:100.01% - такое "точное" число? А не 100%, например.
Спасибо заранее! | |
|
|
|
|
|
|
|
для: 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 }
Вроде по вашему описанию должно помочь. Но не работает, фигня, блин! | |
|
|
|
|
|
|
|
для: CNT
(20.06.2007 в 02:45)
| | Да, font-weight тут ни причем.
Он его не жирнее делает, а реально крупнее... | |
|
|
|
|
|
|
|
для: 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 }
Вроде по вашему описанию должно помочь. Но не работает, фигня, блин! | |
|
|
|
|
|
|
|
для: 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>
|
| |
|
|
|
|
|
|
|
для: Lelik
(19.06.2007 в 20:06)
| | Объяснение простое - по умолчанию у тега H1 иной, чем у прочих элементов, не только font-size, но и font-weight:
<?
<html><head>
<script>
onload = function ()
{
with (document.all)
var h = myHed.currentStyle,
p = myPar.currentStyle,
d = myDiv.currentStyle,
s = mySpn.currentStyle,
b = 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 | |
|
|
|
|