Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [HTML][CSS] Centrowanie zdjęć
piraciq
post
Post #1





Grupa: Zarejestrowani
Postów: 174
Pomógł: 4
Dołączył: 27.07.2007
Skąd: Kraków

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


Witam


Mam sobie takie style

  1. #galeria { clear: both; width: 500px; background-color:#666666; margin:0,auto;}
  2. #fotki { float: left; margin: 0 10px 10px 0; height: 2px; }
  3. #fotki a { border: 1px solid #DFBE8F; padding: 2px; display: block; }
  4. #fotki a:hover { background: #DFBE8F; }
  5. #fotki img { display: block; border: 1px solid #DFBE8F; }


i teraz html

  1. <div id="galeria">
  2. <div id="fotki">zdjecia</div>
  3. </div>


niby dziala z tym ze przyjmuje align do prawej a ja chciał bym wycentrowac obiekty.

poprawka mała literowka

Ten post edytował piraciq 25.06.2008, 10:25:38
Go to the top of the page
+Quote Post
JoShiMa
post
Post #2





Grupa: Zarejestrowani
Postów: 1 374
Pomógł: 149
Dołączył: 1.03.2006

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


Ale chcesz wycentrować <div id="fotki"> (nawiasem mówiąc masz tu błąd w id) wewnątrz <div id="galeria">, czy obiekty wewnątrz <div id="fotki">?

Spróbuj text-align: center. W pierwszym przypadku dla #galeria w drugim dla #fotki
Go to the top of the page
+Quote Post
piraciq
post
Post #3





Grupa: Zarejestrowani
Postów: 174
Pomógł: 4
Dołączył: 27.07.2007
Skąd: Kraków

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


chodzi mi o wycentrowanie zawartosci #galeria
Go to the top of the page
+Quote Post
JoShiMa
post
Post #4





Grupa: Zarejestrowani
Postów: 1 374
Pomógł: 149
Dołączył: 1.03.2006

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


No to
  1. #galeria { clear: both; width: 500px; background-color:#666666; margin:0,auto;text-align: center;}
  2. #fotki { float: left; height: 2px; }


Trzeba usunąć lub zrobić symetryczną wartość margin w #fotki
Go to the top of the page
+Quote Post
piraciq
post
Post #5





Grupa: Zarejestrowani
Postów: 174
Pomógł: 4
Dołączył: 27.07.2007
Skąd: Kraków

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


nietety nic z tego :/

http://www.ustron.com.pl/test2/index.php?m...ow&folder=1
Go to the top of the page
+Quote Post
Shili
post
Post #6





Grupa: Zarejestrowani
Postów: 1 085
Pomógł: 231
Dołączył: 12.05.2008

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


Wywal w cholerę znacznik center. Potrzebny tam jest jak psu piąta noga. Wywal każde div id="fotki" - wyjaśnienie - patrz na center.
W stylach dla #galeria ustaw text-align: center;
Go to the top of the page
+Quote Post
piraciq
post
Post #7





Grupa: Zarejestrowani
Postów: 174
Pomógł: 4
Dołączył: 27.07.2007
Skąd: Kraków

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


No dziala ale jest problem

wyglad jest inny a ma byc tak jak jest obecnie
Go to the top of the page
+Quote Post
Shili
post
Post #8





Grupa: Zarejestrowani
Postów: 1 085
Pomógł: 231
Dołączył: 12.05.2008

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


Taki jak jest obecnie nie za bardzo będzie z wyśrodkowaniem zdjęć "po ludzku". Zdjęcia są elementami blokowymi u Ciebie, a środkowanie ich jest trudne, zwłaszcza jeśli chcesz mieć wyśrodkowanych kilka elementów blokowych.

Jeśli szerokość tej galerii będzie stała, to możesz dodać do #galeria padding-left: 10px; i odjąć 10px od szerokości galerii.
Go to the top of the page
+Quote Post
piraciq
post
Post #9





Grupa: Zarejestrowani
Postów: 174
Pomógł: 4
Dołączył: 27.07.2007
Skąd: Kraków

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


No to powiedzmy ze osiagnelem to co chcialem dzieki
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: 21.12.2025 - 19:49