[html, css] Wypozycjonowanie image

0

Witam.

Tworzę stronę - galerię. Mam problem z wypozycjonowaniem elementu img wyświetlającego prace z galerii wraz z div'em zawierającym tytuł pracy. Aktualnie strona wygląda tak: http://beatajakimiak.pl/prace.aspx Założenie jest takie, że prace będą maksymalnej wielkości 565x950. Dzięki temu mogłem na stałe już umiejscowić przyciski zmiany pracy, które zawsze będą w tym samym miejscu. Problem jest taki, że wielkości prac są różne, a ja chce aby były horyzontalnie i vertykalnie wyświetlane na środku.

Problem horyzontalny załatwiłby znacznik , ale przecież jest zdeprecjonowany, więc nie chcę go używać. Gdybym znał rozmiar poszczególnych prac mógłbym zamknąć img i tytuł w div'a, ustawiać mu dynamicznie width i marginesy lewy oraz prawy na auto. Ale niestety nie znam rozmiarów.
Większy problem jest jeszcze z wyśrodkowaniem pionowym.

Chciałem podpatrzeć jakieś inne rozwiązanie, wszedłem więc na digart.pl, ale tam używają i nie wyśrodkowują vertykalnie :/

0

Server Error in '/' Application.
The resource cannot be found.

z takim przykładem jedna ciezko mi to sobie wyobrazić..

<div class="galeria"><img alt="obrazek" src="./obrazek.jpg" /></div>

.galeria { text-align: center; }

wysrodkuje obrazek w poziomie,
w pionie zostaje tylko otwieranie obrazka przez skrypt (te obrazki chyba z bazy wyciagasz, wiec nie ma z tym problemu?), wyciaganie wysokosci, i na jej podstawie liczenie marginesow do kazdego obrazka i wrzucanie tego do style="margin-top: 0px;" w IMG..

0

Sorry, do adresu powyżej się kropeczka dodała na końcu. Poprawny link to http://beatajakimiak.pl/prace.aspx

Udało się wyśrodkować, dzięki. W sumie głupio, że nie wiedziałem, że to też wyśrodkowuje obrazek :)

Na chwilę obecną, w bazie trzymam tylko url. Myślałem, że istnieje jakiś sposób wyśrodkowania w pionie bez znajomości wielkości obrazka.
Jeżeli nie, to podczas uploadu pracy będę po prostu wyciągał jej wielkość i zapisywał w bazie.

0

można tak, albo można zrobić z deka głupie coś, czyli wsadzić każdy obrazek w komórkę tabeli, i komórka tabeli może wyśrodkować obrazek w pionie.. czyli coś w stylu

ale to mało profesjonalnie wygląda.. no ale jest skuteczne :P dla td text-align, i vertical-align a tabela i komórka oczywiście ma być dokładnie takiego rozmiaru jak rodzic-div
0

Ok, rozumiem.
Zostanę przy pierwszym rozwiązaniu, jak na razie.

Dzięki za pomoc :)

1 użytkowników online, w tym zalogowanych: 0, gości: 1