Forum PHP.pl > [HTML]Tło i obrazki w jednej lini

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [HTML]Tło i obrazki w jednej lini

Loped

9.07.2009, 14:58:28

Witam. Chcę zrobić tak aby w jednej lini po boku było tło a obok tła obrazki. Miało by to wygladać tak: link Tam gdzie tło ustawiłem panel logowania. Jest one wstawione za pomącą DIV'a. To jest ok. Jednak jak chce obok wstawić obrazki to sie one przesuwają na dół. Obrazki są pocięte i tworzą reklame... np. butonny itp.

piotrooo89

9.07.2009, 14:59:55

float: left dla tła i dajesz jakiegoś zbiorczego diva dla tych obrazków.

Loped

9.07.2009, 15:13:54

A jak ten zbiorczy div ma wyglądać? ;P

piotrooo89

9.07.2009, 15:55:34

[HTML] pobierz, plaintext 
<div class="zdj">
<img>
<img>
<img>
</div>
[HTML] pobierz, plaintext

to tak na szybko pomyśl sam, zaprojektuj coś to pogadamy.

Loped

9.07.2009, 16:35:13

Pod FF wszystko ładnie sie ułożyło... ale pod IE wszystko sie psuje. Kod w css:

Kod

/*/LOG*/

  /*LOG*/
  #LOG {
        width: 306px;
      height: 137px;
      background: url(layout/index/index_9.jpg) no-repeat;
      float: left;
        mmargin-top: 0px;
      margin-right: 0px;
      margin-bottom: 0px;
      margin-left: 0px;
      padding-top: 0px;
      padding-right: 0px;
      padding-bottom: 0px;
      padding-left: 0px;
      text-align: center;

  }
  /*TEKST1 LOG*/
  #LOG .TEKST1 {
      margin-top: 0px;
      margin-right: 0px;
      margin-bottom: 0px;
      margin-left: 0px;
      font-size: 11px;
      font-family: Verdana, Arial, Helvetica, sans-serif;
      padding-top: 0px;
      padding-right: 0px;
      padding-bottom: 0px;
      padding-left: 85px;
      text-align: center;
  }
  /*/TEKST1 LOG*/
  /*/LOG*/

  /*/CHAPEP*/

  /*CHAPEP*/
  #CHAPEP {
        width: 624px;
      height: 137px;

  }
  /*/CHAPEP*/

w pliku:

Kod

piotrooo89

10.07.2009, 07:34:32

Cytat(Loped @ 9.07.2009, 17:35:13 )

Pod FF wszystko ładnie sie ułożyło... ale pod IE wszystko sie psuje. Kod w css:

http://kurs.browsehappy.pl/Bugi/HomePage

polecam lekturę.

muniekw

10.07.2009, 07:48:54

Powodem tego, że pod IE nie działania to może nie jest

ale coś popsuć się może

Masz małą literówkę w CSS-ie

Kod

mmargin-top: 0px;

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.