Autor Zpráva
Ajka
Profil *
ahoj,potrebuji radu. chtela bych do layoutu do leve navigace vlozit menu - take pomovi CSS, ale pisu internim zapisem! snazim se o to, ale menu se mi ukazuje uplne jinde - uprostred obsahu (misto vlevem menu), uplne vpravo, dole... nevite,co s tim?
Nox
Profil
Potřebujem buď adresu nebo aspoň vypsat to css a html
Ajka
Profil *
<head>
<style>
#obalovydiv
{
width: 90%;
margin: 10px auto;
background-color: #eeffee;
color: #333;
border: 3px solid green;
line-height: 110%;
}

#hlavicka
{
padding: .5em;
background-color: #eeffee;
border-bottom: 3px solid green;
}

#levanavigace
{
float: left;
width: 160px;
margin: 0;
padding: 1em;
background-color: #eeffee;
}

#pravanavigace
{
float: right;
width: 160px;
margin: 0;
padding: 1em;
background-color: #eeffee;
}

#obsah
{
margin-left: 200px;
border-left: 1px solid green;
margin-right: 200px;
border-right: 1px solid green;
padding: 1em;
max-width: 36em;
background-color: #eeffee;
}

#paticka
{
clear: both;
margin: 0;
padding: .5em;
color: #333;
background-color: #eeffee;
border-top: 5px solid green;
}
body
{
text-align:center;
}


#levanavigace p, #pravanavigace p { margin: 0 0 1em 0; }
#obsah h2 { margin: 0 0 .5em 0; }
</head>
</style>

<html>
<body>
<div id="obalovydiv">
<div id="hlavicka">
<p>
<style>
<head>
#nav
{
width: 100%;
float: left;
background-color: green;
}

#nav ul
{
padding: 0;
}

#nav ul li
{
display: inline;
}

#nav ul
{
margin: 0;
padding: 0 0 0 7%;
color: #FFFFFF;
font-family: tahoma, verdana, geneva, arial, helvetica, sans-serif;
font-size: .8em;
letter-spacing: 2px;
font-weight: bold;
}

#nav ul li a
{
padding: 0.2em 12px;
background-color: green;
color: #FFFFFF;
text-decoration: none;
float: left;
border-right: 1px solid #128ac8;
}

#nav ul li a:hover
{
background-color: green;
color: #FFFFFF;
}

#nav li#active a
{
background-color: green;
color: #FFFFFF;
}
</head>
</style>

<html>
<body>
<div id="nav">
<ul>
<li><a href="novinky.html">Novinky</a></li>
<li><a href="odkazy.html">Odkazy</a></li>
<li><a href="kontakt.html">Kontakt</a></li>
<li><a href="nk.html">Kniha návštěv</a></li>
</ul>
</div>
</body>
</html>
</p>



</div>
<div id="levanavigace">
<p>

<style>
<head>
body
{
background-color:#dddddd;
}

ul#hlavniMenu
{
width:100px;
background-color:white;
}

ul#hlavniMenu, ul
{
padding:0;
margin:0;
list-style-type:none;
}

ul#hlavniMenu ul
{
position:absolute;
top:0;
left:100px;
visibility:hidden;
background-color:white;
}

ul#hlavniMenu li
{
position:relative;
width:100px;
}

ul#hlavniMenu a
{
color:black;
display:block;
font:12px arial,sans-serif;
text-decoration:none;
display:block;
width:100%;
}

ul#hlavniMenu a:hover, ul#hlavniMenu li:hover a, ul#hlavniMenu li.hover a
{
background-color:black;
color:white;
}

ul#hlavniMenu li:hover ul a, ul#hlavniMenu li.hover ul a
{
background-color:white;
color:black;
}

ul#hlavniMenu li:hover ul a:hover, ul#hlavniMenu li.hover ul a:hover
{
background-color:black;
color:white;
}

ul#hlavniMenu li:hover ul, ul#hlavniMenu li.hover ul
{
visibility:visible;
}

ul#hlavniMenu li li
{
border:none;
padding:0;
background-color:white;
}

ul#hlavniMenu li
{
behavior: url(hover.htc);
}
</head>
</style>

<html>
<body>

<ul id="hlavniMenu">
<li><a href="">Hlavní odkaz 1</a>
<ul>
<li><a href="">Pododkaz 11</a></li>
<li><a href="">Pododkaz 12</a></li>
<li><a href="">Pododkaz 13</a></li>
</ul>
</li>

<li><a href="">Hlavní odkaz 2</a>
<ul>
<li><a href="">Pododkaz 21</a></li>
<li><a href="">Pododkaz 22</a></li>
<li><a href="">Pododkaz 23</a></li>
</ul>
</li>

<li><a href="">Hlavní odkaz 3</a>
<ul>
<li><a href="">Pododkaz 31</a></li>
<li><a href="">Pododkaz 32</a></li>
<li><a href="">Pododkaz 33</a></li>
</ul>
</li>
</ul>

</body>
</html>


</p>
</div>
<div id="pravanavigace">
<p>

