[erledigt] <div> in Block - Funktioniert das nicht?
Eingetragen von BeTZe (105)am 16.11.2010 - 17:38 Uhr in
Hallo Zusammen,
ich möchte in einem Block ein Bild anzeigen lassen und wenn man mit der Mouse darüber geht soll ein anderes erscheinen. Lösen möchte ich das mit einem
. Jetzt habe ich ein Block mit folgendem Inhalt erstellt:
<div class="hintergrund_dbase1"></div>In der CSS Datei habe ich folgendes eingefügt:
hintergrund_dbase1 {
width: 135px;
height: 80px;
background-image: url(database1klg.jpg);
}
.hintergrund_dbase1:hover {
background-image: url(database1kl.jpg);
}Leider funktioniert das nicht. Das Bild wird mir nicht angezeigt. Wenn ich den Inhalt des Block in eine neue Seite einfüge funktioniert das alles.
Kann ich in einem Block kein div einfügen?
Danke im voraus.
- Anmelden oder Registrieren um Kommentare zu schreiben
Doch das
am 16.11.2010 - 19:07 Uhr
Doch das funktioniert.
# Benutze das Eingabeformat "Full HTML" oder
# Sorge dafür, dass "Filtered HTML" ein div-Tag verwenden darf.
Grüße, Ronald
Hallo, ich verwende ja "Full
am 17.11.2010 - 15:02 Uhr
Hallo,
ich verwende ja "Full HTML".
Ich habe das jetzt noch mal so geändert. Im Block steht folgendes:
<a href="http://v4.epms.de/img/leistungen/database1gr.jpg" rel="lightbox[lettershop]"><br /><div class="hintergrund_dbase1"></div></a></p>
<p> <a href="http://v4.epms.de/img/leistungen/database2gr.jpg" rel="lightbox[lettershop]"><br />
<div class="hintergrund_dbase2"></div></a></p>
<p> <a href="http://v4.epms.de/img/leistungen/database3gr.jpg" rel="lightbox[lettershop]"><br />
<div class="hintergrund_dbase3"></div></a></p>
Das CSS dazu:
a.hintergrund_dbase1 {display:block;
width: 135px;
height: 80px;
background-image: url(database1klg.jpg);
}
a:hover.hintergrund_dbase1 {
background-image: url(database1kl.jpg);
}
a.hintergrund_dbase2 {
display:block;
width: 135px;
height: 80px;
background-image: url(database2klg.jpg);
}
a:hover.hintergrund_dbase2 {
background-image: url(database2kl.jpg);
}
a.hintergrund_dbase3 {
display:block;
width: 135px;
height: 80px;
background-image: url(database3klg.jpg);
}
a:hover.hintergrund_dbase3 {
background-image: url(database3kl.jpg);
}
Mir wird der Wert von "background-image" nicht angezeigt. Das Bild fehlt.
CSS-Sprites
am 17.11.2010 - 15:39 Uhr
Hallo.
Mal eine andere Idee: verwende CSS-Sprites. Dann musst Du den Code für das Bild nur ein einziges Mal einbinden und benötigst keine zusätzlichen Wrapper.
Allerdings ist das dann nichts mit Lightbox-Effekt.
Was mir gerade noch auffällt: Du verwendest
a.hintergrund_dbase1. Das kann jedoch nicht funktionieren, da Du keinen Link mit der Klasse ".hintergrund_dbase1" definiert hast.Korrekt wäre
a .hintergrund_dbase1bzw.a div.hintergrund_dbase1.hth,
Stefan
Danke für die Tipps. Jetzt
am 17.11.2010 - 15:49 Uhr
Danke für die Tipps. Jetzt funktioniert es. Habe aber eigentlich nichts geändert. Verstehe ich jetzt nicht.. Sowas Liebe ich... erst nicht funktionieren und dann noch und man weiß nicht, woran es dann gelegen hat... :-(