ustawienia diva Opcje

[Johnas]

Witam mam taką ramkę:
(IMG:http://carraces.hsms.pl/divcar.png)
Udało mi się zrobić coś takiego:
(IMG:http://carraces.hsms.pl/screen.png)
Kody użyte to:

[PHP] pobierz, plaintext 
echo '<div class="divcar"><div class="text">';
echo '<center>'. $sam['marka'] .' '. $sam['nazwa'] .' <br />';
echo '<img src="'. $sam['link'] .'" width="130" height="115"><br />';
 
echo $sam['km'] .' KM <br />';
echo 'Max speed: '. $sam['vmax'] .' km/h<br />';
echo 'Cena:'. $sam['cena'] .' ZŁ</div></div>';
[PHP] pobierz, plaintext 

[CSS] pobierz, plaintext 
.text {
margin: O2px;
}
 
.divcar {
margin: 2px;
background: url(images/car.png);
width:157px;
height:219px;
}
[CSS] pobierz, plaintext 

I teraz jak to wyrównać aby obrazek był na swoim miejscu(czyli tam gdzie to białe jest) a nazwa w tym czerwonej ramce (u góry)(IMG:style_emoticons/default/questionmark.gif) Za pomoc dziękuje (IMG:style_emoticons/default/winksmiley.jpg)

EDIT:
Wiem że na obrazku jest Fiat Grande Punto (to tylko tak do testów na localhoście)

Ten post edytował Jonek_1993 16.10.2010, 19:25:56

[rocktech.pl]

Pozycjonowanie absolutne.

[CSS] pobierz, plaintext 
.text {
position:absolute;
top:20px;
}
 
.divcar {
position:relative;
background: url(images/car.png);
width:157px;
height:219px;
}
[CSS] pobierz, plaintext 

Zauważ jak zachowuje się teraz div.text. Rozbij sobie poszczególne elementy na divy czy p z klasą np .opis. I misterne poustawiaj. przy okazji tag <center> to już przeżytek.

Ten post edytował rocktech.pl 16.10.2010, 19:42:28

[Johnas]

Dzięki za pomoc... O to mi chodziło (IMG:style_emoticons/default/winksmiley.jpg)

a jak tego diva z class text wyśrodkować?