Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
 Reply to this topicStart new topic
> [css] dziwne odstępy między <img> oraz <div>
wolguy
post 28.03.2006, 11:58:02
Post #1





Grupa: Zarejestrowani
Postów: 219
Pomógł: 10
Dołączył: 9.01.2005

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

Witam,
mam dokument:
[HTML] pobierz, plaintext 
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
  2.   "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
  3.  
  4. <html xmlns="http://www.w3.org/1999/xhtml">
  5.  
  6. <head>
  7. 	<meta http-equiv="Content-type" content="text/html; charset=iso-8859-2" />
  8. 	<meta http-equiv="Content-Language" content="pl" />
  9.  
  10. 	<style type="text/css">
  11.  
  12. 	body
  13. 	{ margin: 0;
  14.    padding: 0;
  15.    text-align: center;
  16.    background: #E7E7E7;
  17.    font-family: "Trebuchet MS", Tahoma, Verdana;
  18. 	}
  19.  
  20. 	#center
  21. 	{ width: 784px;
  22.    height: 552px;
  23.    margin: 0 auto;
  24.    padding: 0;
  25.    text-align: left;
  26.    background-color: white;
  27. 	}
  28.  
  29. 	</style>
  30. </head>
  31.  
  32. <body xml:lang="pl">
  33.  
  34. 	<div id="center">
  35.   <!-- gora -->
  36.   <img src="http://wolguy.boo.pl/_czzd/_main/back_top.jpg" style="width: 784px; height: 50px;">
  37.  
  38.   <!-- srodek -->
  39.   <img src="http://wolguy.boo.pl/_czzd/_main/back_left.jpg" style="float: left; width: 50px; height: 452px;">
  40.   <div style="float: left; width: 484px; height: 452px;">treść strony</div>
  41.   <div style="float: left; width: 200px; height: 452px;">treść strony2</div>
  42.   <img src="http://wolguy.boo.pl/_czzd/_main/back_right.jpg" style="width: 50px; height: 452px;">
  43.  
  44.   <!-- dol -->
  45.   <img src="http://wolguy.boo.pl/_czzd/_main/back_bottom.jpg" style="width: 784px; height: 50px;">
  46.  
  47. 	</div>
  48.  
  49. </body>
  50.  
  51. </html>
[HTML] pobierz, plaintext


tutaj jest efekt: http://wolguy.boo.pl/_czzd/main.html

Nie wiem, dlaczego pomiędzy obrazkiem 'back_top.jpg' a środkową linią
[HTML] pobierz, plaintext 
  1. <img src="http://wolguy.boo.pl/_czzd/_main/back_left.jpg" style="float: left; width: 50px; height: 452px;">
  2.   <div style="float: left; width: 484px; height: 452px;">treść strony</div>
  3.   <div style="float: left; width: 200px; height: 452px;">treść strony2</div>
  4.   <img src="http://wolguy.boo.pl/_czzd/_main/back_right.jpg" style="width: 50px; height: 452px;">
[HTML] pobierz, plaintext

oraz 'back_bottom.jpg' tworzą się odstępy. Taki problem występuje pod wszystkimi przeglądarkami. Próbowałem ustawiać padding oraz margin, ale to nic nie daje.

--

proszę używac odpowiedniego bbcode [HTML] do kodu HTML
poprawiam
revyag


Proszę o pomoc.
Go to the top of the page
+Quote Post
revyag
post 28.03.2006, 12:50:28
Post #2





Grupa: Przyjaciele php.pl
Postów: 2 258
Pomógł: 16
Dołączył: 21.09.2004
Skąd: Kielce

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

Zlikwiduj wszystkie białe znaki między obrazkiem i divami tak żebyś miał coś takiego:
[HTML] pobierz, plaintext 
  1. <img src=".." /><div></div><img src=".." />
[HTML] pobierz, plaintext


--------------------
-------------

------
Go to the top of the page
+Quote Post
wolguy
post 29.03.2006, 15:05:35
Post #3





Grupa: Zarejestrowani
Postów: 219
Pomógł: 10
Dołączył: 9.01.2005

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

Dzięki, już mam odpowiedź. Trzeba było dla obrazków ustawić display: block
Go to the top of the page
+Quote Post
« Następny starszy · Przedszkole · Następny nowszy »
 

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

 

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

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

RSS Wersja Lo-Fi Aktualny czas: 24.07.2025 - 15:28
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn