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.
- Problem: Das Kreuz ist bisher absolut positioniert, was ich eigentlich vermeiden möchte.
- 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.