Vydělávej až 160.000 Kč měsíčně! Akreditované rekvalifikační kurzy s garancí práce od 0 Kč. Více informací.
Hledáme nové posily do ITnetwork týmu. Podívej se na volné pozice a přidej se do nejagilnější firmy na trhu - Více informací.
Avatar
mat.masar
Člen
Avatar
mat.masar:11.11.2014 19:32

Ahoj, potřebuji seřadit odkazy pod sebe nalevo od okna kde se mi zobrazuje text. Neumím to umístit, nezávisle každý jednotlivý odkaz na konkrétní pozici. Ideální by bylo kdyby byly zarovnané pod sebou podle velikosti k pravému okraji(nalevo od textu). Poradí mi někdo jak na to? www.minikoblizky.ic.cz

 
Odpovědět
11.11.2014 19:32
Avatar
Odpovídá na mat.masar
Neaktivní uživatel:11.11.2014 19:46

Máš namysli hlavní menu? :)

Nahoru Odpovědět
11.11.2014 19:46
Neaktivní uživatelský účet
Avatar
mat.masar
Člen
Avatar
mat.masar:11.11.2014 19:52

No ano, ani nevím o tom, že bych tam měl ještě jiné :D

 
Nahoru Odpovědět
11.11.2014 19:52
Avatar
Michal Šmahel:11.11.2014 21:34

Odkazy pod sebe zarovnáš pomocí seznamu a ten si přesuneš pomocí absolutní pozice. Popřípadě ještě zarovnáš text (tady to mám vpravo). S pozicí si musíš pohrát. Tvůj případ by šel jistě řešit i změnou polohy <header>u. Omlouvám se za stylopis v HTMl, ale nechtěl jsem to oddělovat.

<nav style="position: absolute; top: ?; left: ?; text-align: right">
  <ul style="list-style-type: none">
    <li><a href="#">1. Odkaz</a></li>
    <li><a href="#">2. Odkaz</a></li>
  </ul>
</nav>
Nahoru Odpovědět
11.11.2014 21:34
Nejdůležitější je motivace, ovšem musí být doprovázena činy.
Avatar
Tonda Kozák
Člen
Avatar
Odpovídá na Michal Šmahel
Tonda Kozák:12.11.2014 16:58

Nebylo by lepší místo absolutního pozicování to řešit plaváním (float)?

 
Nahoru Odpovědět
12.11.2014 16:58
Avatar
Michal Šmahel:12.11.2014 18:31

Zkopíroval jsem si tvůj web a trochu jsem si s tím pohrál. Zbytek si už nastav sám, tohle je asi ta lepší možnost, to absolutní pozice není moc dobrá na nervy a může se zobrazovat na každém monitoru jinak. Tento kód je jen názorný, hodně jsem ho ořezal. Podívej se na to, hlavní změny jsou v CSS souboru. CSS soubor nijak osekaný není, ale stejně si to zkus napsat sám. Tohle ber jako pomůcku. :)
HTML soubor: http://www.itnetwork.cz/dev-lighter/461
CSS soubor: http://www.itnetwork.cz/dev-lighter/462

Editováno 12.11.2014 18:31
Nahoru Odpovědět
12.11.2014 18:31
Nejdůležitější je motivace, ovšem musí být doprovázena činy.
Avatar
mat.masar
Člen
Avatar
Odpovídá na Michal Šmahel
mat.masar:12.11.2014 18:49

Ok díky.

 
Nahoru Odpovědět
12.11.2014 18:49
Avatar
mmartinssedlacek:15.11.2014 10:42

display: block

 
Nahoru Odpovědět
15.11.2014 10:42
Avatar
Odpovídá na mmartinssedlacek
Michal Šmahel:15.11.2014 20:26

Co tím myslíš??

Nahoru Odpovědět
15.11.2014 20:26
Nejdůležitější je motivace, ovšem musí být doprovázena činy.
Avatar
mat.masar
Člen
Avatar
mat.masar:15.11.2014 20:49

No, ono už je to vyřešené :) Stačilo to posunout do articlu :)

 
Nahoru Odpovědět
15.11.2014 20:49
Avatar
mmartinssedlacek:16.11.2014 20:03

myslel som tym
a {
display: block
}

 
Nahoru Odpovědět
16.11.2014 20:03
Avatar
mat.masar
Člen
Avatar
mat.masar:16.11.2014 20:07

Aha, díky, programátorsky to asi má být takhle :D

 
Nahoru Odpovědět
16.11.2014 20:07
Avatar
mat.masar
Člen
Avatar
mat.masar:16.11.2014 20:17

No nějak mi to nefungovalo...

 
Nahoru Odpovědět
16.11.2014 20:17
Avatar
Odpovídá na mmartinssedlacek
Michal Šmahel:16.11.2014 22:01

Aha, s tím plně souhlasím.

Nahoru Odpovědět
16.11.2014 22:01
Nejdůležitější je motivace, ovšem musí být doprovázena činy.
Avatar
Odpovídá na mat.masar
Michal Šmahel:17.11.2014 14:17

Protože jsi to přebíjel obtékáním (float: left), jinak to funguje.

Nahoru Odpovědět
17.11.2014 14:17
Nejdůležitější je motivace, ovšem musí být doprovázena činy.
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 15 zpráv z 15.