Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [HTML/CSS] Dziwny padding przy obrazku
Jarod
post
Post #1





Grupa: Zarejestrowani
Postów: 1 190
Pomógł: 27
Dołączył: 23.04.2005

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

Mam obrazek o wymiarach: 348x128. Wstawiłem go do dokumentu:

[HTML] pobierz, plaintext 
  1. (prawidłowe doctype itp..)
  2. <body>
  3.       <div id="header">
  4.              <p class="logo"><img src="Images/logo.png" alt="Logo"></p>
  5.       </div>
  6.  
  7. </body>
  8. </html>
[HTML] pobierz, plaintext 


[HTML] pobierz, plaintext 
  1. div#header {margin: 0 auto; width: 1002px; height: 6000px; background-color:green; overflow: auto;}
  2. .logo {  margin: 0; padding: 0; background-color:black; border: 1px red solid; }
[HTML] pobierz, plaintext


Pod obrazkiem (tzn. między obrazkiem i dolnym obramowaniem) jest przerwa jakieś 3px. Tak jakby ten obrazek miał większą wysokość. Jak zmniejszę wysokość to pojawia się boczny scroll. Macie jakiś pomysł?
ps. kombinowałem z font-size: 0px; ale to pomaga tylko w ff a w operze jest nadal ta przerwa.

Ten post edytował Jarod 3.07.2008, 16:12:30
Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi
phpion
post
Post #2





Grupa: Moderatorzy
Postów: 6 072
Pomógł: 861
Dołączył: 10.12.2003
Skąd: Dąbrowa Górnicza
Shili już o tym pisała, ale może dawałeś styl w złym miejscu:
[HTML] pobierz, plaintext 
  1. p.logo img {
  2. display: block;
  3. }
[HTML] pobierz, plaintext
Go to the top of the page
+Quote Post
Jarod
post
Post #3





Grupa: Zarejestrowani
Postów: 1 190
Pomógł: 27
Dołączył: 23.04.2005

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

Cytat(phpion @ 3.07.2008, 15:43:50 ) *
Shili już o tym pisała, ale może dawałeś styl w złym miejscu:
[HTML] pobierz, plaintext 
  1. p.logo img {
  2. display: block;
  3. }
[HTML] pobierz, plaintext


Nakierowałeś mnie.

Zamieniłem:
[HTML] pobierz, plaintext 
  1. .logo { margin: 0; padding: 0; background-color:black; border: 1px red solid; }
[HTML] pobierz, plaintext


na 
[HTML] pobierz, plaintext 
  1. .logo img { margin: 0; padding: 0; background-color:black; border: 1px red solid; }
[HTML] pobierz, plaintext

i jest ok. Tylko zastanawia mnie jedna rzecz. Przecież <p> jest domyślnie wyświetlany jako blok, więc obrazek także powinien być..
Go to the top of the page
+Quote Post

Posty w temacie
- Jarod   [HTML/CSS] Dziwny padding przy obrazku   3.07.2008, 15:58:53
- - Shili   Spróbuj wyświetlić obrazek jako "display: blo...   3.07.2008, 16:06:04
|- - Jarod   Cytat(Shili @ 3.07.2008, 15:06:04 ) S...   3.07.2008, 16:07:37
- - Shili   U mnie się to nie pojawia, bez względu n...   3.07.2008, 16:11:35
|- - Jarod   Cytat(Shili @ 3.07.2008, 15:11:35 ) U...   3.07.2008, 16:14:27
- - Shili   Tylko tak informuję, że u mnie nadal jest bez żadn...   3.07.2008, 16:19:01
- - JoShiMa   A w jakim celu ten obrazek jest wsadzony do znaczn...   3.07.2008, 16:24:25
- - Jarod   KLIK Cytat(JoShiMa @ 3.07.2008, 15:24...   3.07.2008, 16:43:14
|- - JoShiMa   Cytat(Jarod @ 3.07.2008, 17:43:14 ) B...   4.07.2008, 07:35:10
- - phpion   Shili już o tym pisała, ale może dawałeś styl w zł...   3.07.2008, 16:43:50
|- - Jarod   Cytat(phpion @ 3.07.2008, 15:43:50 ) ...   3.07.2008, 16:48:19
- - phpion   Nie, p to p, a img to img To, że img jest wewnątr...   3.07.2008, 16:49:39
|- - Jarod   Cytat(phpion @ 3.07.2008, 15:49:39 ) ...   3.07.2008, 16:53:39
- - spoon-pl   prościej zamiast <div id="header> zrobi...   18.02.2009, 00:07:48

« Następny starszy · HTML \ XHTML · 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: 5.10.2025 - 03:26
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn