[kassiopeia333]

Hallo zusammen,

ich bin noch ein relativer Neuling zum Thema HTML/CSS und hätte da mal eine kurze Frage zum Tham Outline: Bekanntlich kennt der InternetExplorer die Eigenschaft Outline ja nicht.

Das heisst, daß er auch bei Outline: none; trotzdem eine Linie im DIV darstellt. Eine Möglichkeit das zum Umgehen wäre vielleicht mit Border: none; aber das Problem ist, daß der Div-Container einen normalen Rand hat der bestehen bleiben soll.

Nur der gepunktete innere Rand soll verschwinden.

Kann mir da irgendjemand weiterhelfen?

Vielen Dank im Voraus!

MFG Thomas Maurer

[SimonDerDude]

Wenners anzeigt kennters doch
Je nach konstelation ist es nunmal nicht so einfach ein Attribut zu überschreiben. Ohne Code oder live Ansicht ist es sowieso schwer dir nun zu helfen.

[fyll]

Wenn ich mich recht entsinne, bekommst das im IE<10 nur mit JS weg.
link.onmousedown= function()
{
this.blur();
}
... oder ähnlich.

[SimonDerDude]

Achso das
Versuch mal:

[kassiopeia333]

Hallo zusammen,

a {
outline-style: none;
}

funktioniert leider nicht, da beim Drücken des Links immer noch die gepunktete Linie aufscheint. Also normal ist sie nicht sichtbar, aber wenn man auf den Link klickt wird sie im Moment des Klickens sichtbar. Habe auch a:acitve {outline-style: none; probiert - nützt aber nix.

Hier das CSS der Links:

#navibar a {
color: black;
border-left: 3px solid white;
border-top: 3px solid white;
text-decoration: none;
border: 1px solid black;
border-top: none;
-webkit-border-bottom-right-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
-moz-border-radius-bottomright: 10px;
-moz-border-radius-bottomleft: 10px;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
padding: 10px 9px;
margin: -2px;
outline: none;
outline-style: none;
font-size: 120%;}

#navibar a:hover, #navibar a:focus {
border-left: 3px solid #BBB;
border-top: 3px solid #BBB;
background-color: #BBB;
border-top-color: #BBB;
color: white;
outline-style: none;
}

#navibar a:active {
border-left: 3px solid black;
border-top: 3px solid black;
outline-style: none;
}

[immerIch]

CSS Outline Properties



Zwar wohl auch eher nichts, aber versuchst mal mit

[kassiopeia333]

Danke, aber war leider auch nichts. Hmm, denke eigentlich, daß ich der Erste mit diesem Problem bin.

MFG

[kassiopeia333]

Habe eine Lösung gefunden!

Ist zwar nicht die feine Art, aber was solls:

Im HTML:

<a hidefocus="true" href="..">link</a>

Gruss