zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden externer Link mit Icon versehen über CSS

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 26.02.2007, 10:52
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 31.10.2006
Ort: Berlin
Beiträge: 12
offina befindet sich auf einem aufstrebenden Ast
Frage 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!
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 26.02.2007, 11:40
{ display: random;}
XHTMLforum-Kenner
 
Registriert seit: 08.09.2004
Ort: Stuttgart
Beiträge: 5.034
andir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblick
Standard

Code:
a:[href^="http://meine_domain.de"]
Wird denn auch so verlinkt?
Was ist mit Links wie

Code:
< a href="http://www.meine_domain.de">blubb</a>
< a href="www.meine_domain.de">blubb</a>
Edit: NUR background: transparent überschreibt die vorige Einstellung nicht. Gib besser: background-image: none; an.
__________________
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
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 27.02.2007, 13:56
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 31.10.2006
Ort: Berlin
Beiträge: 12
offina befindet sich auf einem aufstrebenden Ast
Standard

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.
Mit Zitat antworten
  #4 (permalink)  
Alt 27.02.2007, 14:14
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 25.03.2004
Beiträge: 1.838
RoToRa wird schon bald berühmt werden
Standard

Es würde helfen, wenn wir eine URL bekämen...

Robin
Mit Zitat antworten
  #5 (permalink)  
Alt 27.02.2007, 14:45
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 31.10.2006
Ort: Berlin
Beiträge: 12
offina befindet sich auf einem aufstrebenden Ast
Standard

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.
Mit Zitat antworten
  #6 (permalink)  
Alt 27.02.2007, 14:52
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 25.03.2004
Beiträge: 1.838
RoToRa wird schon bald berühmt werden
Standard

Tippfehler. Immer zuerst validieren:

W3C CSS Validator results for http://www.emas.de/friends/parser.php

Robin
Mit Zitat antworten
  #7 (permalink)  
Alt 27.02.2007, 15:07
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 31.10.2006
Ort: Berlin
Beiträge: 12
offina befindet sich auf einem aufstrebenden Ast
Standard

Manno, manno, wie blöd!!!
Vielen Dank. Ja natürlich. Erst zum Validator.
Ich werde es mir merken!!!
Mit Zitat antworten
  #8 (permalink)  
Alt 14.06.2008, 00:40
Neuer Benutzer
neuer user
 
Registriert seit: 05.09.2006
Beiträge: 11
salnet befindet sich auf einem aufstrebenden Ast
Standard

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
}
Das Problem ist, dass bei den Wikipedia bzw. Amazon-Links das Bild von .extern geladen wird, weil die Wikipedia bzw. Amazon-Links ebenfalls einen _blank-Tag haben.

Hat jemand eine Idee, was ich da machen kann?
Mit Zitat antworten
  #9 (permalink)  
Alt 14.06.2008, 04:55
Benutzerbild von Pablo
4 8 15 16 23 42
XHTMLforum-Kenner
 
Registriert seit: 31.05.2004
Beiträge: 1.772
Pablo sorgt für eine eindrucksvolle AtmosphärePablo sorgt für eine eindrucksvolle Atmosphäre
Standard

Ein mal Lektüre für dich, salnet:
target-Attribut _blank &mdash; Software Guide
Also: target=_blank rauswerfen und wie oben beschrieben lösen.

Gruß,
Pablo
__________________
Go Opera!
… oder Chrome. Auch cool.
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
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


Alle Zeitangaben in WEZ +2. Es ist jetzt 04:15 Uhr.