Gegen Bilderklau - Das Original (https://www.gegen-bilderklau.net/index.php)
- Design, Website, Copyright (https://www.gegen-bilderklau.net/board.php?boardid=80)
--- Homepagehilfe (https://www.gegen-bilderklau.net/board.php?boardid=27)
---- Homepagehilfe - Archiv (https://www.gegen-bilderklau.net/board.php?boardid=139)
----- [CSS] Bilder übereinander legen funktioniert nicht (https://www.gegen-bilderklau.net/thread.php?threadid=175948)


Geschrieben von Itoe am 02.10.2010 um 13:22:

  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? fröhlich Wäre um Hilfe dankbar, am besten mit Beispielcode ^^

Im Anhang ist noch ein Beispielbild!

Vielen Dank schonmal ArkiaWolv



Geschrieben von 1Sm!le am 02.10.2010 um 17:28:

 

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)



Geschrieben von Itoe am 02.10.2010 um 17:52:

 

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? fröhlich



Geschrieben von Oli am 02.10.2010 um 19:42:

 

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



Geschrieben von Itoe am 02.10.2010 um 22:27:

 

Danke fröhlich Gehe ich gleich mal testen x3


Forensoftware: Burning Board, entwickelt von WoltLab GmbH