</p>
</div>
<div id="obsah">
<h2>Podnadpis</h2>
<p>
</p>
</div>
<div id="paticka">
<p>&copy; 2008 - </p>
</div>
</div>
</body>
</html>
ajka
Profil *
pomohl by mi s tim nekdo?
ajka
Profil *
moc moc prosím
peter poloma
Profil *
Ahoj,

mno vsimol som si ze tam mas strasne vela tagov head a html, nechaj prve a ostatne vymaz potom ti to bude fungovat
peter poloma
Profil *
resp. tu je kod ak ti to pomoze aj ked viem ze sem by sa nemal "pastovat" a ja by som to spravil trosku inak ale nemam teraz casu.


<head>
<style>
#obalovydiv
{
width: 90%;
margin: 10px auto;
background-color: #eeffee;
color: #333;
border: 3px solid green;
line-height: 110%;
}

#hlavicka
{
padding: .5em;
background-color: #eeffee;
border-bottom: 3px solid green;
}

#levanavigace
{
float: left;
width: 160px;
margin: 0;
padding: 1em;
background-color: #eeffee;
}

#pravanavigace
{
float: right;
width: 160px;
margin: 0;
padding: 1em;
background-color: #eeffee;
}

#obsah
{
margin-left: 200px;
border-left: 1px solid green;
margin-right: 200px;
border-right: 1px solid green;
padding: 1em;
max-width: 36em;
background-color: #eeffee;
}

#paticka
{
clear: both;
margin: 0;
padding: .5em;
color: #333;
background-color: #eeffee;
border-top: 5px solid green;
}
body
{
text-align:center;
}


#levanavigace p, #pravanavigace p { margin: 0 0 1em 0; }
#obsah h2 { margin: 0 0 .5em 0; }
</head>
</style>


<div id="obalovydiv">
<div id="hlavicka">
<p>
<style>

#nav
{
width: 100%;
float: left;
background-color: green;
}

#nav ul
{
padding: 0;
}

#nav ul li
{
display: inline;
}

#nav ul
{
margin: 0;
padding: 0 0 0 7%;
color: #FFFFFF;
font-family: tahoma, verdana, geneva, arial, helvetica, sans-serif;
font-size: .8em;
letter-spacing: 2px;
font-weight: bold;
}

#nav ul li a
{
padding: 0.2em 12px;
background-color: green;
color: #FFFFFF;
text-decoration: none;
float: left;
border-right: 1px solid #128ac8;
}

#nav ul li a:hover
{
background-color: green;
color: #FFFFFF;
}

#nav li#active a
{
background-color: green;
color: #FFFFFF;
}

</style>

<div id="nav">
<ul>
<li><a href="novinky.html">Novinky</a></li>
<li><a href="odkazy.html">Odkazy</a></li>

<li><a href="kontakt.html">Kontakt</a></li>
<li><a href="nk.html">Kniha návštìv</a></li>
</ul>
</div>

</p>



</div>
<div id="levanavigace">
<p>

<style>

{
background-color:#dddddd;
}

ul#hlavniMenu
{
width:100px;
background-color:white;
}

ul#hlavniMenu, ul
{
padding:0;
margin:0;
list-style-type:none;
}

ul#hlavniMenu ul
{
position:absolute;
top:0;
left:100px;
visibility:hidden;
background-color:white;
}

ul#hlavniMenu li
{
position:relative;
width:100px;
}

ul#hlavniMenu a
{
color:black;
display:block;
font:12px arial,sans-serif;
text-decoration:none;
display:block;
width:100%;
}

ul#hlavniMenu a:hover, ul#hlavniMenu li:hover a, ul#hlavniMenu li.hover a
{
background-color:black;
color:white;
}

ul#hlavniMenu li:hover ul a, ul#hlavniMenu li.hover ul a
{
background-color:white;
color:black;
}

ul#hlavniMenu li:hover ul a:hover, ul#hlavniMenu li.hover ul a:hover
{
background-color:black;
color:white;
}

ul#hlavniMenu li:hover ul, ul#hlavniMenu li.hover ul
{
visibility:visible;
}

ul#hlavniMenu li li
{
border:none;
padding:0;
background-color:white;
}

ul#hlavniMenu li
{
behavior: url(hover.htc);
}

</style>



<ul id="hlavniMenu">
<li><a href="">Hlavní odkaz 1</a>
<ul>
<li><a href="">Pododkaz 11</a></li>
<li><a href="">Pododkaz 12</a></li>
<li><a href="">Pododkaz 13</a></li>
</ul>
</li>

<li><a href="">Hlavní odkaz 2</a>

<ul>
<li><a href="">Pododkaz 21</a></li>
<li><a href="">Pododkaz 22</a></li>
<li><a href="">Pododkaz 23</a></li>
</ul>
</li>

<li><a href="">Hlavní odkaz 3</a>
<ul>
<li><a href="">Pododkaz 31</a></li>
<li><a href="">Pododkaz 32</a></li>

<li><a href="">Pododkaz 33</a></li>
</ul>
</li>
</ul>



</p>
</div>
<div id="pravanavigace">
<p>

</p>
</div>
<div id="obsah">
<h2>Podnadpis</h2>

<p>
</p>
</div>
<div id="paticka">
<p>&copy; 2008 - </p>
</div>
</div>
</body>
</html>

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

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