Member Avatar for Bhilal

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

  • 3 Contributors
  • 8 Replies
  • 111 Views
  • 1 Day Discussion Span
  • Latest Post Latest Post by essential

Recommended Answers

All 8 Replies

Member Avatar for essential

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>
Member Avatar for Bhilal

unfortunately it doesn't work on IE

Member Avatar for PsychicTide

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

Member Avatar for Bhilal

IE8

Member Avatar for PsychicTide

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

Member Avatar for essential

Hi,

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

Member Avatar for PsychicTide

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

Member Avatar for essential

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.