Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [CSS] Problem z ustawieniem obrazków
-Sz0wTr3z3-
post
Post #1





Goście







otóż mam taki proiblem mam 6 obrazków i chce je koło siebie ustawic
a wychodzi mi to troszke inaczej ze je mam pod sobą kazdy...

  1. #menu01 {
  2. background: url('menu01.jpg') #000000 no-repeat scroll;
  3. width: 167px;
  4. height: 34px;
  5. }
  6. #menu02 {
  7. background: url('menu02.jpg') #000000 no-repeat scroll;
  8. width: 166px;
  9. height: 34px;
  10. }
  11. #menu03 {
  12. background: url('menu03.jpg') #000000 no-repeat scroll;
  13. width: 166px;
  14. height: 34px;
  15. }
  16. #menu04 {
  17. background: url('menu04.jpg') #000000 no-repeat scroll;
  18. width: 166px;
  19. height: 34px;
  20.  
  21. }
  22. #menu05 {
  23. background: url('menu05.jpg') #000000 no-repeat scroll;
  24. width: 166px;
  25. height: 34px;
  26. }
  27. #menu06 {
  28. background: url('menu06.jpg') #000000 no-repeat scroll;
  29. width: 169px;
  30. height: 34px;
  31. }


oraz:
w inex.html
  1. <div id="menu01"></div>
  2. <div id="menu02"></div>
  3. <div id="menu03"></div>
  4. <div id="menu04"></div>
  5. <div id="menu05"></div>
  6. <div id="menu06"></div>


mozna liczyc na jakąms podpowiedz?
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi (1 - 5)
MS1
post
Post #2





Grupa: Zarejestrowani
Postów: 22
Pomógł: 0
Dołączył: 3.08.2008

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


W łatwy, sposób mógłbyś to rozwiązać, nie wstawiając obrazków arkuszem styli.

Jeżeli jednak chcesz to, spróbuj do każdego div'a dodać: float: left;

Czyli na przykład

CODE
#menu02 {
background: url('menu02.jpg') #000000 no-repeat scroll;
width: 166px;
height: 34px;
float: left;
}


Pozdro
Go to the top of the page
+Quote Post
Skie
post
Post #3





Grupa: Zarejestrowani
Postów: 555
Pomógł: 84
Dołączył: 20.02.2008
Skąd: Małopolska

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


Dodaj do każdego obrazka

Kod
float: left;
Go to the top of the page
+Quote Post
-Sz0wTr3z3-
post
Post #4





Goście







tak działa bardzo dziękuje!
Go to the top of the page
+Quote Post
-Sz0wTr3z3-
post
Post #5





Goście







ale cos dalej jest nie tak na mozilli chodzi a na operze juz nie...
Go to the top of the page
+Quote Post
MS1
post
Post #6





Grupa: Zarejestrowani
Postów: 22
Pomógł: 0
Dołączył: 3.08.2008

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


Tak to jest z tymi przeglądarkami.
Spróbuj, wziąć skrypt, który masz w pliku index.html w div.
I nadaj mu taką właściwość w arkuszu CSS:

#iddiva {
height: 35px;
}

Ograniczona, wielkość diva nie pozwoli na ustawienie w kolumnie.
Pozdro
Go to the top of the page
+Quote Post

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

 



RSS Aktualny czas: 22.08.2025 - 16:07