|
|||
Fokusmarkierung beim Grafik-Hyperlink sichtbar
Das Logo (jpg) habe ich im Header-Bereich mit einem Hyperlink positioniert.
Der Internet-Explorer zeigt eine dunkelrote oder auch dunkelblaue Linie, die ich nicht löschen kann. Auch bei allen anderen Bildern, die mit einem Hyperlink verbunden sind, kann ich diese Linien nicht entfernen. "border: none" bringt keinen Erfolg. Welcher Code lässt diese Umrandung verschwinden? Ich brauche Eure Hilfe |
Sponsored Links |
|
|||
Was mache ich falsch?
outline-style:none; ODER outline-color:transparent; bringt auch keinen Erfolg. Bei Firefox läuft alles bestens. Nur beim Internet Explorer erscheint diese zusätzliche Linie. Positioniere ich das Bild ohne Verlinkung ist die Seite auch beim Internet Explorer in Ordnung, mit Verlinkung kommt wieder diese Verschiebung mit der zusätzlichen Linie. |
|
|||
Das wissen wir nicht, denn du zeigst uns ja nicht, was du machst. Wir brauchen einen Link zum Problem, siehe auch unsere Hinweise für Fragende.
__________________
Corina Rudel Online-Einsteigerkurs HTML/CSS | Buch: Fortgeschrittene CSS-Techniken |
|
|||
Hallo
ich bin wieder da. Meine Seite habe ich nur auf das Problem reduziert. Navigation, alles ist raus. Im Link müsste mein Problem ersichtbar sein. Beim Internet Explorer taucht diese hässliche Linie auf, bei Firefox und Chrom nicht. Willkommen-Seite - hier ist das Logo in Ordnung. Neurologie-Seite - hier habe ich die Verschiebung mit dieser Linie http://www.wp11144290.server-he.de/ergo/index.html Was mache ich falsch? |
|
|||
Also diese Linie nennt sich outline und nicht border, das sind Unterschiede.
Und diese Linie hat folgende Eigenschaften entweder auf focus oder visited: outline: 1px dotted blue; also Breite(width),Stil(style) und Farbe(color). Wenn du eine Eigenschaft davon veränderst, ändert sich auch diese Linie. Wenn du die weg haben willst, kannst du also die Breite auf Null setzen oder den Stil auf nichts oder die Farbe auf Hintergrundfarbe oder einfach transparent. Eines von den drei Möglichkeiten lässt die Linie verschwinden, vorausgesetzt du wendest die Regel auf das richtige Element an. Um Leuten mit Tastaturbenutzung den Fokus nicht wegzunehmen, sollte man nur die Linie vom besuchten Link entfernen, also die Pseudoklasse visited. Das sähe dann so aus: HTML-Code:
a:visited { outline-style: none; }
__________________
"Wieso ist der Code schrott, ich dachte hier seien Profis..." Aus einem Forum. |
Sponsored Links |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Grafik als Hyperlink zeigt einen Rand | Electrohunter | (X)HTML | 13 | 05.02.2008 18:28 |
Unterschied Frames-CSS | josshh | CSS | 11 | 29.01.2008 23:14 |
2 nebeneinander gefloatete DIV sollen immer gleich lang sein | theonlyrobi | CSS | 15 | 18.10.2005 11:34 |
Höhenangabe für Hintergrund auf 100% funktioniert nicht! | Pumpkin | CSS | 7 | 29.08.2005 14:52 |
Grafik für Hyperlink mit background-image | don | CSS | 10 | 14.03.2005 16:09 |