DIV links not working if FF - bu tok in IE

almichev

almichev

almichev

Associate
Joined
14 Jan 2008
Posts
301
Hi. I have 4 text links arranged horizontally on the page. They work ok in IE, but in Firefox only the 4th link works - the other 3 only show as text. Here is the code:

<DIV style="position: relative; top:10px; left:-260px;"><a href="http:etc etc.jpg"><font size="2"><font color="#6633FF">10 images</font></a></DIV>
<DIV style="position: relative; top:-8px; left:-85px;"><a href="http://etc etc.jpg"><font size="2"><font color="#6633FF">10images</font></a></DIV>
<DIV style="position: relative; top:-26px; left:90px;"><a href="http://etc etc.jpg"><font size="2"><font color="#6633FF">10images</font></a></DIV>
<DIV style="position: relative; top:-44px; left:265px;"><a href="http://etc etc.jpg"><font size="2"><font color="#6633FF">10images</font></a></DIV>

Any help for a rookie would be much appreciated.
 
Thanks Jestar. Unfortunately that hasn't fixed the problem. I've just noticed that the link is on the page in FF as a single invisible line above the text :confused:
 
Spunkey said:
Your first link is missing it's double slashes, or is that just because you quickly pasted over the top?
Click to expand...

Think i pasted over them. The problem is still there. Here is the latest code:

<div style="position: relative; top:10px; left:-260px;">
<font size="2" color="#6633FF">
<a href="http://etc.jpg">10images</a>
</font>
</div>
<div style="position: relative; top:-8px; left:-85px;">
<font size="2" color="#6633FF">
<a href="http://etc.jpg">10images</a>
</font>
</div>
<div style="position: relative; top:-26px; left:90px;">
<font size="2" color="#6633FF">
<a href="http://etc.jpg">10images</a>
</font>
</div>
<div style="position: relative; top:-44px; left:265px;">
<font size="2" color="#6633FF">
<a href="http://etc.jpg">10images</a>
</font>
</div>

It works ok if there are only 2 links.
 
The links work without Style, but the position code doesn't. In FF they're in a row horizontally without spacing, in IE they're positioned vertically.
 
SimonCHere said:
I've just stuck an extra div around the tags to push them into the centre of the page and they both (ie and FF) display 4 links next to each other with spaces.

I think the reason you're seeing 2 is that the other 2 are off the side of the page!

Code: 
<html>
<body>
<div style="position:relative; top:100px; left:300px;">
<div style="position: relative; top:10px; left:-260px;">
<font size="2" color="#6633FF">
<a href="http://etc.jpg">10images</a>
</font>
</div>
<div style="position: relative; top:-8px; left:-85px;">
<font size="2" color="#6633FF">
<a href="http://etc.jpg">11images</a>
</font>
</div>
<div style="position: relative; top:-26px; left:90px;">
<font size="2" color="#6633FF">
<a href="http://etc.jpg">12images</a>
</font>
</div>
<div style="position: relative; top:-44px; left:265px;">
<font size="2" color="#6633FF">
<a href="http://etc.jpg">13images</a>
</font>
</div>
</div>
</body>
</html>

oh and top -8, -26 and -44 should put them all on one line and divs act like new lines on the content flow.

simon
Click to expand...

Thanks will give it a try and also look into CSS.

Appreciate all the responses :cool:
 
You must log in or register to reply here.
Back
Top Bottom