| Autor | Zpráva | ||
|---|---|---|---|
| jouda01 Profil * |
#1 · Zasláno: 7. 2. 2011, 18:22:22
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()">< 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 |
#2 · Zasláno: 7. 2. 2011, 18:41:39 · Upravil/a: jenikkozak
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 * |
#3 · Zasláno: 7. 2. 2011, 19:04:32
už sem to vyřešil přes clear
|
||
| Petr ZZZ Profil |
#4 · Zasláno: 7. 2. 2011, 23:30:18
jouda01:
„už sem to vyřešil přes clear“ A jak přesně? Kam´s ho přidal? |
||
|
Časová prodleva: 13 let
|
|||
0