3 Elementy w linii jak wysrodkowac tylko ten pomiedzy?, niby banał a zamotka Opcje

[fate]

Witam
Głowie się i kombinowalem szukalem czytalem na 100 sposobow i lipa.
Jak zrobic: 4 male obrazki linki w lewym gornym rogu obok siebie, na srodku obrazek duzy logo i prawy gorny rog tez 4 male obrazki linki wszystko w linii przy gornej krawedzi?
o tak:

|o o o o logo wysrodkowane o o o o|

Calosc w srodku diva id baner. XHTML + skrypty java i php. Mozilla

Problem w tym ze jak centruje logo schodzi ono linijke nizej z/w na element blokowy tak przypuszczam (text-align dziala jak znaczniki center i w spanie nie dziala wcale)
Ponadto nie moge przeksztalcic elementow wewnatrz diva zeby dzialaly inline gdyz wtedy nie dziala text-align.
Jakas alternatywa dla text-align bo tu juz wyczerpalem chyba wszytskie mozliwosci?
inne pomysly oprocz html4 i img align?

kodu nie wklejam gdyz jest skomplikowany z/w na skrypty chyba wszystko zrozumiale opisalem, bylbym wdzieczny za pomoc

Jedyny sposob ktory wymyslilem to pozycjonowanie relatywne o te -20px tyle maja male obrazki + nie wiem ile odleglosc blokow (pewnie rozna w roznych przegladarkach tu jest ból) - ale czy jest jakis prostszy konkretny sposob?
Tabel tez sie chyba obecnie nie stosuje w budowaniu struktury..
może jeszczce cos z marginesami pokombinuje

KG

[fate]

nie bede sie chwalil bo narazie burdel nie strona choc jest juz online i to z domena .pl:)
udalo mi sie uzyskac zamierzony efekt tym sposobem innego kolegi Krzysztofa-94

CODE

<style>
.header {
position: relative;
text-align: center;
}
.left {
position: absolute;
text-align: left;
top: 0px;
left: 0px;
}
.right {
position: absolute;
text-align: rigth;
top: 0px;
right: 0px;
}
</style>
<div class="header">
<div class="left"></div>
<img class="logo" />
<div class="right"></div>
</div>

Pozdrawiam

Ten post edytował fate 15.03.2012, 16:12:28