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: 10 let
|
0