zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > (X)HTML
Seite neu laden Fokusmarkierung beim Grafik-Hyperlink sichtbar

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 26.06.2013, 10:32
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 07.03.2013
Beiträge: 19
kama befindet sich auf einem aufstrebenden Ast
Standard 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
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 26.06.2013, 11:08
?!?
XHTMLforum-Kenner
 
Registriert seit: 20.03.2013
Beiträge: 1.638
explanator sorgt für eine eindrucksvolle Atmosphäreexplanator sorgt für eine eindrucksvolle Atmosphäre
Standard

Entweder outline-style:none;
oder
outline-color:transparent;
__________________
"Wieso ist der Code schrott, ich dachte hier seien Profis..."
Aus einem Forum.
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 26.06.2013, 11:26
Benutzerbild von protonenbeschleuniger
Verbesserer
XHTMLforum-Kenner
 
Registriert seit: 06.09.2007
Beiträge: 4.977
protonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblick
Standard

Zitat:
Zitat von kama Beitrag anzeigen
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?
border:none - du machst etwas falsch
Mit Zitat antworten
  #4 (permalink)  
Alt 26.06.2013, 12:11
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 07.03.2013
Beiträge: 19
kama befindet sich auf einem aufstrebenden Ast
Standard

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.
Mit Zitat antworten
  #5 (permalink)  
Alt 26.06.2013, 12:20
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 28.01.2005
Beiträge: 11.775
fricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz sein
Standard

Zitat:
Zitat von kama Beitrag anzeigen
Was mache ich falsch?
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.
Mit Zitat antworten
  #6 (permalink)  
Alt 27.06.2013, 08:45
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 07.03.2013
Beiträge: 19
kama befindet sich auf einem aufstrebenden Ast
Standard

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?
Mit Zitat antworten
  #7 (permalink)  
Alt 27.06.2013, 09:34
Benutzerbild von protonenbeschleuniger
Verbesserer
XHTMLforum-Kenner
 
Registriert seit: 06.09.2007
Beiträge: 4.977
protonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblick
Standard

Du wendets border:none auch nicht auf den Link an, sondern auf das DIV drum herum.
Mit Zitat antworten
  #8 (permalink)  
Alt 27.06.2013, 09:54
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 07.03.2013
Beiträge: 19
kama befindet sich auf einem aufstrebenden Ast
Standard

Oh mein Gott,
so einfach nur?
Das war ein blöder Fehler

DANKE DIR
Mit Zitat antworten
  #9 (permalink)  
Alt 27.06.2013, 10:12
?!?
XHTMLforum-Kenner
 
Registriert seit: 20.03.2013
Beiträge: 1.638
explanator sorgt für eine eindrucksvolle Atmosphäreexplanator sorgt für eine eindrucksvolle Atmosphäre
Standard

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;
}
Und die Linie ist nicht mehr sichtbar.
__________________
"Wieso ist der Code schrott, ich dachte hier seien Profis..."
Aus einem Forum.
Mit Zitat antworten
Sponsored Links
  #10 (permalink)  
Alt 27.06.2013, 11:11
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 07.03.2013
Beiträge: 19
kama befindet sich auf einem aufstrebenden Ast
Standard

Vielen Dank Euch allen.
Mit Zitat antworten
Sponsored Links
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ä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


Alle Zeitangaben in WEZ +2. Es ist jetzt 17:40 Uhr.