| Autor | Zpráva | ||
|---|---|---|---|
| uzivatel1111 Profil * |
#1 · Zasláno: 2. 7. 2014, 11:30:20
Zdravím, potřeboval bych, aby stránka vypadala nějak takto:
http://imgup.cz/images/2014/07/02/mshNk.png Ale nevím, jak to správně nakódovat, obrázek mi vždy překáží mezi seznamem: http://imgup.cz/images/2014/07/02/uVgPA.png Ví někdo, jak to udělat? Dodávám kód: <html>
<head>
<link rel="stylesheet" href="styl.css" type="text/css">
</head>
<body>
<li>odkaz 1</li>
<li>odkaz 2</li>
<li>odkaz 3</li> <div id="foto"><img src="images/foto.png"></div> <div class="cistic"> </div>
<li>odkaz 4</li>
<li>odkaz 5</li>
<li>odkaz 6</li>
</body>
</html> A soubor CSS: .cistic {
clear: both;
} |
||
| CZghost Profil |
uzivatel1111:
„obrázek mi vždy překáží mezi seznamem“ No bodejť, musíš ho dát v kódu před seznam a nastavit mu float: right;, nejlépe přes třídu. Nebo naopak obrázek dej v kódu za seznam a tomu seznamu nastav float: left;, opět nejlépe přes třídu, jestli chceš mít obrázek vedle seznamu. Za obrázek dej čistič a můžeš vesele kódovat dál ;-)
uzivatel1111: Jo, ještě něco: jestli chceš mít neuspořádaný seznam (tj. unordered list), tak ty položky obal mezi <ul> a </ul>:
<ul class="float"> <li>odkaz 1</li> <li>odkaz 2</li> <li>odkaz 3</li> <li>atd...</li> </ul> |
||
| Trejpa Profil |
#3 · Zasláno: 2. 7. 2014, 11:43:48
uzivatel1111:
Připomínám, že položky seznamu patří do elementu seznamu ( UL, OL, MENU nebo DIR). Naopak do takového elementu nepatří jiné značky (<DIV>).
<link rel=stylesheet href=styl.css>
<div id=foto style=float:right><img src="images/foto.png"></div>
<ul>
<li>odkaz 1
<li>odkaz 2
<li>odkaz 3
<li>odkaz 4
<li>odkaz 5
<li>odkaz 6
</ul>
<div class=cistic style=clear:right></div> |
||
| uzivatel1111 Profil * |
#4 · Zasláno: 2. 7. 2014, 11:50:48
|
||
|
Časová prodleva: 12 let
|
|||
0