Autor Zpráva
Anonymní
Profil *
Jak mám udělat, když chci v jednom dokumentě <menu> v řádku a druhé ve sloupci, protože pokud zapíšu
<style>
ul, li {list-style-type: none}
</style>
tak mám všechno v lajně.
INSiGHT
Profil
Každýmu menu vlastní id a to potom ostylovat podle potřeby.
Horizontální bude display:inline; a vertikální display: block;

Tady je to hezky vysvětlený: http://css.maxdesign.com.au/listutorial/
Anonymní
Profil *
Proč mi tohle nefunguje?
<menu class="menublock">
<ul>
<li></li>....
</ul>
</menu>
<menu class="menuinline">
<ul>
<li></li>....
</ul>
</menu>

<style>
.menuinline {display:inline;}
.menublock {display:block;}
</style>

Obě menu se zobrazují ve sloupci. Kde mám chybu?
koudi
Profil
Protože nemůžeš takhle stylovat celý menu, ale musíš to aplikovat na ten seznam uvnitř. Navíc tam máś zbytečně to ul.
Anonymní
Profil *
Kam mám tedy vepsat class="....."?
Thalia
Profil *
Oddělej ul a zkus
<style>
.menuinline li {display:inline;}
.menublock li {display:block;}
</style>
Bubák
Profil
<style>
.menuinline li {display:inline;}
.menublock li {display:block;} /* zbytecne, li je blokovy element, vhodnejsi je udelat blokovym "a" */
.menublock li a {display:block;} /* viz vyse */
</style>

<menu class="menublock">
<li>Položka</li>
<li>Ponožka</li>
</menu>

<menu class="menuinline"> <!--
--><li>Ponožka</li><!--
--><li>Položka</li><!--
--></ul><!--
--></menu>

Taky by šlo napsat:
<li class="menublock">Položka</li>
<li class="menublock">Ponožka</li>
Ale předešlý zápis je úspoznější a přehlednější.

Zdánlivě nesmyslné komentáře slouží k tomu, abys mohl mít jednotlivé položky řádkového menu na samostatných řádcích bez bílé mezery.
Jdi to naptat i "klasicky":
<li>Položka</li><li>Ponožka</li>
Anonymní
Profil *
<html>

<menu class"menublock">
<li>1</li>
<li>2</li>
</menu>
<menu class"menuinline">
<li>1</li>
<li>2</li>
</menu>
</html>

/* css */
<style>
.menublock li{display: block;}
.meuinline li{display: inline;}
</style>


Nefunguje. Inline je stále ve sloupci.
Plaváček
Profil
A co takhle:


CSS

<style type="text/css">
.inline li {
display: inline;
}
</style>


HTML

<menu>
<li>1</li>
<li>2</li>
</menu>

<menu class="inline">
<li>1</li>
<li>2</li>
</menu>
Anonymní
Profil *
Plaváček
Jo to je přesně ono. Hledal jsem chybu jinde. Díky moc.
venca163
Profil
<html>
<menu class"menublock">
<li>1</li>
<li>2</li>
</menu>
<menu class"menuinline">


chybí tam "="...
Toto téma je uzamčeno. Odpověď nelze zaslat.