Pouze tento týden sleva až 80 % na e-learning týkající se C# .NET
Využij akce až 80% zdarma při nákupu e-learningu. Více informací .
BF summer
Avatar
Milan
Neregistrovaný
Avatar
Milan:16.11.2013 21:36

Ahoj,

chtěl bych z toho kodu aby menu se vypsalo na pravé straně.

 <div class="hlava">
           <br><br><br>
           <center><h1>Ceník</h1></center>

           <a href="#">Úvod</a>
           <a href="#">Akce týdne</a>
           <a href="#">Ceník</a>



           </div>


.hlava{background:black;height:30%;font-family:Georgia, Arial, sans-serif;font-weight:bold;color:white;}
.hlava a{text-align:right;}
 
Odpovědět
16.11.2013 21:36
Avatar
Odpovídá na Milan
Zdeněk Pavlátka:16.11.2013 21:43
<div class="hlava">

se pokud vím už dnes nepoužívá. Podívej se do zdejších tutoriálů, tam je vše pěkně vysvětleno a u použitéholayoutu lze snadno dělat úpravy jako je ta co chceš ty.

Nahoru Odpovědět
16.11.2013 21:43
Kolik jazyků umíš, tolikrát jsi programátor.
Avatar
Neaktivní uživatel:16.11.2013 21:50
<div style="float:right; width: 200px; class="hlava">

Mělo by to fungovat

Nahoru Odpovědět
16.11.2013 21:50
Neaktivní uživatelský účet
Avatar
Honza Bittner
Redaktor
Avatar
Odpovídá na Milan
Honza Bittner:16.11.2013 22:44

Menu se dělá pomocí seznamu (ul nebo ol).
Do jednotlivých položek - li - pak dáš odkaz - a - a do něj text ...

Potom stačí jen nastavit li styl float: right, pokud chceš menu pod sebe v pravo tak nastav float: right na ul.

Nahoru Odpovědět
16.11.2013 22:44
Student FIT ČVUT. In love with Flutter. :-) Sleduj mě na https://twitter.com/tenhobi a ptej se na cokoli na https://g...
Tento výukový obsah pomáhají rozvíjet následující firmy, které dost možná hledají právě tebe!
Avatar
Milan
Neregistrovaný
Avatar
Odpovídá na Honza Bittner
Milan:17.11.2013 8:38
<ul>
           <li><a href="#">Úvod</a></li>
           <li><a href="#">Akce týdne</a></li>
           <li><a href="#">Ceník</a></li>
           </ul>
.hlava{background:black;height:30%;font-family:Georgia, Arial, sans-serif;font-weight:bold;color:white;}
.hlava ul li a{float:right;display:inline;}
.hlava li{list-style:none;}

Hobi mě se to začlo vykreslovat od posledního odkazu...
Ceník,akce týdne,úvod

 
Nahoru Odpovědět
17.11.2013 8:38
Avatar
Honza Bittner
Redaktor
Avatar
Odpovídá na Milan
Honza Bittner:17.11.2013 9:35

Ovšem .... je to logické :P

Když nastavíš na <li> float right tak nejdříve zarovná první, pak druhý atp.

Říkal jsem že ještě můžeš dát floa: right na celé ul :)

Nahoru Odpovědět
17.11.2013 9:35
Student FIT ČVUT. In love with Flutter. :-) Sleduj mě na https://twitter.com/tenhobi a ptej se na cokoli na https://g...
Avatar
Milan
Neregistrovaný
Avatar
Milan:17.11.2013 9:44
.hlava ul{float:left;display:inline}

Tento kod by měl vykreslit menu do řádku? :)

Promin Hobi, jsem začátečník.

 
Nahoru Odpovědět
17.11.2013 9:44
Avatar
Milan
Neregistrovaný
Avatar
Odpovídá na Honza Bittner
Milan:17.11.2013 9:48

Hobi, moc se ti omlouvám. Je to fakt logické, vyřešil jsem to a už se mi to objevuje správně. :)

.hlava ul{float:right;}
.hlava li{list-style:none;display:inline;}
 
Nahoru Odpovědět
17.11.2013 9:48
Děláme co je v našich silách, aby byly zdejší diskuze co nejkvalitnější. Proto do nich také mohou přispívat pouze registrovaní členové. Pro zapojení do diskuze se přihlas. Pokud ještě nemáš účet, zaregistruj se, je to zdarma.

Zobrazeno 8 zpráv z 8.