Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: ustawienia diva
Forum PHP.pl > Forum > Po stronie przeglądarki > CSS
Johnas
Witam mam taką ramkę:

Udało mi się zrobić coś takiego:

Kody użyte to:
  1. echo '<div class="divcar"><div class="text">';
  2. echo '<center>'. $sam['marka'] .' '. $sam['nazwa'] .' <br />';
  3. echo '<img src="'. $sam['link'] .'" width="130" height="115"><br />';
  4.  
  5. echo $sam['km'] .' KM <br />';
  6. echo 'Max speed: '. $sam['vmax'] .' km/h<br />';
  7. echo 'Cena:'. $sam['cena'] .' ZŁ</div></div>';


  1. .text {
  2. margin: O2px;
  3. }
  4.  
  5. .divcar {
  6. margin: 2px;
  7. background: url(images/car.png);
  8. width:157px;
  9. height:219px;
  10. }


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)questionmark.gif Za pomoc dziękuje winksmiley.jpg

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

  1. .text {
  2. position:absolute;
  3. top:20px;
  4. }
  5.  
  6. .divcar {
  7. position:relative;
  8. background: url(images/car.png);
  9. width:157px;
  10. height:219px;
  11. }


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.
Johnas
Dzięki za pomoc... O to mi chodziło winksmiley.jpg

a jak tego diva z class text wyśrodkować?
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.