Szablon beez5 i menu w 4 kolumnach - obrazy link - pod banerem górnym

[krzys.r]

Zainstalowałem joomla 1.7.3 - utworzyłem baner górny oraz 4 obrazy png 240px/240px które umieściłem w 4 oddzielnych artykułach, wyśrodkowałem a następnie artykuły wyróżniłem. Stronę startową ustawiłem pozycja główna 0, pozostałych 4, kolumny 4 i odnośniki 4. Spowodowało to, że przygotowane 4 obrazki zostały wyświetlone w jednym wierszu tak jak chciałem.
Jednak ostatni jest odsunięty bardziej od 3 (jest wizualnie 2-krotnie większa przerwa pomiędzy obrazami) oraz prawy margines jest większy niż lewy.
Nie wygląda to profesjonalnie. Jak to poprawić?
Potrafię przygotować grafikę strony startowej w całości, a następnie pociąć to np. w gimpie, w tabeli html nie miałbym żadnego problemu, jednak templatki jeszcze nie utworzę - to moje początki znajomości z joomla - stąd taki pomysł z artykułami.
Strona jest widoczna w internecie - dla zobrazowania mogę podać link na pw, póki co nie ma się czym chwalić.

[nikszal]

Daj link do strony, bo w gruncie rzeczy chodzi o problem techniczny, a nie merytoryczną ocenę treści.

[nikszal]

Zmniejsz o kilkanaście px długość obrazków, bo są dłuższe niż div-y (width: 23%) w których się znajdują.

[krzys.r]

zmniejszyłem 240px/220px (szerokość/wysokość) - niestety bez efektu

[nikszal]

Chyba mnie nie zrozumiałeś. Proponowałem zmniejszyć o kilkanaście px długość, a nie wysokość obrazków.

Nie 240 x 220px tylko np. 220 x 220. Początkowo było 240 x 240px.

[krzys.r]

Poprawiłem, jednak odstęp między 3 a 4 nadal jest większy, marginesy również. Można jakoś wyświetlić ramkę pomiędzy tymi obrazkami?
Przeskalowałem powtórnie do 210px/220px - podobnie.

Próbowałem również w jednym artykule wstawić 4 obrazki obok siebie w 240px/240px, wygląda to lepiej, lecz pojawia się wtedy pod myszką podświetlenie dla linka html, co również mało profesjonalnie wygląda.

[nikszal]

4 kolumna (layout.css, wiersz 616) popraw opływanie bloku z right na left

.cols-4 .column-4 {
float: right left;
margin-left: 1%;
width: 23%;
}

Usuń right i wpisz left.

[krzys.r]

no i o to chodziło, pozostały jeszcze te marginesy, z tego co zauważyłem rozmiary div'a to 237px/246px, przeskalowałem do 225x230 px i poprawiłem wpis dla 1-kolumny dodając margines lewy również 1%, jest lepiej

[nikszal]

Zaklikaj do mnie na gg - 4599073, bo widzę, że już coś skopałeś. Czwarty obrazek spadł w dół.