Div soll Farbe ändern bei hover

[DenisCGN]

Hallo,

das ist meine Ausgangssituation: http://www.musicheadquarter.de/v1/cd-reviews/_index.php

Das ist mein Style:

.cdTeaser {
	float: left;
	border: 1px solid #F9F9F9;
	width: 100px;
	height: 200px;
	padding: 5px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 10px;
}
.cdArtist {
	font-size: 10px;
	display: block;
	margin-bottom: 10px;
	vertical-align: middle;
	text-align: center;
}
.cdTitle {
	font-size: 10px;
	font-style: italic;
	vertical-align: middle;
}
.cdTeaserImage {
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	display: block;
	height: 90px;
	width: 90px;
}
.teaser {
	width: 620px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 0px;
	overflow: hidden;
}

Jetzt kann ich natürlich das Bild, den Künstler und den Titel mit einem Link versehen, finde ich aber irgendwie doof.

Ich möchte, dass wenn man über das DIV mit der Klasse "cdTeaser" fährt, das sich die Hintergrundfarbe ändert. Außerdem soll dieses DIV den Link enthalten.

wie geht das???

Grüße
der Denis

[DenisCGN]

Hab es schon :-)))

Ich habe diesen style noch hinzugefügt:

.cdTeaser:hover {
	background-color: #F9F9F9;
	cursor: Pointer;
}

Dann um das DIV mit der Klasse cdTeaser den Link gepackt.

Alle CD-Cover habe ich dann als Backgroundimage eingebaut.

Problem, was ich jetzt habe ist, das die Bilder zu groß sind. wie kann ich die Bilder in CSS auf 90x90px stauchen.


Denis

[max.m]

wie kann ich die Bilder in CSS auf 90x90px stauchen.

Der bessere Weg wäre wenn die Bilder schon 90 * 90 Pixel groß wären.

[DenisCGN]

Schon richtig, nur ist es jetzt etwas nervig mehr 1000 Bilder zu ändern :-(

Naja, jetzt passen sie halt nicht 100% :-)

Grüßle
der Denis

[max.m]

Arbeitest Du mit Photoshop? Dann kannst Du eine Aktion aufzeichnen und das automatisiert machen. Gibt sicher noch andere Freeware-Tools die das können.

Edit: Ich wusste doch hier war erst ein Thread.

http://www.traum-projekt.com/forum/1...rimierung.html

[DenisCGN]

Hi max.m,

ich habe festgestellt, das ich schon Thumbs habe, die passen nicht 100% aber für eine kleine Verbesserung reicht es alle male.

http://www.musicheadquarter.de/v1/cd-reviews/

Was jetzt nur komisch ist, ist, dass der TITLE tag erst ab dem 2ten Eintrag kommt. beim ersten NIE :-(

Was kann das sein?

Grüße
der Denis

[max.m]

Hi max.m,

ich habe festgestellt, das ich schon Thumbs habe, die passen nicht 100% aber für eine kleine Verbesserung reicht es alle male.

Versteh ich nicht.

Was jetzt nur komisch ist, ist, dass der TITLE tag erst ab dem 2ten Eintrag kommt. beim ersten NIE :-(

Bei Deinem Link seh ich auch beim ersten Thumb einen Title (Ane Brun Live At...)