|
|||
externer Link mit Icon versehen über CSS
Hallo,
nutze folgende CSS: a[href^="http://"] { background: url('link_extern.gif') no-repeat 100% 40%; padding-right:10px } a:[href^="http://meine_domain.de"], a:[href^="http://www.meine_domain.de"] { background: transparent; padding-right: 0px; } Ich hätte mal eine Frage zum Verständnis, da mir manchmal auch ein Link so interpretiert wird, als würde er zu einer fremden Domain gehen, obwohl das nicht der Fall ist. Irgendwas klemmt da noch. Dieser erste Teil: a[href^="http://"] { background: url('link_extern.gif') no-repeat 100% 40%; padding-right:10px } besagt doch, dass alles was mit "http://" beginnt, ein externer Link ist. Dieser zweite Teil: a:[href^="http://meine_domain.de"], a:[href^="http://www.meine_domain.de"] { background: transparent; padding-right: 0px; } sagt doch nochmal, falls "http://meine Domain" gefunden wird, dieses externe gif nicht angezeigt werden soll, sondern ein transparenter Hintergrund, oder? Irgendetwas stimmt da nicht. (*kopfkratz*) Also mir geht es hier nicht um eine PHP-Lösung, die hier schon in einem anderen thread diskutiert wurde. Ich wäre froh, wenn´s zunächst im Firefox sauber funktioniert. Z.Zt. wird noch ein eigener Pfad als extern erkannt und ich verstehe nicht, warum. Vielleicht kann mir hier einer auf die Sprünge helfen. Vielen Dank! |
Sponsored Links |
|
|||
Code:
a:[href^="http://meine_domain.de"] Was ist mit Links wie Code:
< a href="http://www.meine_domain.de">blubb</a> < a href="www.meine_domain.de">blubb</a>
__________________
Grüsse Andreas- auch mal wieder da... Design isn't about the tools, it's about creating the best experience for the user. A design should be based on usability, accesibility, aesthetics, but never on floats, lists or background images. ( by Cameron Adams) Wiedergelesen: > hier und hier [Foren-Links] Dein Post? Klar, DAS vorher gelesen? Hilft. ## User-Landkarte |
Sponsored Links |
|
|||
Hallo Andreas,
also Dieser zweite Teil -> a:[href^="http://meine_domain.de"], a:[href^="http://www.meine_domain.de"] { background: transparent; padding-right: 0px; } scheint überhaupt nichts zu bewirken. Habe jetzt mal unter allen möglichen Browsern getestet. Auch mit background-image: none; habe ich immer noch das Phänomen, dass einige Links als extern interpretiert werden und jeweils das externe gif angezeigt wird, obwohl ich auf die eigene Seite verlinke. Allerdings wird an dieser Stelle ein Kalendertool implementiert. Hm, das liegt aber auf meinem Server und die Daten in meiner Datenbank. Aber irgendwie wird das als extern interpretiert. Hm, ich probiere weiter. Ina. |
|
|||
Ach so.
..:: EMAS - Eco-Management and Audit Scheme ::.. Das ganze läuft über ein CMS, der Veranstaltungskalender ist ein eingebundenes Tool. Bei Veranstaltungen sieht man dann z.B. beim Firefox den Pfeil hinter dem Menüpunkt, als würde es sich um einen externen Link handeln. Irgendwo sehe ich da "den Wald vor lauter Bäumen nicht." Irgendwas hakt da. Vielen Dank schon mal für Anregungen. |
|
|||
Tippfehler. Immer zuerst validieren:
W3C CSS Validator results for http://www.emas.de/friends/parser.php Robin |
|
|||
Ich habe damit derzeit auch ein Problem und weiß nicht, wie ich damit umgehen soll.
Code:
a[href^="http://de.wikipedia.org"], a[href^="http://en.wikipedia.org"], .externwikipedia { background: url('images/icon_wikipedia.gif') no-repeat; padding-left:16px } a[href^="http://www.amazon.de"], a[href^="http://www.amazon.com"], .externamazon { background: url('images/icon_amazon.gif') no-repeat; padding-left:14px } a[target^="_blank"], .extern { background: url('images/extlink.gif') no-repeat; padding-left:14px } Hat jemand eine Idee, was ich da machen kann? |
|
||||
Ein mal Lektüre für dich, salnet:
target-Attribut _blank — Software Guide Also: target=_blank rauswerfen und wie oben beschrieben lösen. Gruß, Pablo |
Sponsored Links |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
css id link Definition vererbt sich | marc75 | CSS | 4 | 25.06.2009 16:09 |
CSS Link Farbe: Nur für Links in einem speziellen div Element | teecee | CSS | 9 | 12.03.2008 12:29 |
CSS Navigation - 3 Link Klassen | ven | CSS | 1 | 20.02.2008 16:36 |
Icon vor einem Link | deepblue | (X)HTML | 7 | 13.02.2008 16:47 |
Seite "halbiert" nach Klick auf Link - CSS Bug? | Nina | CSS | 1 | 14.01.2004 15:20 |