Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [css] wyśrodkowanie
Dziadzia
post 20.09.2011, 11:18:53
Post #1





Grupa: Zarejestrowani
Postów: 79
Pomógł: 4
Dołączył: 9.07.2009

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


Witam.

Tworzę stronę, która ma mieć tło automatycznie dostrajające się do rozdzielczości ekranu. Na środku mam diva który ma width: auto; dzięki czemu ładnie tło się rozciąga na całą szerokość. Następnie do tego diva wkleiłem zdjęcie i chcę aby ono było na środku ekranu. Próbowałem wstawić zdjęcie do jeszcze jednego diva który ma określoną szerokość i wysokość i margin: auto lecz nic to nie dało. Tak samo próbowałem zrobić to w znaczniku img, ale bez skutku. Jakieś inne propozycje? Czy może moja metoda od samego początku jest zła?

Z góry dzięki za odpowiedź smile.gif
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi (1 - 4)
!*!
post 20.09.2011, 11:21:52
Post #2





Grupa: Zarejestrowani
Postów: 4 298
Pomógł: 447
Dołączył: 16.11.2006

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


  1. background-position: center center;


--------------------
Nie udzielam pomocy poprzez PW i nie mam GG.
Niektóre języki programowania, na przykład C# są znane z niezwykłej przenośności (kompatybilność ze wszystkimi wersjami Visty jest wiele warta).
Go to the top of the page
+Quote Post
Dziadzia
post 20.09.2011, 12:01:10
Post #3





Grupa: Zarejestrowani
Postów: 79
Pomógł: 4
Dołączył: 9.07.2009

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


nie zrozumieliśmy się. smile.gif tło moje jest na środku ponieważ ma parametry width: auto; i height: jakaś. i wszystko jest ok z tłem. Chodzi mi o ustawienie obrazka, któy jest załadowany <img src="images/obrazek.png"> w ten sposób na środku. Chodzi o ustawienie samego obrazka.
Go to the top of the page
+Quote Post
erix
post 20.09.2011, 12:31:34
Post #4





Grupa: Moderatorzy
Postów: 15 467
Pomógł: 1451
Dołączył: 25.04.2005
Skąd: Szczebrzeszyn/Rzeszów




  1. position: absolute/relative;
  2. left: 50%;
  3. margin-left: -(1/2 szerokości obrazka)px;


--------------------

ZCE :: Pisząc PW załączaj LINK DO TEMATU i TYLKO w sprawach moderacji :: jakiś błąd - a TREŚĆ BŁĘDU? :: nie ponaglaj z odpowiedzią via PW!
Go to the top of the page
+Quote Post
!*!
post 20.09.2011, 12:55:19
Post #5





Grupa: Zarejestrowani
Postów: 4 298
Pomógł: 447
Dołączył: 16.11.2006

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


Pokaż cały kod.

Lub zastosuj

  1. background-position: top center;
  2. /* lub */
  3. img{margin:0 auto;}


MultiBg w css3


--------------------
Nie udzielam pomocy poprzez PW i nie mam GG.
Niektóre języki programowania, na przykład C# są znane z niezwykłej przenośności (kompatybilność ze wszystkimi wersjami Visty jest wiele warta).
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 Wersja Lo-Fi Aktualny czas: 24.07.2025 - 16:32