Autor Zpráva
jouda01
Profil *
Ahoj, potřeboval bych nějak box 3,4 nějak vystředit tak aby byl zároveň boxu 1,2 (v lajně). Jinak žečeno potřebuju zrušit tu bílou mezeru nad boxem 3,4 ...

Hlavně aby to šlo nějak přes css a nemusel jsem předělávat ten html kód.

Zkopírujte kód a uložte jako .htm a pochopíte:)

Díky

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
        "http://www.w3.org/TR/html4/loose.dtd">
<html lang="en">
<head>
	<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
	<title>"float: left" element against another floated box</title>
	<style type="text/css" media="screen">
		body
		{
			margin: 20px;
			padding: 0;
			font: normal 85% arial, helvetica, sans-serif;
			color: #000;
			background-color: #fff;
		}
		
		.containingbox
		{
			width: 400px;
			height: 400px;
			border: 1px solid #000;
		}
		
		.floatleft
		{
			float: left;
			width: 100px;
			height: 100px;
			background-color: #F63;
			border: 1px solid #F30;
		}
		.floatleft2
		{
			float: left;
			width: 50px;
			height: 50px;
			background-color: #ccc;
			border: 1px solid #000;
		}
</style>
</head>
<body>
<p>
	<a href="JavaScript:history.back()">&lt; Back</a>

</p>
<h1>"float: left" element against another floated box</h1>
<ul class="containingbox">
<li><span class="floatleft2">1</span><span class="floatleft">2</span></li>
<li><span class="floatleft2">3</span><span class="floatleft">4</span></li>
</ul>
</body>
</html>
jenikkozak
Profil
Mohlo by se to vyřešit tím, že by se položky menu nechaly plavat:
ul li{float:left}

Pokud jsem tedy frázi „vycentrovat nahoru“ přeložil správně jako „zarovnat nahoru“.
jouda01
Profil *
už sem to vyřešil přes clear
Petr ZZZ
Profil
jouda01:
už sem to vyřešil přes clear
A jak přesně? Kam´s ho přidal?

Vaše odpověď

Mohlo by se hodit


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: