Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: Problem z kontrolą zagnieżdżonego diva na stronie
Forum PHP.pl > Forum > Po stronie przeglądarki > CSS
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:
  1. .views-row {
  2. position: relative;
  3. z-index: 0;
  4. }
  5. .views-field-view-node {
  6. display: inline-block;
  7. position: absolute;
  8. z-index: 10;
  9. }

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

EDIT:
Przykład
samuraj_jack
Dzięki , działa wink.gif
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.