Witam,
mam problem z obramowaniem fotografii. Chciałbym, żeby grafika w komórce tabeli była otoczona, z każdej strony 4 pixelowym, szarym obramowaniem.
Wypróbowałem następujące sposoby - z marnymi rezultatami - albo nie było żadnego efektu, albo margines z prawej strony robił się strasznie duży (łącznie z tym, że rozciągał komórkę tabeli):
-
padding: 4px dla grafiki, padding 0px dla komórki tabeli;
-
padding: 4px dla komórki tabeli, padding 0px dla grafiki;
-
margin: 4px dla grafiki, reszta na 0;
-
border: 4px dla grafiki, reszta na 0;
-
wszystko na 0, dla komórki ustawione text-align: center; vertical-align: middle;
Dodam, że komórka ma rozmiar 168x128px a wstawiane fotografie 160x120. (Tło komórek ustawiałem #999999).
Jedynym działającym rozwiązaniem mojego problemu było obramowanie komórki właściwiej komórkami mającymi rozmiary 4 pixele, ale to nie jest dobra metoda - bardzo trudno dodawać nowe grafiki, a kod HTML jest bardzo rozbudowany i ciężko się w nim połapać.
Jeśli ktoś wie jak mogę uzyskać ten efekt bez zbędnej zabawy, proszę o pomoc.
Z góry dziękuje.