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
Fredep
Redaktor
Avatar
Odpovídá na mat.masar
Fredep:11.11.2014 19:46

Máš namysli hlavní menu? :)

Nahoru Odpovědět 11.11.2014 19:46
Týmová práce je důležitá proto, aby bylo možno obvinit z neúspěchu někoho jiného.
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 (ceskyDJ):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  +1 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 (ceskyDJ)
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 (ceskyDJ):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
 
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
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 (ceskyDJ):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 (ceskyDJ):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.