Sent by C V Wickham on 19 October 2002 22:10
I am having trouble with a header I am trying to make.
I want to have text on the left with about 10px padding (top, left and
bottom) and a small logo image right aligned with only 1-2px padding (top,
right and bottom). My current CSS (in an external sheet) is:
#header {margin:5px 0px 10px 10px;
padding:10px 10px 10px 10px;
background:#069 ;
color:#fff ;
font-weight:bold;
border-bottom:3px #f90 solid}
with the corresponding HTML:
<div id="header">
<img src="../g.gif" align="right" alt="Goodfellow Logo" />
Goodfellow Unit
</div>
I have got exactly what I want by adding style="{margin:-8px}" into my img
tag, but Netscape 7 seems to ignore it. Does Netscape not support negative
margins or is it to do with the inline style? Or is there something
glaringly obvious I'm missing? I am relatively new to this so it is quite
possible. Any suggestions or alternatives would be welcome.
Thanks
Charlotte Wickham