Resize image cu CSS

Salutare.

Abia am inceput si eu sa lucrez cu CSS si sunt incepator. HTML, PHP, mySQL le stapanesc destul de bine, mai slabut la PHP si MySQL, dar cu putin Google ma descurc. Ideea de baza este ca vreau sa incep sa invat sa fac site-uri de la zero, fara CMS-uri, template-uri si alte de-astea.

Incerc sa fac un top-meniu orizontal compus din butoane-imagini, dar problema este ca butoanele mi se deplaseaza aiurea in pagina in functie de dimensiunea sau rezolutia ferestrei browserului. Am o imagine de background pe care am reusit s-o fac sa se redimensioneze corect in functie de dimensiunea ferestrei, la fel cu un logo, care apare primul in partea de sus, orizontal. Orice as face ferestrei si pe orice rezolutie, daca pastrez numai aceste 2 elemente, pagina arata OK. Insa, in functie de dimensiunile ferestrei, butoanele, pe care le vreau imediat sub logo, se pozitioneaza ba peste logo, ba cum vreau eu, ba mai jos, nu isi pastreaza pozitia fata de logo.

Am incercat sa includ butoanele in imaginea de logo si sa lucrez cu MAP de la tagul IMG, din HTML, dar zona de link mi se muta odata cu redimensionarea ferestrei, asta insemnand ca daca redimensionez fereastra, linkul imi fuge in afara butonului.

As dori sa stiu daca exista o solutie sa fac butoanele sa ramana fixe fata de logo, practic sa se redimensioneze si ele odata cu pagina, si sa fac linkurile sa functioneze corect pe aceste butoane.

Daca este nevoie, o sa pun si sursa la ce am facut pana acum. Ideea principala este sa fac site-ul sa se afiseze si sa lucreze corect la orice rezolutie sau dimensiune a ferestrei.

Multumesc frumos !

Edited by SINEKT, 29 August 2010 - 16:19.

Nu stie nimeni ?