Hi,
Ich hätte gerne auf der Index Seite einen dünnen Rahmen mit kleinem Rand um die Bilder, und beim mouseover einen fetten rahmen.
Kann mir da einer den CSS Code schreiben oder Links wo ich anhaltspunkte finde?
Image CSS Mouseover ?
-
-
- Gerade eben
- Anzeige
Hallo!
Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.
- ✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
- ✔️ Deutsche Server & DSGVO-konform
- ✔️ Persönlicher Support (kein 0815-Ticket-System)
-
das könnte dann sowas sein, unter umständen:
a:link {
color:#FFFF66;
}
a:visited {
color:#FFCC66;
}
a:hover {
color:#B8860B;
style="border:solid 5px yellow;
padding:10px;
}dotted = gepunktet
solid = durchgezogen
double = doppelt durchgezogen
inset = 3D-Effekt
outset = 3D-Effektund das padding ist der abstand vom rahmen zum bild, je nach belieben einstellbar. viel glück
-
.img {
background-color: #ffffff;
border: 1px solid #dddddd;
/*-moz-border-radius:5px;*/
padding: 4px;
}.img a:hover {
border: 3px solid #000000;
/*-moz-border-radius:10px;*/
}klappt leider net :rolleyes:
-
Der Punkt vor dem img muss vermutlich weg, ist ja keine Klasse sondern der HTML-Tag gemeint, oder?
-
Der Punkt is im original überall davor.. :rolleyes:
-
Code
Alles anzeigena.img { background-color: #ffffff; border: 1px solid #dddddd; /*-moz-border-radius:5px;*/ padding: 4px; } a:hover.img { (oder a.img:hover, weiss grad nicht genau) border: 3px solid #000000; /*-moz-border-radius:10px;*/ }und
So sollte das ganze eigentlich funktionieren. Hat auch den Vorteil das man gezielt sagen kann, welche Bilder den Rahmen haben sollen und welche nicht.
Gruß Jeriko
-
Ick hab das nun mit schwarzem Background geregelt.
Trotzdem danke!
Jetzt mitmachen!
Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!