Strange behavior text link in Chrome/Safari/IE

Freeway
1

Hi,

Working on a site build with FW and EE. Defined some CSS text links for the .body tag. Now uploaded the pages and the text links show up fine in Firefox and Opera.

However in Safari/Chrome/IE8 they behave strange. It looks like the background color has added some additional pixels at the top and bottom of the text link. Pulling my hairs out already after hours of struggling…

Have a look at: http://www.tenutabrancoleta.com/area/category/florence/

Rob

P.S. Don’t comment on WC3 non-compliancy I’m working on it.

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

2

No - but I will comment on your spelling!

Apartments

David

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

3

Thanks David, you’re always a big help

R.

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

4

Can you just clarify which links you have the problem with.

D

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

5

David,

Basically all text links in the body tag. So as an example in the article about Florence there is a big grey box around the word “airport”. It doesn’t look like a link but it actually is.

If you change the browser to Firefox go to the same page and notice that the same text link is now rendered as it supposed to be.

I used this markup in the (external) stylesheet:

.body { color:#808080; font-family:'CambriaRegular',Georgia,Palatino,Times; font-size:13px }
.body a { color:#f9f5e9; background-color:#b2b2b2; padding:2px 6px 2px 6px; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px }
.body a:hover { color:#f9f5e9; background-color:#b2b2b2; padding:2px 6px; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px }
.body a:link { color:#f9f5e9; background-color:#b2b2b2; padding:2px 6px; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px }
a { color:#f9f5e9 }

R.

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

6

I see the odd box around “airport” in FireFox 3.5.2 on Mac OS 10.4.11. Interestingly, if I use Firebug to examine the page, it also shows a big tall Firebug highlight around the word Firenze, on account of the tag, I assume.

On a lighter note, you might want to tell your readers that the various parts of the Tridente Gusto have separate entrances: the enoteca on via della Frezza, and the pizza parlor around the corner, on the south side of the building, Piazza Augusto Imperatore. Confused us at first.

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
7

Hi,

Just to close this of. I found the issue causing the text links in the body tag screwing up in some browsers.

Guess what? Nothing to do with the CSS but caused by the usage of a @font-face typeface and/or the Caxton action. Removed the action and replaced the typeface…problem solved.

Rob

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options