I want to line up two links at either side of a horizontal bar. The html is
as follows:
<div id="footer">
<a href="core/core.html">
main menu
</a>
<span class="right">web site Copyright ©
<a href="http://www.gwelanmor-internet.co.uk" class="newwin"
target="_blank" title="opens in new window">
Gwelanmor Internet 2009
</a>
</span>
</div>
(class="right" just floats it to the right, of course)
and the css is:
#footer {
border-top : 1px solid #aaa;
font-size : 90%;
height : 30px;
padding : 5px 0px;
}
#footer a:link { color : #930; text-decoration : none;}
#footer a:hover { color : #F00; background : #fff; text-decoration :
underline;}
with an IE6 conditional comment:
#footer span{position : relative; top : -15px;}
However, whilst it solves the problem of alignment for IE, safari and Opera
fail miserably. I cannot find a documented method of doing this, but I'm sure
one of you wizards have done it already?
Any help gratefully recd, as usual.
Bob
*******************************************************************
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [email protected]
*******************************************************************