Autor | Zpráva | ||
---|---|---|---|
Strongmann Profil |
#1 · Zasláno: 12. 11. 2008, 12:52:47
Ahoj,
můžete mi prosím poradit jak udělat z tohle menu (svislé menu) vodorovné, aby odkazy byly vedle sebe a né pod sebou??? <head> <meta http-equiv="content-language" content="cs" /> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <title>Navigace pomocí seznamů a CSS</title> <style type="text/css"> body { color: #000; background-color: #fff; font-family: "Verdana CE", Verdana, sans-serif; line-height: 1.35; margin: 0; padding: 2.5em; } div#navigation-container { position: relative; width: 13em; } div#navigation { color: #fff; background-color: #8eccfb; width: 13em; padding: 0.5em; voice-family: "\"}\""; voice-family: inherit; width: 12em; } div#navigation ul { background-color: #6caad9; margin: 0; padding: 0; } div#navigation ul { background-color: #6caad9; margin: 0; padding: 0; } div#navigation li { list-style: none; height: 1.72em; margin: 0; padding: 0; } div#navigation a { color: #fff; font-size: 1em; text-decoration: none; display: block; border-left: 1em solid #6caad9; border-right: 1em solid #6caad9; padding: 0.35em 1em; } div#navigation a:visited { color: #ddd; } div#navigation a:visited { color: #ddd; } div#navigation a:hover, div#navigation a:focus { background-color: #7dbbea; border-left: 1em solid #8eccfb; border-right: 1em solid #8eccfb; } div#navigation a:active { background-color: #ffb380; border-left: 1em solid #ffb380; border-right: 1em solid #ffb380; } div#navigation a span.description span { font-size: 0.9em; display: block; } div#navigation a span { display: none; } div#navigation a:hover span.description, div#navigation a:focus span.description { color: #fff; background-color: #ccc; font-style: italic; position: absolute; left: 0; top: 15em; display: block; width: 13em; border-top: 1px solid #bbb; border-bottom: 1px solid #bbb; padding: 0.35em 1em; voice-family: "\"}\""; voice-family: inherit; width: 11em; } </style> </head> <body> <div id="navigation-container"> <div id="navigation"> <ul> <li><a href="#" title="Webdesign – V této rubrice se věnujeme webdesignu.">Webdesign<span> – </span><span class="description"><span>V této rubrice se věnujeme webdesignu.</span></span></a></li> <li><a href="#" title="Vývoj aplikací – V této rubrice se věnujeme vývoji aplikací.">Vývoj aplikací<span> – </span><span class="description"><span>V této rubrice se věnujeme vývoji aplikací.</span></span></a></li> <li><a href="#" title="E-komerce – V této rubrice se věnujeme e-komerci.">E-komerce<span> – </span><span class="description"><span>V této rubrice se věnujeme e-komerci.</span></span></a></li> <li><a href="#" title="Nástroje – V této rubrice se věnujeme nástrojům vhodným pro vytváření webů.">Nástroje<span> – </span><span class="description"><span>V této rubrice se věnujeme nástrojům vhodným pro vytváření webů.</span></span></a></li> <li><a href="#" title="Magazín – V této rubrice se věnujeme ostatním tématům.">Magazín<span> – </span><span class="description"><span>V této rubrice se věnujeme ostatním tématům.</span></span></a></li> <li><a href="#" title="Diskusní fórum – V této rubrice si můžete zadiskutovat.">Diskusní fórum<span> – </span><span class="description"><span>V této rubrice si můžete zadiskutovat.</span></span></a></li> </ul> </div> </div> </body> |
||
ajajaj Profil |
#2 · Zasláno: 12. 11. 2008, 13:02:30 · Upravil/a: ajajaj
zkus tohle: div#navigation li {
list-style: none; height: 1.72em; margin: 0; padding: 0;float:left;display:block; |
||
Strongmann Profil |
ajajaj
to nepomohlo :( odkazy jsou stale pod sebou jenom to rozhodilo design |
||
Bubák Profil |
#4 · Zasláno: 12. 11. 2008, 16:32:42
Protože menu zůstalo úzké, pro začátek je třeba mu dát dostatečnou šířku, ať se tam všechny položky vejdou.
|
||
Časová prodleva: 15 let
|
0