Autor Zpráva
Nina
Profil *
#1 · Zasláno: 26. 1. 2006, 19:05:10
Odpovědět Citovat
Jak to udělat, aby odstavce byli hezky pod sebou? Děkuji

http://skolkakoralek.cz/pokus/po.htm

<!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="cs" lang="cs">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>Pokus</title>
<link href="styles/po.css" rel="stylesheet" type="text/css" />
</head>

<body>
<div class="ramecek">
<p><img class="img" src="svatba.jpg" alt="ýž" />Bla bla bla bla aneb Lorem Ipsum po česku. Bla bla bla bla aneb Lorem Ipsum po česku. Bla bla bla bla aneb Lorem Ipsum po česku. Bla bla bla bla aneb Lorem Ipsum po česku.</p>
<p><img class="img" src="svatba.jpg" alt="ýž" />Bla bla bla bla aneb Lorem Ipsum po česku. Bla bla bla bla aneb Lorem Ipsum po česku. Bla bla bla bla aneb Lorem Ipsum po česku. Bla bla bla bla aneb Lorem Ipsum po česku.</p>
<p><img class="img" src="svatba.jpg" alt="ýž" />Bla bla bla bla aneb Lorem Ipsum po česku. Bla bla bla bla aneb Lorem Ipsum po česku. Bla bla bla bla aneb Lorem Ipsum po česku. Bla bla bla bla aneb Lorem Ipsum po česku.</p>

</div>
</body>
</html>

.img {
float: left;
margin-right: 12px;
margin-bottom: 5px;
}
fimmos
Profil
#2 · Zasláno: 26. 1. 2006, 19:43:48
Odpovědět Citovat
.ramecek p {
clear: left;
}
Nina
Profil *
#3 · Zasláno: 26. 1. 2006, 20:30:04
Odpovědět Citovat
No a jak to udělat, když mám levý a pravý sloupec + footer - příklad viz. odkaz na začátku
krteczek
Profil
#4 · Zasláno: 27. 1. 2006, 17:09:58
Odpovědět Citovat
stači přidat do css:
p{clear:both}
a mělo by to být vpořádku
krteczek
Časová prodleva: 19 let
Toto téma je uzamčeno. Odpověď nelze zaslat.

0