Autor Zpráva
Strongmann
Profil
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&nbsp;– V této rubrice se věnujeme webdesignu.">Webdesign<span>&nbsp;– </span><span class="description"><span>V této rubrice se věnujeme webdesignu.</span></span></a></li>
<li><a href="#" title="Vývoj aplikací&nbsp;– V této rubrice se věnujeme vývoji aplikací.">Vývoj aplikací<span>&nbsp;– </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&nbsp;– V této rubrice se věnujeme e-komerci.">E-komerce<span>&nbsp;– </span><span class="description"><span>V této rubrice se věnujeme e-komerci.</span></span></a></li>
<li><a href="#" title="Nástroje&nbsp;– V této rubrice se věnujeme nástrojům vhodným pro vytváření webů.">Nástroje<span>&nbsp;– </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&nbsp;– V této rubrice se věnujeme ostatním tématům.">Magazín<span>&nbsp;– </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&nbsp;– V této rubrice si můžete zadiskutovat.">Diskusní fórum<span>&nbsp;– </span><span class="description"><span>V této rubrice si můžete zadiskutovat.</span></span></a></li>
</ul>
</div>
</div>

</body>
ajajaj
Profil
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
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.

Vaše odpověď

Mohlo by se hodit


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm:

0