Links nicht farbig.

[Thek]

Guten Tag,

ich habe folgendes Problem. Ich muss ein Template für Webspell erstellen, welches auch kein Problem darstellt. Nun muss ich aber Links setzten. Die Links sind als Bilder

<a href="test.html"><img src="bild.jpeg"></a>

Da aber das Bild keine umrandung haben darf da sich sonst das Design verschiebt und dies nicht professionell wirkt wollte ich wissen wie ich diese umrandung mit einem Befehl unterdrücken kann.

Danke schonmals im vorraus

Mit freundlichen Grüßen

Thek

 

[Loon3y]

im css

img {
     border:0px;
   }

wenn du die umrandung des bildes meinst.

 

[Thek]

Link nicht farbig

Hmm. Ich meine nicht den Rahmen um das Bild das man auch per HTML machen kann. Ich meine den Rahmen um ein bild wenn ich drauf klicke das ich weitergeleitet werde. Sprich dieser Rahmen tritt ja auch als textfärbung auf wenn ich ein Wort als Linbksetzter nehme.

 

[Basti93]

Hmm. Ich meine nicht den Rahmen um das Bild das man auch per HTML machen kann. Ich meine den Rahmen um ein bild wenn ich drauf klicke das ich weitergeleitet werde. Sprich dieser Rahmen tritt ja auch als textfärbung auf wenn ich ein Wort als Linbksetzter nehme.

Den Rahmen kann man nicht (und falls doch, sollte man nicht) entfernen. Wieso eigentlich? Er taucht schließlich nur auf, wenn man auf das Bild klickt.

 

[Thek]

das ist ja das Problem denn wenn der Rahmen da ist verschiebt sich das design

 

[fiedel]

Den gestrichelten Rahmen kann man per JavaScript unterdrücken, ich verstehe jedoch nicht, wie dieser das Design verändern könnte...
Es kann jedoch auch sein, dass wir nur aneinander vorbeireden. Am besten du schickst uns mal nen Link! ;-)

 

[Gelöschtes Mitglied 3007]

<a href="bla.html" onclick="this.blur();">text</a>

 

[fiedel]

HTML-Code:
<a href="bla.html" onclick="this.blur();">text</a>

Genau so geht es! ;-)
Jedoch vermindert das die Benutzerfreundlichkeit enorm, da die Links nicht mehr per Tastatur zu erreichen sind!

 

[threadi]

Alternative zu this.blur() wäre die CSS-Eigenschaft outline. Da gilt aber das selbe: man kann nicht mehr mit der Tabulatortaste durch die Links springen.

 

[Efchen]

das ist ja das Problem denn wenn der Rahmen da ist verschiebt sich das design

Dann ist Dein Design fehlerhaft und Du solltest das ändern.
Wenn Du diesen Rahmen nur aus Designgründen entfernst, ist das grober Unfug. Das ist, als wenn Du einem Computer seine Tastatur wegnimmst, nur weil sie Dir nicht gefällt.

 

[neuroleptika]

Es geht hier vermutlicht nicht um die outline-Kontur.
Outline verbraucht kein Platz und verschiebt deshalb auch keine Elemente.
Die Konturen werden über das Element gelegt.

Ich halte outline als Hilfe zum durchtappen für ungeeignet.
Deutlicher währe z.B. background-color für a:focus. (für IE6 a:active)

 

[Thek]

Lösung

Danke für die schnellen posts.
Ich habe das ganze mit

<img src="bild.gif" border="0">

deaktiviert. Hilft also auch bei Link umrandungen. Ist mal wieder der beste Beweis das man immer erst die komplizierten lösungen ausprobiert als die einfachste.

 

[Efchen]

Da haben Dich, wie neuroleptika schon vermutet hat, alle falsch verstanden.

Besser wäre es aber, den Rahmen per CSS zu deaktivieren, weil Du sonst Inhalt und Layout nicht trennst. HTML ist nicht dazu gedacht, Layout/Design zu machen.

a img {
  border:0;
}

Deaktiviert Rahmen in allen Images, die innerhalb eines Links stehen. Wenn das nicht für alle gelten soll, solltest Du mit einer Klasse arbeiten.

Gruß,
-Efchen

 

[Basti93]

Wenn Du diesen Rahmen nur aus Designgründen entfernst, ist das grober Unfug. Das ist, als wenn Du einem Computer seine Tastatur wegnimmst, nur weil sie Dir nicht gefällt.

Eigentlich stört dieser Rahmen doch gar nicht.

Und wie soll der eigentlich das Design verschieben? Stell mal bitte den Link rein.

 

[ingoS]

Eigentlich stört dieser Rahmen doch gar nicht.

Und wie soll der eigentlich das Design verschieben? Stell mal bitte den Link rein.

Es geht um Umrahmungen, die durch einen Link um das Bild herum entstehen. Lies noch einmal die letzten drei Beiträge vor deinem durch. ;)

 

[Basti93]

Es geht um Umrahmungen, die durch einen Link um das Bild herum entstehen. Lies noch einmal die letzten drei Beiträge vor deinem durch. ;)

Das ist mir schon klar. Was soll deine Aufforderung?
Es frage mich eben, wie der gepunktete Rahmen um einen Link (bzw. Linkbild) ein Design verschieben kann.

 

[JumperII]

Ungefähr so? (siehe Anhang)

1. So wie es sein soll,
2. so wie es unbehandelt ist
3. So wie man die Farbe behandelt hatte.
:mrgreen:

Gruß,
Jumper, the II.

 

[Efchen]

Was soll deine Aufforderung?
Es frage mich eben, wie der gepunktete Rahmen um einen Link (bzw. Linkbild) ein Design verschieben kann.

Lies http://www.html.de/175942-post11.html
und http://www.html.de/175968-post12.html

Es ging nicht um outline, sondern um border bei Links.
WEIL eben dieser Rahmen ein Design nicht verschieben kann - aber der war ja auch nicht gemeint!
Das war schon 5 Stunden und 59 Minuten vor Deinem Einwand vermutet und 1 Stunde 46 Minuten vor Deinem Post bestätigt :-)