NOVINKA: Získej 40 hodin praktických dovedností s AI – ZDARMA ke každému akreditovanému kurzu!
S účinností od 26. 3. jsme aktualizovali Zásady zpracování osobních údajů – doplnili jsme informace o monitorování telefonických hovorů se zájemci o studium. Ostatní části zůstávají beze změn.

Diskuze: Hlavicka -> odkazy do prava

V předchozím kvízu, Online test znalostí HTML a CSS, jsme si ověřili nabyté zkušenosti z kurzu.

Aktivity
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
Zdeněk Pavlátka
Tvůrce
Avatar
Odpovídá na
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
Člen
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
Tvůrce
Avatar
Odpovídá na
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
FIT ČVUT alumnus :-) Sleduj mě na https://twitter.com/tenhobi a ptej se na cokoli na https://github.com/tenhobi/ama.
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
Tvůrce
Avatar
Odpovídá na
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
FIT ČVUT alumnus :-) Sleduj mě na https://twitter.com/tenhobi a ptej se na cokoli na https://github.com/tenhobi/ama.
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.