✔ Positionierung und z-index..

[MichaelRadke]

Hallo Forum,

ich bastel mir gerade eine Datei-Upload-Funktion. Nun möchte ich die hochgeladenen Dateien auch wieder löschen können - und stehe vor einem Problem. Ich unterscheide zwischen Artikel-Bildern und Artikel-Datenblättern, daher gibt es zwei Upload-"Bereiche".

Um die Seite kurz zu beschreiben :
- Input-File und darunter ein Submit-Button (Artikel)
- wenn Bilder vorhanden, sollen sie unter der Upload-Funktion dargestellt werden
- Input-File und darunter ein Submit-Button (Datenblätter)
- wenn Datenblätter vorhanden, dann Darstellung von Icons (nebenbei - wie erstellt man Thumbnails von PDFs...)

Es werden maximal 4 Bilder nebeneinander dargestellt, danach ein clear:left und in der nächsten "Zeile" geht es weiter. Die Anzahl an Bildern und Datenblättern ist unbeschränkt.

Zum *Löschen* möchte ich eine Checkbox über jedes Bild legen (oben, links). Unter den Bildern/Datenblättern soll dann ein Button "löschen" erscheinen, alle angeklickten Dateien sollen dann wieder gelöscht werden.

Genau an diesem Punkt verzweifel ich gerade. Wie lege ich -ohne position:absolute- die Checkbox auf's Bild oben links - wenn es keine Einschränkung bei der Anzahl der Bilder gibt...

Habt Ihr eine Idee wie das CSS-mäßig zu realisieren ist?

Danke im voraus
Michael Radke

 

[Quaese]

Hi,

du könntest das Bild als Hintergrund eines DIVs anzeigen. Darüber legst du die Checkbox.

<div style="background: url(bild.gif) 0 0 no-repeat; width:80px; height: 120px;">
  <input type="checkbox" name="delImg[]" value="bild.gif" />
</div>

Ciao
Quaese

 

[MichaelRadke]

Coole Idee, super klasse prima !! Funktioniert!

Danke für den Tip

Gruß, Michael