Autor Zpráva
TSD
Profil *
Mám takový hloupý problém.
Mám ul, v něm li a stane se, že když mám ve dvou li po sobě krátký text, tak se zobrazí ne pod sebou, jako ostatní, ale vedle sebe.

Měl jsem za to, že pokud to není zadáno v css jinak, tak se položky řadí zásadně pod sebe.
Poradíte co je špatně? Díky.







#rightside{
float:right;
margin:40px 0px 20px 0;
width:130px;
}

#rightside li{
float:left;
margin:0 4px 0 0;
padding:4px 0 4px 0;
border-bottom:1px solid #c0c0c0;
}

#rightside ul{
list-style:none;
margin:0;
padding:0;
font-size:0.8em;
}


<div id="rightside"><h1>2008:</h1>
<ul>
<li><a href="index.php?topic=news#post51">krátký</a></li>
<li><a href="index.php?topic=news#post51">krátký</a></li>
<li><a href="index.php?topic=news#post50">Úmyslunce bolý autný ačít</a></li>
<li><a href="index.php?topic=news#post46">Říkem rojskočár</a></li>
</ul>
</div>
Bubák
Profil
#rightside li{
float:left;

Floatuješ položky.

Dodatek:
Kdyby ve tvém případě měl #rightside šířku 330px (nebo i větší), máš krásné vodorovné menu.
TSD
Profil *
Bubák
Vyhodil jsem float o li, takže mám

#rightside li{
margin:0 4px 0 0;
padding:4px 0 4px 0;
border-bottom:1px solid #c0c0c0;
}

a chová se to stejně :(
Bubák
Profil
Opravdu?

<style>
#rightside{
float:right;
margin:40px 0px 20px 0;
width:130px;
}
#rightside li{
margin:0 4px 0 0;
padding:4px 0 4px 0;
border-bottom:1px solid #c0c0c0;
}
#rightside ul{
list-style:none;
margin:0;
padding:0;
font-size:0.8em;
}</style>

<div id="rightside"><h1>2008:</h1>
<ul>
<li><a href="index.php?topic=news#post51">kratke</a></li>
<li><a href="index.php?topic=news#post51">kratki</a></li>
<li><a href="index.php?topic=news#post50">Úmyslunce bolý autný ačít</a></li>
<li><a href="index.php?topic=news#post46">Říkem rojskočár</a></li>
</ul>
</div>
TSD
Profil *
kecal jsem, sorry, funguje to jak má.
Díky!

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

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