| Kasten oder Bild vor Link! Nur mit CSS? |
flotschi1981
Fachidiot
Threadstarter
Beiträge: 109 |
Hallo alle,
ich habe zwischen | | Links stehen. Jetzt will ich vor jedem Link einen farbigen Kasten z.B. weiß oder evtl. auch ein kleines Bild. Wenn man über den Link fährt (hover) soll der Kasten eine andere Farbe bekommen z.B. Rot oder das Bild soll ausgetauscht werden.
Ich will aber auf JavaScript verzichten. Geht dies auch mit CSS? Wenn ja wie?
Ich hab schon mal einen Tipp bekommen mit border-left! Ich weiß aber nicht wie ich es machen soll. Kann mir dies jemand erklären oder einfach eine einfach Lösung mit CSS geben?
Vielen vielen Dank
| Profil
E-Mail
Editieren
Zitieren
|
michael
Foren-Team
Beiträge: 1930 |
1:
2: | background: url(../images/bild.gif) no-repeat 0 2px;
padding-left: 15px; |
Damit wird ein Hintergrundbild hinter jeden Link gesetzt, welches nicht wiederholt wird. Der Link-Text selber wird um 15px nach rechts verschoben - so dass das Bild sichtbar wird.
Die Maßangaben und Bild-URL einfach anpassen.
|
| Profil
Editieren
Zitieren
|
HoRnominatoR
Mausakrobat
Beiträge: 161 |
oder eben mit
1:
2:
3:
4:
5:
6:
7: | a {
border-left:5px solid red;
}
a:hover {
border-left:5px solid blue;
} |
oder ganz modern, was der IE natuerlich nicht kann
1:
2:
3: | a:before {
content:url(dein/bild.ext);
} |
---
get OPERA for free
|
| Profil
E-Mail
Website
Editieren
Zitieren
|
a-man
Mausakrobat
Beiträge: 154 |
hast du einen link wo beschrieben wird?
---
Debian ruult...
KDE ruult...
Opera ruult...
Diese Nachricht wurde geändert von: a-man |
| Profil
Website
Editieren
Zitieren
|
sondermuelli
Quasselstrippe
Beiträge: 363 |
a-man schrieb am 10.09.2004 12:37
hast du einen link wo beschrieben wird? |
http://de.selfhtml.org/css/eigenschaften/pseudoformate.htm 
---
wer hilft mir beim geschirr spülen?
|
| Profil
E-Mail
Website
Editieren
Zitieren
|
a-man
Mausakrobat
Beiträge: 154 |
danke, darauf sollte ich eingentlich selber kommen...
---
Debian ruult...
KDE ruult...
Opera ruult...
|
| Profil
Website
Editieren
Zitieren
|
Candid Dauth
Pixelschubser
Beiträge: 11 |
HoRnominatoR schrieb am 09.09.2004 23:54
oder ganz modern, was der IE natuerlich nicht kann |
Eigentlich ja egal, denn IE-Benutzer sollten es ja eigentlich schon gewohnt sein, dass die Seiten nicht so aussehen, wie sie sollen...
---
»Bismarck biss Mark, bis Mark Bismarck biss.«
--- http://cdauth.net.tc/ ---
|
| Profil
Website
Editieren
Zitieren
|
a-man
Mausakrobat
Beiträge: 154 |
bitte wo haBt du so eine seite? bis auf ein paar auBnahmen gibt es leider keine, es ist eher umgekehrt...
---
Debian ruult...
KDE ruult...
Opera ruult...
|
| Profil
Website
Editieren
Zitieren
|
Candid Dauth
Pixelschubser
Beiträge: 11 |
»Wie sie sollen« sollte »Wie sie nach dem W3C-Standard sollten« heißen. Demnach trifft dies auf sehr viele Seiten zu, die ihr Design mit CSS gemacht haben.
---
»Bismarck biss Mark, bis Mark Bismarck biss.«
--- http://cdauth.net.tc/ ---
|
| Profil
Website
Editieren
Zitieren
|
a-man
Mausakrobat
Beiträge: 154 |
nach dem W3C standart sollten die _meiBten_ Seiten ungefaehr so auBsehen:
"Die Seite ist nicht valide und kann deswegen nicht angezeigt werden!"
Und das waere eigentlich ganz gut, denn dann muessten die meiBten webdesigner HTML _richtig_ lernen....
---
Debian ruult...
KDE ruult...
Opera ruult...
|
| Profil
Website
Editieren
Zitieren
|
Candid Dauth
Pixelschubser
Beiträge: 11 |
Ich suche eigentlich schon seit Längerem nach einem Browser, der mir wirklich solche Fehlermeldungen vorlegt, und mich dann nicht auf die entsprechende Seite lässt. Amaya ist ja da noch nicht wirklich gut zu gebrauchen...
---
»Bismarck biss Mark, bis Mark Bismarck biss.«
--- http://cdauth.net.tc/ ---
|
| Profil
Website
Editieren
Zitieren
|
HoRnominatoR
Mausakrobat
Beiträge: 161 |
sobald ein nach xml-regeln validierender doctype standard wird, werden auch die browser xml interpretieren und dann ist dieser invalide kram vorbei - fehlermeldung und schluss.
---
get OPERA for free
|
| Profil
E-Mail
Website
Editieren
Zitieren
|
a-man
Mausakrobat
Beiträge: 154 |
wenn du einfach sowas brauchst das gleich die _ganze_ seite validiert, dann bitte hier (valid entire site)
---
Debian ruult...
KDE ruult...
Opera ruult...
|
| Profil
Website
Editieren
Zitieren
|
