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
Jarod
post
Post #2





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

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

KLIK

Cytat(JoShiMa @ 3.07.2008, 15:24:25 ) *
A w jakim celu ten obrazek jest wsadzony do znacznika <p/> ?

Blok header będzie podzielony na dwie części. W lewej będzie obrazek pływający do lewej, w prawej inny blok pływający do prawej. Może rzeczywiście bardziej nadaje się do tego <div> zamiast <p>
Go to the top of the page
+Quote Post
JoShiMa
post
Post #3





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

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

Cytat(Jarod @ 3.07.2008, 17:43:14 ) *
Blok header będzie podzielony na dwie części. W lewej będzie obrazek pływający do lewej, w prawej inny blok pływający do prawej. Może rzeczywiście bardziej nadaje się do tego <div> zamiast <p>

Jeśli to będą obrazki to same sobie poradzą z pływaniem. Nie trzeba komplikować struktury i umieszczać ich w żadnych innych pudełkach (IMG:http://forum.php.pl/style_emoticons/default/smile.gif)

Ten post edytował JoShiMa 4.07.2008, 07:35:28
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: 4.10.2025 - 14:32
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn