Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [HTML][CSS]Obrazek na środku DIV, Nie chce sie wysrodkować...
Macok
post
Post #1





Grupa: Zarejestrowani
Postów: 100
Pomógł: 0
Dołączył: 31.08.2006

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

[HTML] pobierz, plaintext 
  1. <body xml:lang="pl">
  2. <div class="footer">
  3. <img src="images/obrazek.png"/>
  4. </div>
  5. </body>
  6. </html>
[HTML] pobierz, plaintext
Styl:
[HTML] pobierz, plaintext 
  1. div.footer{
  2. width: 800px;
  3. margin: 0 auto;
  4. background: black;
  5. padding: 7px;
  6. text-align: left;
  7. }
  8.  
  9. .footer img{
  10. }
[HTML] pobierz, plaintext
Moim zdaniem obrazek powinien znajdować się dokładnie po środku DIV'a, ale dolny odstęp jest odrobinę większy.
Dlaczego?
Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi
matssuda
post
Post #2





Grupa: Zarejestrowani
Postów: 25
Pomógł: 5
Dołączył: 7.02.2008

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

nie, w tym momencie środkujesz div.footer, a img schodzi na lewo bo masz 
[HTML] pobierz, plaintext 
  1. text-align: left;
[HTML] pobierz, plaintext


Zrób tak:
[HTML] pobierz, plaintext 
  1. div.footer{
  2. width: 800px;
  3. margin: 0 auto;
  4. background: black;
  5. padding: 7px;
  6. }
  7.  
  8. .footer img{
  9. display: block;
  10. margin: 0 auto;
  11. }
[HTML] pobierz, plaintext


Lub

[HTML] pobierz, plaintext 
  1. div.footer{
  2.   width: 800px;
  3.   margin: 0 auto;
  4.   background: black;
  5.   padding: 7px;
  6. text-align: center;
  7.   }
[HTML] pobierz, plaintext
Go to the top of the page
+Quote Post

Posty w temacie
- Macok   [HTML][CSS]Obrazek na środku DIV   9.09.2008, 22:38:58
- - matssuda   nie, w tym momencie środkujesz div.footer, a img s...   10.09.2008, 07:26:44
- - ferrero2   Zależy w któej przeglądarce sprawdzasz. Jeśli jest...   10.09.2008, 07:28:50
- - wookieb   Nie tylko padding ale tez Kodline-height: 0px...   10.09.2008, 07:38:03
- - Macok   Dzięki za pomoc pomogło ustawienie line-height na ...   10.09.2008, 14:58:14

« Następny starszy · Przedszkole · Następny nowszy »
 

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

 

Tryb wyświetlania: Przełącz na: Standardowy · Przełącz na: Linearny+ · Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Aktualny czas: 8.10.2025 - 17:36
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn