PDA

View Full Version : Strange CSS link behaviour


reform
10-14-2007, 04:49 AM
Hi,
I am having problem with my 'next' and 'previous' tags using geos_show_category.

I am using the following css to align the buttons on the left and right, above the image.

#previous {
float:left;
padding-right:200px;
text-transform:uppercase;

}
#next {
float:right;
margin-left:100px;
text-transform:uppercase;

}

The links work fine in IE, but do no in Firefox. Any ideas where I'm going wrong?
http://www.reformstudios.com
Interestingly, if I don't use the float, left and right, it works fine. Its only when one floats left, and the other floats right, that the problem arises. Is there another way to get the links to sit on either side of the image with css without using float tags?

Thanks in advance for your help!

GeoS
10-14-2007, 11:11 AM
Right now I dont see any "normal" template at your site.

reform
10-14-2007, 01:02 PM
Hi Geos,
Thanks for taking a look.
I managed to achieve the positioning I wanted by changing the css to:

#previous {

padding-right:280px;
text-transform:uppercase;
display:inline;
}
#next {

padding-left:280px;
text-transform:uppercase;
display:inline;
}

I came to this solution after trawling the web... it seems firefox doesnt like <a> tags floatinig left and right.... so its definately not a problem with your addon.

Since all my images are fixed width, the above solution works fine.

Sorry that I didnt update the thread after finding a 'fix'.

Thanks again,
p.

GeoS
10-15-2007, 09:34 AM
Its nice to see all working fine :)

PS But at your blog I still dont see any interesting template (IMHO like there isnt any).