Forum PHP.pl > [css] dziwne odstępy między <img> oraz <div>

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [css] dziwne odstępy między <img> oraz <div>

wolguy

28.03.2006, 11:58:02

Witam,
mam dokument:

[HTML] pobierz, plaintext 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
  "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
 
<html xmlns="http://www.w3.org/1999/xhtml">
 
<head>
	<meta http-equiv="Content-type" content="text/html; charset=iso-8859-2" />
	<meta http-equiv="Content-Language" content="pl" />
 
	<style type="text/css">
 
	body
	{ margin: 0;
   padding: 0;
   text-align: center;
   background: #E7E7E7;
   font-family: "Trebuchet MS", Tahoma, Verdana;
	}
 
	#center
	{ width: 784px;
   height: 552px;
   margin: 0 auto;
   padding: 0;
   text-align: left;
   background-color: white;
	}
 
	</style>
</head>
 
<body xml:lang="pl">
 
	<div id="center">
  <!-- gora -->
  <img src="http://wolguy.boo.pl/_czzd/_main/back_top.jpg" style="width: 784px; height: 50px;">
 
  <!-- srodek -->
  <img src="http://wolguy.boo.pl/_czzd/_main/back_left.jpg" style="float: left; width: 50px; height: 452px;">
  <div style="float: left; width: 484px; height: 452px;">treść strony</div>
  <div style="float: left; width: 200px; height: 452px;">treść strony2</div>
  <img src="http://wolguy.boo.pl/_czzd/_main/back_right.jpg" style="width: 50px; height: 452px;">
 
  <!-- dol -->
  <img src="http://wolguy.boo.pl/_czzd/_main/back_bottom.jpg" style="width: 784px; height: 50px;">
 
	</div>
 
</body>
 
</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 
<img src="http://wolguy.boo.pl/_czzd/_main/back_left.jpg" style="float: left; width: 50px; height: 452px;">
  <div style="float: left; width: 484px; height: 452px;">treść strony</div>
  <div style="float: left; width: 200px; height: 452px;">treść strony2</div>
  <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.

revyag

28.03.2006, 12:50:28

Zlikwiduj wszystkie białe znaki między obrazkiem i divami tak żebyś miał coś takiego:

[HTML] pobierz, plaintext 
<img src=".." /><div></div><img src=".." />
[HTML] pobierz, plaintext

wolguy

29.03.2006, 15:05:35

Dzięki, już mam odpowiedź. Trzeba było dla obrazków ustawić display: block

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.