Resim uzerine componentlerin yerleştirilmesi?

Merhaba arkadaslar uzun bir aradan sonra tekrar aranızda olmak cook guzel

benim bir sorum olacak

bir admin login paneli yaptım resim olarak
kullanıcı adı: karsısına component koymam gerekiyor
sifre karsısına da aynı
ve submit butonunu da altına istedigim yere koymak istiyorum

ama bir turlu imaj ustunde yerlerini ayarlıyamadım
bunu css ile nasıl yaparım veya table mi olur denedim ama bir turlu yapamadım.
Yardımlarınızı beklıyorum
iyi calısmalar...
serkan

nesnelere position ile konumlandırma özelliği atayabilirsin.

position:static
bu normal, kodlamada nerde yazıldıysa orda olması demek

position:relative
bu kodlamada olduğu yere göre itilmesi demek. yani o durduğun yerden 10 santim sola gel, biraz aşağı in demek gibi
kullanımı: .klasadi {position:relative; top:10px; left:300px}
not: relative kullanıldığı sayfada olması gereken yer boş kalır

position:absolute
bu kodlamadan bağımsız konum belirtmek için. soldan 100. piksele, üstten 20. piksele git demek gibi
kullanımı: .klasadi { position:absolute; top:100px; left:200px}
not: absolute verilen nesne ayrı bir katmana çıkar ve yeri boş kalmaz, sayfadaki diğer öğeler yerini doldurur ve yer kaplamadığı için kodlamada içinde durduğu çerçeveleri uzatmaz. ayrıca içinde durduğu div table span gibi etiketlerin özelliği de absolute olarak belirlenmişse, konumlamasını ekrana göre değil o nesnenin çerçevesine göre yapar.

karışık gelirse anlamanın en iyi yolu denemektir
kolay gelsin