Rahmen um Link entfernen

[stephfan]

Hallo Community,

ich bin grade dabei eine Page via Dreamweaver zu basteln. Dabei habe ich mittels Spry Registerpalette meine Navi und meinen Content erstellt. Nach der Anpassung habe ich aber das Problem, dass beim Klicken jedes Links ein gepunkteter Rahmen erscheint. Ich habe ein bisschen recherchiert und diesen Codeschnipsel gefunden:

a:focus { outline: none; }

Nun weiss ich aber leider nicht wo genau (in meinem CSS, in der javascript Datei der Spry-Palette oder in der css der Spry-Palette) ich diesen Code einfügen muss, damit der Rahmen beim Klicken verschwindet.

Kann mir dabei jemand helfen?

THX

 

[Zampano_]

AW: Rahmen um Link entfernen

Ich würde ja mal stark vermuten: in einer der CSS Dateien, da das ja eine CSS-Anweisung ist

Such mal in den beiden CSS-Dateien wo "a" ansonsten formatiert wird. Da gehorts dann dazu.

 

[Myhar]

AW: Rahmen um Link entfernen

Ich hoffe, dass du, wenn du schon diesen Rahmen entfernst, auch einen adäquaten Ersatz dafür bietest. Schließlich ist dieser Rahmen nicht nur dazu da, um Leute zu ärgern, sondern hat einen tieferen Sinn: Anzuzeigen, welchen Link man gerade ausgewählt hat. Das ist auch für Leute wichtig, welche mit einem Keyboard durch die Seite navigieren. Ohne eine Kennzeichnung des gerade aktiven Links weiß dieser nicht, wo er sich gerade befindet.

 

[stephfan]

AW: Rahmen um Link entfernen

Ohne eine Kennzeichnung des gerade aktiven Links weiß dieser nicht, wo er sich gerade befindet.

Das kann ich doch in Dreamweaver über die Hyperlink-Einstellungen AKTIV regeln?!

 

[Pionierbrigade70]

AW: Rahmen um Link entfernen

Ich hätte da noch etwas.
1. Vorschlag
Erstelle eine style.css-Datei mit dem Inhalt
a img{ border: 0px none }
Und füge
<link href="style.css" rel="stylesheet" type="text/css">
in die betreffenden Seiten, in denen ein Rahmen um ein Bild erscheint, ein.
Der Pfad zu style.css muss eventuell angepasst werden.

2. Vorschlag
Rahmen um Bilder kannst Du in DW auch ausschalten.
Im Normalfall steht da kein Wert. Einfach 0 eintragen.
Siehe Bildanhang:

 

[Myhar]

AW: Rahmen um Link entfernen

Das kann ich doch in Dreamweaver über die Hyperlink-Einstellungen AKTIV regeln?!

Ich kenne Dreamweaver nicht, jedoch macht es einen Unterschied, ob man bei CSS a:active oder a:focus definiert. Und nichts anderes wird DW wohl machen, ich kann nur nicht sagen, ob mit aktiv :active oder :focus gemeint ist. Ich nehme einmal an, dass :active gemeint ist, jedoch kann auch :focus gemeint sein (schlechte Übersetzung oder wasweißich)
Den Unterschied zwischen den einzelnen Zuständen ist hier gut beschrieben.
Du musst lediglich darauf achten, jeden Zustand eindeutig zu kennzeichnen. :hover und :focus können (und werden auch meistens) gleich dargestellt werden.

 

[stephfan]

AW: Rahmen um Link entfernen

Vielen Dank für die Antworten...

In normalem HTML / CSS haut es wunderbar hin, nur halt nicht mit den Spry-Paletten.

Hier mal die .css von der Spry-Palette

@charset "UTF-8";

.Accordion {
overflow: hidden;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
border-right-color: black;
border-bottom-color: gray;
border-left-color: gray;
}

.AccordionPanel {
margin: 0px;
padding: 0px;
}


.AccordionPanelTab {
margin: 0px;
padding: 2px;
-moz-user-select: none;
-khtml-user-select: none;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
border-top-color: black;
border-bottom-color: gray;
width: 150px;
}


.AccordionPanelContent {
overflow: auto;
margin: 0px;
padding: 0px;
height: 500px;
}


.AccordionPanelOpen .AccordionPanelTab {

}


.AccordionPanelTabHover {
color: #555555;
}
.AccordionPanelOpen .AccordionPanelTabHover {
color: #555555;

}
henever the Accordion gains or loses keyboard focus.

.AccordionFocused .AccordionPanelTab {

}


.AccordionFocused .AccordionPanelOpen .AccordionPanelTab {

}

An welcher Stelle muss ich denn da a:focus {outline:none;} eingeben?
Ich raff es nicht, hab schon gebatelt wie ein Irrer!!