Obramowanie fotografii w (x)HTMLu


(Kontakt) #1

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.


(Zagorskid) #2

Może dla grafki:

style="border: solid 4px silver"

(Kontakt) #3

obramowanie jest tak jak powinno z każdej strony, i bardzo dobrze wygląda... tylko jest tak jak w przypadku innych rozwiązań - z prawej strony (na oko) 5px odstępu (i oczywiście rozciągnięta komórka pomimo zdefiniowanej sztywno wielkości... :/)

Jest jakiś sposób na pozbycie się tego? padding i margin ustawione na 0...


(Zagorskid) #4

Dodaj do tabelki:


(Kontakt) #5

juz było dodane wcześniej - nic nie zmienia :frowning:


(Zagorskid) #6

| img.jpg |
[/code]

To musi działać. Nie masz czegoś ustawionego odnośnie tebali/obrazków w zewnętrznym arkuszu stylów?


(Kontakt) #7

http://www.***.pl/new/layout/style.css - style css... jeśli coś namieszane to proszę wskazać gdzie...

http://www.***.pl/new/pages/galeria_index_p.htm - plik z którym się męcze...

Plik ze stylami jest juz dość wiekowy i mam zamiar go oczyścić w najblizszym czasie