Avatar
Milan
Neregistrovaný
Avatar
Milan:

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
Zdeněk Pavlátka
Tým ITnetwork
Avatar
Odpovídá na Milan
Zdeněk Pavlátka:
<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  -1 16.11.2013 21:43
Kolik jazyků umíš, tolikrát jsi programátor.
Avatar
Bitem
Člen
Avatar
Bitem:
<div style="float:right; width: 200px; class="hlava">

Mělo by to fungovat

Nahoru Odpovědět 16.11.2013 21:50
Rozdávat rady je zbytečné, chytrý si to najde sám a hlupák si poradit nenechá
Avatar
Honza Bittner
Redaktor
Avatar
Odpovídá na Milan
Honza Bittner:

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
Ptejte se mě na cokoli na https://github.com/HoBi/ama a followujte mě na Twitteru https://twitter.com/tenhobi. :-)
Avatar
Milan
Neregistrovaný
Avatar
Odpovídá na Honza Bittner
Milan:
<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:

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  +1 17.11.2013 9:35
Ptejte se mě na cokoli na https://github.com/HoBi/ama a followujte mě na Twitteru https://twitter.com/tenhobi. :-)
Avatar
Milan
Neregistrovaný
Avatar
Milan:
.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:

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.