| Macie 2004-08-19, 10:38 pm |
| Apologies if this is not the correct qroup in which to ask this
question, but here goes.....
On a page I had two words on one line of text that displayed as
different sizes, thus:
<div id="heading">
<h1 align="left">WORDONE<font color="#000000"><em><font
size="3">....WORDTWO</font></em></font></font></h1>
</div>
and the css was:
#heading {
LEFT: 0px; POSITION: relative; TOP: 0px
}
#heading H1 {
PADDING-RIGHT: 10px; BORDER-TOP: #006 2px solid; PADDING-LEFT:
10px; FONT-SIZE: 30px; BACKGROUND: #cc99ff; PADDING-BOTTOM: 5px;
MARGIN: 25px 0px; COLOR: #000000; PADDING-TOP: 5px; BORDER-BOTTOM:
#006 2px solid
This would not validate under 4.01 strict due to the use of 'color'
and 'size'.
It's now tidied up and validates, but I can't figure a way to get the
two words to display as different sizes without using the unsupported
elements.
Would creating a new new div [#heading2] and positioning that relative
to #heading be the way to go?
Cheers
--
Macie
|