Suche Einheitliches Design für Links

[el muesli]

Halli und Hallo,
auf meiner Website gibt es eine Menge Links (wer hätte das gedacht). Um diese ein bisschen hervorzuheben habe ich vor jedem Link einen kleinen Pfeil (pfeil.gif) eingefügt. Da es allerdings ziemlich stressig und nicht gerade elegant ist, wenn man immer nen <img>-tag vor jedes Link setzt wollte ich fragen, ob man das nicht auch mit nem Stylesheet oder einer Funktion machen kann.
Zusammengefasst: Kann man eine Funktion (z.B. link() )o.ä. einfügen, bei der man dann nur noch link("adresse.html") schreibt und die dann den Pfeil und das Aussehen des Links übernimmt?
Ich hoffe das Problem ist klar. BG.

[TobiaZ]

geht mit CSS. Siehe selfhtml "before".

geht aber net in jedem browser.-

[mrhappiness]

geht auch ohne "before"

einfach background-image und padding-left angeben und die sonne scheint wieder

[TobiaZ]

fette idee!

[Wurzel]

OffTopic:

---

happy gibs zu, du bist (beruflich) nicht ausgelastet

---

[mrhappiness]

OffTopic:

---

weil ich so geheime sachen weiß?

---

[frabron]

OffTopic:

---

Wieso geheim? Vom Stickie oben nur zwei Klicks entfernt
http://www.css4you.de/trickkiste/tr00026.html

---

[TobiaZ]

OffTopic:

---

wer liest schon stickies

---

[el muesli]

Ich bedanke mich mal wieder... war mir wieder ne große Hilfe und die Benutzer meiner Site freuen sich jetzt, dass sie die Links auch sehen können
Tschö wa.

[el muesli]

So, ich habe jetzt ein weiteres Problem mit dem Link. Es wird ja nun automatisch die Grafik davor gesetzt. Ein Freund meinte jetzt, dass sich die Grafik bei ihm neu lädt, wenn er mit der Maus über das Link fährt. Bei mir ist das weder in Opera noch im IE so, er benutzt IE, hat dieses Phänomen bisher aber noch nicht erlebt (ich nehme also an, dass es nicht an seinen Einstellungen liegt).
Kann man das irgendwie unterbinden?
Tschuuuus

P.S. Für Freunde des Codes :
[COLOR=blue]
a.link {
background: url(pics/pfeilblau.gif);
background-repeat: no-repeat;
background-position: left;
padding-left:11px;
text-decoration:underline;
}[/COLOR]

[schmalle]

Wie sieht die Definition von a:hover aus?

[el muesli]

Ich habe nur einmal hover definiert, allerdings eigentlich nur in der Klasse navBar... :
[COLOR=blue]
.navBar a:hover {
display: block;
text-align: center;
color:#333333;
text-decoration: none;
padding-top: 1px;
padding-left: 7px;
padding-bottom: 1px;
padding-right: 7px;
border-width: 2px;
border-style: groove;
border-left-color: #8888FF;
border-top-color: #8888FF;
border-right-color: #8888FF;
border-bottom-color: #8888FF;
background-color: #FFFFFF;
}[/COLOR]

Ich denke also, dass normalerweise nix passieren sollte, wenn jemand über ein Link fährt. Es sollte sich doch nur was verändern, wenn a:hover definiert ist, richtig?

Sind eigentlich alle Websites so pingelig genau programmiert, dass man nicht den kleinsten Fehler finden kann? Irgendwie zermürbt es mich .
Beste Grüße!

[wahsaga]

definiere das hintergrundbild mal für a generell, und nicht für a:link.

[TobiaZ]

hm, wirds wirklich neu geladen, oder flackert es vielleicht auch nur?

[derHund]

hmm,

wo wir grade dabei sind ...

im ie5 läßt sich kein padding für inline-elemente setzen (hmm, so steht es ja auch bei css4me ...)

damit ist diese herangehensweise fast noch schlechter als die before/after-methode ... dort wird im ie wenigstens garnichts angezeigt. bei der background-version siehts je nach image mies bis unerkennbar aus ...

was also tun?

[ ] dem ie5 einen anderen style präsentieren, per hack oder wie auch immer?
[ ] vernachlässigen, da der ie eh nur einen markanteil von 10% hat, der ie5 gerade mal noch 0.5%?
[ ] ein paar &amp;nbsp; am anfang/ende jedes links einfügen