Forum PHP.pl > [CSS][HTML]Za duży odstęp między wierszami :|

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [CSS][HTML]Za duży odstęp między wierszami :|

unster

27.08.2009, 17:36:50

Hej, nie wiem skąd ale na mojej stronie jest zdecydowanie za duży odstęp miedzy wierszami.

Tak wygląda część kodu:

[HTML] pobierz, plaintext 
	<div id="box" >
	Strona domowa, tyle, że z jajem. Po prostu. Blog, portoflio.<br/>
	Miłego czytania i oglądania! :-)
	</div>
[HTML] pobierz, plaintext

a tak efekt:

Poniżej jeszcze cały kod:

[HTML] pobierz, plaintext 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
 
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pl" lang="pl">
<head>
    <meta http-equiv="Content-Type" content="text/html;   charset=iso-8859-2"/>
 
	<style type="text/css">
	* 		{ font-family: verdana; font-size: 10pt; COLOR: white; background-color: #000000; 
			margin: 20px 20px 50px 20px;}
	b 		{ font-weight: bold; }
	table 	{ height: 80%; border: 1px solid gray;}
	td 		{ text-align: center; padding: 10;}
	div#box {
			width: 400px;
			height: 70px;
			margin-left: -200px;
			margin-top: 50px;
			position: absolute;
			left: 50%;
			top: 50%;
			}
	</style>
 
 <title>xxxxxxxxxxxxxxxx</title>
 <meta http-equiv="Content-Language" content="pl"/>
 <meta name="Author" content="xxxxxxxxx"/>
 <meta name="owner" content="xxxxxxxxxxxxx"/>
 <meta name="Copyright" content="xxxxxxxxxxxxxxxx"/>
 <meta name="description" content="xxxxxxxxxxxxxxxxxxxxxxxxx"/>
 <meta name="keywords" content="xxxxxxxxxxxxxxxxxxxxxxxxx"/>
</head>
<body>
<center>
	<table style="border-width: 2px; border-style: dotted;" cellpadding="10"/>
 
	<------------ tutaj zawartosc tabelki ---------------->[
 
	</table>
	</center>
 
	<div id="box" >
	Strona domowa, tyle, że z jajem. Po prostu. Blog, portoflio.<br/>
	Miłego czytania i oglądania! :-)
	</div>
</body>
</html>
[HTML] pobierz, plaintext

Pomocy?

sweter

27.08.2009, 17:45:53

do #box przypisz np. line-height:3px;

unster

27.08.2009, 18:00:03

mam teraz tak:

[HTML] pobierz, plaintext 
div#box {
width: 400px;
height: 70px;
margin-left: -200px;
margin-top: 50px;
position: absolute;
left: 50%;
top: 50%;
line-height:3px; 
}
[HTML] pobierz, plaintext

różnica prawie zerowa, nadal dziura szeroka jak szczerba Ronaldinho.

_olo_1984

27.08.2009, 18:00:38

a i zastanów się przez chwilę, co ma wspólnego z tekstem * {margin: 20px 20px 50px 20px;}
Pomijając ten fakt możesz zrobić to jak kolega wyżej napisał lub na kikla innych sposobów. Pozdr

unster

27.08.2009, 18:35:41

śmiga. dzięki.

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.