Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [HTML]Tło i obrazki w jednej lini
Loped
post
Post #1





Grupa: Zarejestrowani
Postów: 120
Pomógł: 0
Dołączył: 9.04.2009

Ostrzeżenie: (0%)
-----


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.

Ten post edytował Loped 9.07.2009, 14:59:47
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi (1 - 6)
piotrooo89
post
Post #2


Newsman


Grupa: Moderatorzy
Postów: 4 005
Pomógł: 548
Dołączył: 7.04.2008
Skąd: Trzebinia/Kraków




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


--------------------
Go to the top of the page
+Quote Post
Loped
post
Post #3





Grupa: Zarejestrowani
Postów: 120
Pomógł: 0
Dołączył: 9.04.2009

Ostrzeżenie: (0%)
-----


A jak ten zbiorczy div ma wyglądać? ;P
Go to the top of the page
+Quote Post
piotrooo89
post
Post #4


Newsman


Grupa: Moderatorzy
Postów: 4 005
Pomógł: 548
Dołączył: 7.04.2008
Skąd: Trzebinia/Kraków




  1. <div class="zdj">
  2. <img>
  3. <img>
  4. <img>
  5. </div>


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


--------------------
Go to the top of the page
+Quote Post
Loped
post
Post #5





Grupa: Zarejestrowani
Postów: 120
Pomógł: 0
Dołączył: 9.04.2009

Ostrzeżenie: (0%)
-----


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
<div id="LOG"><div class="TEKST1" id="LOG_TEKST1"><?php logowanie(); ?></div></div><div class="CHAPEP"><img src="link"></div>


Ten post edytował Loped 9.07.2009, 16:37:43
Go to the top of the page
+Quote Post
piotrooo89
post
Post #6


Newsman


Grupa: Moderatorzy
Postów: 4 005
Pomógł: 548
Dołączył: 7.04.2008
Skąd: Trzebinia/Kraków




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ę.


--------------------
Go to the top of the page
+Quote Post
muniekw
post
Post #7





Grupa: Zarejestrowani
Postów: 243
Pomógł: 22
Dołączył: 1.06.2009
Skąd: Warszawa

Ostrzeżenie: (0%)
-----


Powodem tego, że pod IE nie działania to może nie jest smile.gif ale coś popsuć się może smile.gif Masz małą literówkę w CSS-ie
Kod
   mmargin-top: 0px;


Ten post edytował muniekw 10.07.2009, 07:49:51
Go to the top of the page
+Quote Post

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Aktualny czas: 21.08.2025 - 14:50