Hi,
Can you try by this,
<div id="footer">
<span class="left"><a href="core/core.html">
main menu
</a></span>
<span class="right">web site Copyright (c)
<a href="http://www.gwelanmor-internet.co.uk"; class="newwin"
target="_blank" title="opens in new window">
Gwelanmor Internet 2009
</a>
</span>
</div>
<style>
#footer {
border-top : 1px solid #aaa;
font-size : 90%;
height : 30px;
padding : 5px 0px;
}
.right { float:right}
.left { float:left}
#footer span{}
#footer a:link { color : #930; text-decoration : none;}
#footer a:hover { color : #F00; background : #fff; text-decoration :
underline;}
</style>
By,
Hariharan
On Thu, Jan 22, 2009 at 7:07 PM, designer <[email protected]
> wrote:
> 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 (c)
> <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]
> *******************************************************************
--
Hariharan. K
Web Designer
*******************************************************************
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [email protected]
*******************************************************************
