Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [HTML][CSS] wyśrodkowanie zdjęcia w div
krzychu0808
post 11.08.2008, 16:55:33
Post #1





Grupa: Zarejestrowani
Postów: 428
Pomógł: 2
Dołączył: 1.04.2007
Skąd: Pogorzelica

Ostrzeżenie: (10%)
X----


Witam....
chciałem wyśrodkować zdjęcie w div zrobiłem tak:
CSS:
  1. div.zdjeciecenter{
  2. text-align: center;
  3. }
  4. .zdjeciecenter {
  5. width : 200px;
  6. }



  1. <?php
  2. echo "<div class=\"zdjeciecenter\"><img src=\"../james/zdjecia/$row_zdjecie[mini]\"></div>";
  3. ?>
Go to the top of the page
+Quote Post
ferrero2
post 11.08.2008, 18:23:24
Post #2





Grupa: Zarejestrowani
Postów: 171
Pomógł: 32
Dołączył: 5.08.2008
Skąd: Lublin

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


aby wycentrować zdjęcie w elemencie blokowym musisz dodać to :
Kod
margin:0 auto;


To taka odpowiedź na szybko - ale ogólnie to Twój pierwszy kod CSS jest zupełnie źle skonstruowany.
Poczytaj sobie świetny kurs na temat elementów blokowych

http://gajdaw.pl/html/

od punktu 11 do 13 będziesz miał wszystko doskonale wyjaśnione...

Pozdrawiam


--------------------
---------------------------
"Jeżeli trzeci dzień z rzędu nie chce Ci się pracować tzn że dziś jest ŚRODA !
Algorytmy , Programowanie , Tworzenie WWW - SPRAWDŹ
Go to the top of the page
+Quote Post
Spyder
post 11.08.2008, 23:56:21
Post #3





Grupa: Zarejestrowani
Postów: 269
Pomógł: 7
Dołączył: 12.10.2006
Skąd: Newcastle Upon Tyne

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


Cytat(ferrero2 @ 11.08.2008, 18:23:24 ) *
aby wycentrować zdjęcie w elemencie blokowym musisz dodać to :
Kod
margin:0 auto;


To taka odpowiedź na szybko - ale ogólnie to Twój pierwszy kod CSS jest zupełnie źle skonstruowany.
Poczytaj sobie świetny kurs na temat elementów blokowych

http://gajdaw.pl/html/

od punktu 11 do 13 będziesz miał wszystko doskonale wyjaśnione...

Pozdrawiam


To co napisal ferreo2 jest dobre ale nie do konica bo margin:0 auto zadziala tylko wtedy jak podasz szerokosc czyli np wstaw w zdjecie classe np <img src="moje-photo.jpg" class="photo" />

no i w style.

<style>
.photo { width: 150px; margin:0 auto }
</style>

Teraz to powinno zadzialac winksmiley.jpg


--------------------
Portfolio

Windows Vista Business SP1
DELL VOSTRO 200, Intel Core2 DUO E4600 2.4GHz, 3 GB RAM, ATI Radeon HD 2400 Pro, Screen DELL 22"

Pomogłem ci -> Kliknij "Pomógł" -> Dzięki
Go to the top of the page
+Quote Post
ferrero2
post 12.08.2008, 07:46:13
Post #4





Grupa: Zarejestrowani
Postów: 171
Pomógł: 32
Dołączył: 5.08.2008
Skąd: Lublin

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


Środkowanie poprzez margin:0 auto; odbywa się wtedy kiedy element, wewnątrz którego środkujemy posiada określoną szerokość(np kontener).
Jeśli chodzi o sam element to szerokość jest wymagana dla "pewnej" przeglądarki. Ale dla świętego spokoju rzeczywiście można ją podać.

Pozdrawiam
Mariusz


--------------------
---------------------------
"Jeżeli trzeci dzień z rzędu nie chce Ci się pracować tzn że dziś jest ŚRODA !
Algorytmy , Programowanie , Tworzenie WWW - SPRAWDŹ
Go to the top of the page
+Quote Post
rozbik
post 18.03.2011, 19:38:23
Post #5





Grupa: Zarejestrowani
Postów: 2
Pomógł: 0
Dołączył: 18.03.2011

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


Mi ta metoda nie pomaga. Nigdy mi tak nie działało i robię tak że obrazek umieszczam w DIV-ie i centruję tego DIV-a względem DIV-a nadrzędnego poprzez nadanie mu stylu margin:0 auto
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: 26.04.2025 - 04:16