Autor Zpráva
Anonymní
Profil *
#1 · Zasláno: 7. 9. 2006, 02:04:21
Odpovědět Citovat
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
#2 · Zasláno: 7. 9. 2006, 07:58:03 · Upravil/a: INSiGHT
Odpovědět Citovat
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 *
#3 · Zasláno: 7. 9. 2006, 12:46:40
Odpovědět Citovat
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
#4 · Zasláno: 7. 9. 2006, 13:04:20
Odpovědět Citovat
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 *
#5 · Zasláno: 7. 9. 2006, 13:08:06
Odpovědět Citovat
Kam mám tedy vepsat class="....."?
Thalia
Profil *
#6 · Zasláno: 7. 9. 2006, 13:21:42
Odpovědět Citovat
Oddělej ul a zkus
<style>
.menuinline li {display:inline;}
.menublock li {display:block;}
</style>
Bubák
Profil
#7 · Zasláno: 7. 9. 2006, 13:24:50
Odpovědět Citovat
<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 *
#8 · Zasláno: 7. 9. 2006, 13:38:04
Odpovědět Citovat 
<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
#9 · Zasláno: 7. 9. 2006, 13:53:32
Odpovědět Citovat
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 *
#10 · Zasláno: 7. 9. 2006, 14:34:39
Odpovědět Citovat
Plaváček
Jo to je přesně ono. Hledal jsem chybu jinde. Díky moc.
venca163
Profil
#11 · Zasláno: 7. 9. 2006, 17:14:49
Odpovědět Citovat
<html>
<menu class"menublock">
<li>1</li>
<li>2</li>
</menu>
<menu class"menuinline">

chybí tam "="...
Časová prodleva: 18 let
Toto téma je uzamčeno. Odpověď nelze zaslat.

0