|
Posted by mal_k100 on 10/06/05 15:30
All done now, although I have posted a 'can I do it without frames'.
I can't use Server Side due to the place it is going to so has to be
pure client HTML/CSS
Oh - the solution I used, if anyone wants it (it can be extended to do
all sorts) was ....
Style.css
..line {border: ridge;
display: block;
position: relative;
background: lightyellow;
color: black;
text-align: center;
line-height: 23px;
height: 23px;
width: 23em;
margin: 0 auto 2ex auto;
padding: 0;
}
..line p {display: inline; margin: 0;padding: 0;line-height: 23px;
font-family: arial; font-weight: bold; }
..line .l, .line .r {width: 37px;height: 23px;position: absolute;top:
0;}
..line .l { left: 0; background-image: url(LeftLogo.gif); }
..line .r { right: 0; background-image: url(RightLogo.gif); }
My.html
<snip>
..
<LINK REL=StyleSheet HREF="style.css" TYPE="text/css" MEDIA=screen>
</HEAD>
<BODY>
<div class = "line">
<div class="l"> </div>
<p>My Heading Line</p>
<div class="r"> </div>
</div>
..
..
<etc.>
[Back to original message]
|