Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [CSS] Problem z ustawieniem obrazków
Forum PHP.pl > Forum > Przedszkole
Sz0wTr3z3
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?
MS1
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
Skie
Dodaj do każdego obrazka

Kod
float: left;
Sz0wTr3z3
tak działa bardzo dziękuje!
Sz0wTr3z3
ale cos dalej jest nie tak na mozilli chodzi a na operze juz nie...
MS1
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
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.