Problem z kontrolą zagnieżdżonego diva na stronie Opcje

[samuraj_jack]

Cześć w złączeniu przedstawiam link http://jsfiddle.net/samuraijack/bW6jj/1/ do problemu jaki staram się rozwiązać.

A to mój problem: Mam na stronie kilkanaście DIV-ów z klasą „views-row” o stałym rozmiarze. W nim mam zdjęcie, tytuł artykułu, treść, oraz przycisk „więcej” wszystko posiada własne klasy CSS.

Problem polega na tym abym mógł całkowicie kontrolować pozycję przycisku „więcej” w obrębie DIV-a z klasą „views-row”, ale ta pozycja nie może być w żaden sposób uzależniona od innych elementów zawartych w obrębie DIV-a z klasą „views-row”.

np.: aby przycisk „więcej” był górnym lewym rogu bez zmiany pozycji innych elementów w obrębie DIV-a z klasą „views-row”.

Zaznaczam że div z klasą „views-row” nie jest jedynym elementem na stronie.

[mortus]

Dodaj reguły CSS:

[CSS] pobierz, plaintext 
.views-row {
  position: relative;
  z-index: 0;
}
.views-field-view-node {
    display: inline-block;
    position: absolute;
    z-index: 10;
}
[CSS] pobierz, plaintext 

I dodatkowo elementom .views-field-node ustawiasz odpowiednio left, right, top i bottom w zależności od potrzeb.

EDIT:
Przykład

Ten post edytował mortus 25.02.2012, 15:48:10

[samuraj_jack]

Dzięki , działa