Diskuze: Seřazení odkazů pod sebe

HTML a CSS HTML a CSS Seřazení odkazů pod sebe American English version English version

Avatar
mat.masar
Člen
Avatar
mat.masar:

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:

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:

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):

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:

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):

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
mmartinssedlacek:

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:

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:

myslel som tym
a {
display: block
}

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

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:

No nějak mi to nefungovalo...

 
Nahoru Odpovědět 16.11.2014 20:17
Avatar
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):

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.