Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: Obiekty z pozycją absolutną dostosowywujące się do wysokości obrazka
Forum PHP.pl > Forum > Po stronie przeglądarki > HTML \ XHTML
damianpsp2000
Witam!
Mam pewien problem i nie wiem jak go rozwiązać, zaraz go opiszę. Tworzę serwis internetowy i mam w nim posty dodawane przez użytkowników, dodawanie obrazka, wpisywanie tytułu. Chcę później te posty zapisać w bazie danych i jest ok. Problem pojawia się przy ich wyświetlaniu. Mam div o pozycji domyślnej a w nim kolejne divy o pozycji absolutnej. I te elementy o pozycji absolutnej to np. data dodania obrazka, autor obrazka, tytuł obrazka. Chcę by wgrywany obrazek miał moją ustaloną szerokość ale wysokość swoją domyślną i te elementy o pozycji absolutnej mi się rozsuwają w stosunku do wysokości obrazka i byłoby wszystko dobrze gdyby każdy wgrywany obrazek miał tą samą wysokość ale jak wspomniałem wcześniej chcę zrobić wysokości standardowe, jak zrobić by divy o pozycji absolutnej były zawsze w tym samym miejscu niezależnie od wysokości obrazka?

Pozdrawiam.
Damonsson
Nie da się tego zrobić, bo jak ktoś doda obrazek o wysokości nie wiem, 10px, to nie zmieścisz przecież tych informacji. Musisz te dane wyrzucić po za kontener, który może być rozszerzany tym obrazkiem.
damianpsp2000
ok ale zobacz sobie np. tutaj:
http://tentego.sruu.pl/demo/

każdy post ma inny obrazek i ten obrazek ma inną wysokość a elementy jak tytuł, kto dodał itd. są w tym samym miejscu a mają pozycję absolutną..
Damonsson
Gdzie Ty tam widzisz position: absolute?
damianpsp2000
  1. .block h2 {
  2. background: url('img/title_ribbon.png') no-repeat;
  3. height: 65px;
  4. width: 530px;
  5. position: absolute;
  6. right: -74px;
  7. top: -20px;
  8. padding: 24px 0px 0px 14px;
  9. font-family: Times New Roman;
  10. color: #fff;
  11. font-size: 16pt;
  12. font-weight: normal;
  13. text-shadow: 2px 2px 1px #64a2b6;
  14. z-index: 9;
  15. }


to jest z:
http://tentego.sruu.pl/demo//_themes/default/style.css


może jest jakiś sposób z javascript?
Damonsson
Przecież to jest całkiem co innego...
Wyświetlasz to normalnie.
<div width: 800px>
<img max-width: 600px>
<div max-w: 150px, float right>
<div autor> </div>
<div lalal> </div>
</div>
</div>
damianpsp2000
dobra:)
jeszcze wczoraj sobie poradziłem,
dzięki wielkie za pomoc!

Można zamknąć.
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.