Zur Navigation

Kleiner Minus Strich am Button?

habe noch keine Info gefunden.

1 win32nnetsky

Hallo
Frage
Ich habe an meinen Links, einen kleinen Minus Strich unten dran?
an den Buttons und an den Flaggen für die Sprache?

Link Beispiel:

<a href="Agb.html"><img src="buttons/Agb.png" <alt="Agb" style="margin-right: 10px; target="_top"/>
</a>

Ich wüsste jetzt nicht wie ich das minus weg bekommen sollte?

Gruß

29.01.2016 15:19

2 Jörg

Das liegt möglicherweise an dem fehlerhaften < vor dem alt, das muss auf jeden Fall entfernt werden:

<alt="Agb"

29.01.2016 15:36

3 win32nnetsky

Hallo
Jörg
Danke Deiner Mühe und Zeit.

Ich wusste nicht das das nicht in Klammern gesetzt sein sollte.

Auch vor "top" das minus ist ohne Funktion und Wirkung. Entfernt geht dennoch alles.


<a href="index.html"><img src="buttons/Home.png" alt="Home" style="margin-right: 10px; target="top"/>
</a>

Ich vermute das mann sowas wie markiere alle Links als besucht, setzen müsste?

Teilweise verschwinden die Minuszeichen nachdem öffnen der Links, aber nur bis der Browser geschlossen wurde.


Gruß
Marko

30.01.2016 11:03

4 Jörg

Ich wusste nicht das das nicht in Klammern gesetzt sein sollte.

Das alt Attribut ist kein HTML-Tag, das man in eckige Klammern setzt! und schon gar nicht innerhalb eines anderen HTML-Tags

Ein weitere Fehler ist, dass dem style Attribut das schließende Anführungszeichen fehlt:

style="margin-right: 10px;"

Teilweise verschwinden die Minuszeichen nachdem öffnen der Links, aber nur bis der Browser geschlossen wurde.

Wenn du per CSS nichts anderes definiert hast, werden (noch nicht besuchte) Links als unterstrichen dargestellt, auch Links, die ein Bild enthalten. Vielleicht ist das ja das "Minuszeichen" was du da siehst

Die Unterstriche kannst du mit CSS entfernen:

http://www.devmag.net/css/29-css-links-gestalten.html

30.01.2016 13:09

5 win32nnetsky

Hallo
Danke für Deine Mühe.

Ich bin jetzt noch nicht weiter gekommen, meine Button sind ja oval.
Wenn ich auf den Buttton klicke und halte, wird ein kleiner Rahmen sichtbar, in diesem Rahmen ist der kleine Strich unten rechts.

Wenn ich den Rahmen entferne bleibt der Strich.

a:active, a:focus {outline: none;}


Gruß
Marko

31.01.2016 12:51

6 Jörg

Und hast du auch "text-decoration: none", wie auf der von mir verlinkten Seite bechrieben, für alle Links definiert?

Wenn ja, dann wäre es gut, wenn du eine Testseite verlinken könntest, auf der man sich das Problem mal anschauen kann.

01.02.2016 11:25

8 Jörg

Anhand der Screenshots lässt sich leider die Ursache der Fehlanzeige nicht analysieren - dazu benötigt man den HTML- und CSS-Code. Also bitte entweder eine Testseite hier verlinken, oder den Code soweit hier posten, dass man das Problem damit nachvollziehen kann :)

01.02.2016 18:16

9 win32nnetsky

Hallo
Jörg

Danke für Deiene Mühe.

Ich habe nach einigem, weiteren suchen und testen dieses Problem lösen können:

1. oben in der webseite

a:active, a:focus {outline: none;}
2. Deine schon berichtigten Links sollten dieses Ende haben.

target="top"/></li></a>

Jetzt sind kein kleinen Striche mehr zu sehen, Problem gelöst.

Gruß
Marko

03.02.2016 09:58 | geändert: 03.02.2016 10:00

10 Jörg

Zitat von win32nnetsky

2. Deine schon berichtigten Links sollten dieses Ende haben.

target="top"/></li></a>

Für sich genommen nicht - aber weiter oben befindet sich vermutlich ein <li>, was nicht geschlossen wurde. Deswegen fragte ich auch nach dem vollständigen Code!

Deine Lösung ergibt allerdings ein ungültiges HTML. Wenn ein <li> noch geschlossen werden muss, dann in der richtigen Reihenfolge, d.h. korrekt verschachtelt:

<li>
    <a href="index.html" target="top">
        <img src="buttons/Home.png" alt="Home" style="margin-right: 10px;" />
    </a>
</li>

Ein Fehler, den ich noch übersehen hatte: das target="top" gehört ins <a> Element, nicht ins <img>

03.02.2016 11:10 | geändert: 03.02.2016 11:18