Autor Zpráva
uzivatel1111
Profil *
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>
Takhle je to správně, jinak ti to bude dělat humbuk.
Trejpa
Profil
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 *
CZghost:
Díky moc, už to mám .)
http://imgup.cz/images/2014/07/02/XUeRD.png

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

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