[ERLEDIGT] positionierung von div in div

[Dominic28]

Hey,
Mir ist leider kein vernünftiger Titel eingefallen aber naja...
Ich habe eine Funktion geschrieben (PHP) mit der man Videos eintragen kann und diese dann optisch Dargestellt werden wie auf diesem Screenshot:

http://www7.pic-upload.de/08.09.12/7uk91z9foj7.png

Mein Problem ist das Kreuz in der rechten oberen Ecke. Bei einem klick löscht es den Eintrag.
1. Problem: Das Kreuz ist bisher absolut positioniert, was ich eigentlich vermeiden möchte.
2. Problem: Die ganze Box ist ebenfalls verlinkt. Man kann auf die komplette Fläche klicken und wird dann weitergeleitet.

Hier erstmal der Code für die Box:

.videobox{
border: 1px solid #cccccc;
box-shadow: 5px 5px 10px #dddddd;
-moz-box-shadow: 5px 5px 10px #dddddd; /* Firefox 3.6 and earlier */
width: 700px;
height: 90px;
color: #000000;
}

.videobox a{
text-decoration: none;
width: 100%;
display: block;
height: 100%;
color: #555555;
}

Absolut positioniert kann man nicht auf das Kreuz klicken, da man auf die Box klickt und sich so das Video öffnet.
Nicht absolut positioniert ist der klickbereich des Kreuzes über die ganze Breite (wegen width: 100% bei ".videobox a").

Komme hier echt grad nicht weiter. Hoffe ihr könnt mir helfen.

 

[phzu]

Pack doch die Teile mit Bild und Beschreibung in ein eigens div, positioniere die mit float left und fixer Breite.

Dann machst du ein zweites div welches du ebenfalls so positionierst und fügst dort dein X als verlinktes Bild ein.

 

[Dominic28]

Das hab ich ja bisher gemacht. Dachte nur man kann das irgendwie besser lösen.
Also es funktioniert jetzt. Nur es ist wohl nicht der schönste Code...

Trotzdem danke