how can I align the link i mean i can i manage the 4 link two of them at the left corner two of them at the right corner?

<style type="text/css">
            .sag {text-align: right}
            .sol {text-align: left}
</style> 

<a  class="sol" ...
<a  class="sag"...

but it doesn't work

you can try somthing like:

<html
<head>
<title>www.daniweb.com</title>
<style type="text/css">
<!--
div#test {
margin : 0 auto;
padding : 0;
width : 98%; }

div#test a { display : inline-block; }

div#test a[id] {
margin-right : 5px;
float : left;
clear : none; }

div#test a {
margin-left : 5px;
float : right;
clear : none; }
-->
</style>
</head>
<body>
<div id="test">
<a id="l1" href="#">Link1-left</a>
<a id="l2" href="#">Link2-left</a>
<a href="#">Link1-right</a>
<a href="#">Link2-right</a></div>
</body>
</html>

unfortunately it doesn't work on IE

What version of IE are you using?... it seems to work fine on FF3 and IE7 for me.

IE8

Hmm... I don't have IE8 to test this out on, but after checking into it, it seems the IE6 haslayout bug that was fixed in IE7 now may be a bug in IE8 (although there was talk of removing it).

Have a look at this
http://www.satzansatz.de/cssd/onhavinglayout.html

I'll continue to look into this

Hi,

in IE mode, you can use a table, instead of making those elements' floated.

Very true... I suppose an added benefit of doing so would be the fact that you can then tab through the links.

You've got a good one there, PyschicTide:)

good day and goodnight from here...
I'l see you guys, later...
-essential

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.