[CSS] Bilder übereinander legen funktioniert nicht

Huhu,
ich möchte auf ein Vektorpferd z.b. jetzt eine Trense drüber legen, das ganz wird dann aber per PHP für Steckbriefe gemacht.
Also ich hab einmal eine Spalte für das Pferd und einmal für die Trense, innerhalb der Spalten geb ich die Bildadresse per HTML halt ein.
Jetzt wollte ich das auf einer Seite so machen, dass sich die Bildebenen übereinander legen, sind beide gleich groß, die Trensenebene müsste halt einfach "obendrauf"
Vorhin auch Suchfunktion benutzt, aber da hat der User es anscheinend mehr selbst gelöst oder man wies auf CSS hin. Jetzt habe ich aber das Problem, dass ich das div gar nicht genau definieren könnte, eben aus dem Grund, weil das für mein Design schon die Basis des Textfeldes und des Menüs bildet, wenn ich da also die Breite auf 400 stellen würde, wäre das Design auf gut deutsch gesagt wohl am A***
Gibts daher etwas anderes als div wo man da jetzt nehmen könnte? Damit sich das auch wirklich sauber drüber legt? Wäre um Hilfe dankbar, am besten mit Beispielcode ^^

Im Anhang ist noch ein Beispielbild!

Vielen Dank schonmal ArkiaWolv

Du kannst in eienr Seite beliebig viele divs verwenden. Du musst nur im CSS präzise sagen, welches du gerade stylen willst. (mittels Klasen oder IDs)

Also wenn ich jetzt z.b. <div id=pferdebild> schreiben würde müsste ich im CSS grad einfach :

pferdebild { da dann die ganzen angaben
}

machen?

Hi,

hier mal alle Möglichkeiten:

code: 1: 2: 3: 4: 5: 6: 7: 8: 9: 10: 11: 12: 13: 14: 15: 16: <div id="bezeichnung" class="gruppierung"> Über das Tag: div { ... } Über die ID: #bezeichnung { ... } Über die Class: .gruppierung { ... }

Dabei ist zu beachten, dass eine ID nur einmal vorkommen darf. Zum Gruppieren verwendet man daher class.

LG

Danke Gehe ich gleich mal testen x3