BLUE BORDER problems…. Safari on mac & pc

[Monzterdk]

I know there has been lots of posts here and everywhere else about this problem.

but !! i have a joomla site and even my menus ( css img. js ) gets these borders when hovered and clicked
is there a way to completly disable all blue borders globally on a joomla site ??
maybe a hack or something and where would i put inn such a solution ?

i really hope this makes any sense

Most respectfully .. !
Monzterdk

[Monzterdk]

i have this css for the menu causing all my problems in safari !
i have tried all sorts of editing ( i am a newbie in css )

i want to post the whole css file bu its to long :o/

hang on ill link it ;o)

fusion.css

maybe this could cast a light on the problem ?? !!

Most respectfully

Monzterdk

[chrisburton]

are you referring to this?

outline-style: none;

[Monzterdk]

oh yes that is an attempt to get rid of the blue shadow that safari make but didnt work

i was looking for a global thing that would remove all shadows/ blue border

it only happens in the 2-3-4 level of the menu !

im not sure if this make any sense ;o)

….// monzterdk

[Monzterdk]

here is an image of it !

Image of blue shade

just checked and its actually the only place in the whole site this shows up

[stevendeeds]

did you start your project with a global reset?

is that a form input? You can style that in css

form input[type="text"] { //STYLING }

[Monzterdk]

// Stevendeeds //

The site is built with Joomla 1.5.x
therefore there are all kins of CSS files but this particular problem is in the drop down menu

Don’t know what that global reset is ! but ill look for it !
if there isn’t any how do I apply it and what will it do ?

It’s a drop down menu form input won’t help here but Thanx anyway !!

…// Respectfully
Monzterdk

[Monzterdk]

Hi Again
I did some reading and i went ang got one (global reset code) inserted it into the css i have
it will probably fix other things in the future bu for now i still have that problem
with the blue border in safari (only in safari)

…./ most respectfully Monzterdk

[wolfcry911]

Yet another example of someone suggesting a reset when it had nothing to do with the problem… :(

.menutop * {outline: none;}

Be aware however that a lot of people actually like knowing what element is selected… meaning if you use this globally, you’ll turn it off for everything

[Monzterdk]

Thanks for the reply

i did find a solution much similar to the line you wrote (wolfcry911)

it looks like this *:focus {outline: 0;}

it did the trix !

Thank’s again ;o)

….// Most respectfully Monzterdk

[mani]

Just add outline:none property in the respective css function to avoid this blueborder issue in safari.

[Author]

Posts