Externí CSS

Dobrý den.Potřeboval bych se optat na Externi CSS.Mam s tim nějak problem Když dam 3D menu do externiho tak je to v poho ale když tam dav všecko tak se to nějak zahadně smaže...díky

Toto je udělané menu v externim css afunguje to:

<style>#navigace
{
color: white;
background: blue;
border-bottom: 0.2em solid blue;
border-right: 0.2em solid blue;
padding: 0 1px;
margin-left: 0;
width: 12em;
font: normal 0.8em Verdana, sans-serif;
}

#navigace li
{
list-style: none;
margin: 0;
font-size: 1em;
}

#navigace a
{
display: block;
text-decoration: none;
margin-bottom: 0.5em;
margin-top: 0.5em;
color: white;
background: #39c;
border-width: 1px;
border-style: solid;
border-color: #5bd #035 #068 #6cf;
border-left: 1em solid #fc0;
padding: 0.25em 0.5em 0.4em 0.75em;
}

#navigace a#aktivniodkaz { border-color: #5bd #035 #068 #f30; }

#navigace a
{
width: 99%; /* Důležité pro IE */
}

#navigace a:hover, #navigace a#aktivniodkaz:hover
{
background: #28b;
border-color: #069 #6cf #5bd #fc0;
padding: 0.4em 0.35em 0.25em 0.em;
}

#navigace a:active, #navigace a#aktivniodkaz:active
{
background: #17a;
border-color: #069 #6cf #5bd white;
padding: 0.4em 0.35em 0.25em 0.9em;
}





ale když tam přidám CSS z webu tak už nic nejde

<style type="text/css">
h1 {color: green; font-style: italic}
</style>
<link rel="stylesheet" type="text/css" href="soubor.css">
<style>
a:link {color: teal}
a:visited {color: navy}
a:active {color: red}
a:hover { color: orange}
</style>
<style>
#obsah {position: absolute; width: 850px; top: 120px; left: 170px}
#hlavicka {position: absolute; width: 760px; height: 120px; top: 0px; left: 0px}
#levy {position: absolute; width: 160px; top: 120px; left: 0px}
</style>
<style>
h2 {color: white; border: black; border-style:groove; border-width: medium }
</style>
<style type="text/css">
ol li {list-style-type: square;}
</style>
<style>
#levy {background-color: blue; color: white}
#levy H2 {color: white}
#levy a:link {color: yellow}
#levy a:visited {color: orange}
#levy a:hover {color: red}
</style>
<!--WZ-REKLAMA-1.0IZ--><div align="center"><table width="496" border="0"
cellspacing="0" cellpadding="0"><tr><td><a href="http://www.webzdarma.cz/"><img
src="http://i.wz.cz/banner/nudle03.gif" width="28" height="60"
style="margin: 0; padding: 0; border-width: 0" alt="WebZdarma.cz" /></a></td><td>
<script type="text/javascript">
<!-- /* (c) 2001 AdCycle.com All Rights Reserved.*/
var id=494; var jar=new Date();var s=jar.getSeconds();var m=jar.getMinutes();
var flash=s*m+id;var cgi='http://ad.wz.cz';
var p='<iframe src="'+cgi+'/ad.cgi?gid=30&amp;t=_top&amp;id='+flash+'&amp;type=iframe " ';
p+='height="60" width="468" border="0" marginwidth="0" marginheight="0" hspace="0" ';
p+='vspace="0" frameborder="0" scrolling="no">';
p+='<a href="'+cgi+'/click.cgi?gid=30&amp;id='+flash+'" target="_top">';
p+='<img src="'+cgi+'/ad.cgi?gid=30&amp;id='+flash+'" width="468" height="60" ';
p+='border="0" alt="Klikni" /></'+'a></'+'ifra'+'me>'; document.write(p); // -->
</script><noscript><div><a href="http://ad.wz.cz/click.cgi?gid=30&amp;id=494"><img
src="http://ad.wz.cz/ad.cgi?gid=30&amp;id=494"
width="468" height="60" style="margin: 0; padding: 0; border-width: 0" alt="Klikni" /></a></div></noscript>
</td></tr></table></div>
<!--WZ-REKLAMA-1.0IK-->
<link rel="shortcut icon" href="favicon.ico">
<!-- Sunbelt Kerio Popup Killer - end of the script inserted by KPF -->

vono je to ve stadiu pokusů takže nic nenji vidět....ale mužu poslat odkaz na mujweb

už sem na to přišel já tupoun sem si při kopírování a mazání všech CSS z webu omylem smazal i cestu k Externimu CSS!!!!soryy že sem otravoval....

Tak prosím o pomoc eště jednou...Už se mi to povedlo ale skouším jen na opeře....a tak když sem to hodil do mozily nebo IE tak je to rozhozený...toto mam ve Externim CSS

<style>
h1 {color: #fc0; font-style: italic}
</style>
<style>
a:link {color: #fc0}
a:visited {color: #999}
a:active {color: red}
a:hover { color: #c00}
</style>
<style>
#obsah {position: absolute; width: 850px; top: 120px; left: 170px}
#hlavicka {position: absolute; width: 760px; height: 120px; top: 0px; left: 0px}
#levy {position: absolute; width: 160px; top: 120px; left: 0px}
</style>
<style>
h2 {color: white; border: black; border-style:groove; border-width: medium }
</style>
<style>
ol li {list-style-type: square;}
</style>
<style>
#levy {background-color: #6cf; color: white}
#levy H2 {color: white}
#levy a:link {color: #000}
#levy a:visited {color: #60c}
#levy a:hover {color: #fff}
</style>

<!-- Sunbelt Kerio Popup Killer - end of the script inserted by KPF -->

<style>#navigace
{
color: white;
background: #6cf;

padding: 0 1px;
margin-left: 0;
width: 12em;
font: normal 0.8em Verdana, sans-serif;
}

#navigace li
{
list-style: none;
margin: 0;
font-size: 1em;
}

#navigace a
{
display: block;
text-decoration: none;
margin-bottom: 0.5em;
margin-top: 0.5em;
color: white;
background: #39c;
border-width: 1px;
border-style: solid;
border-color: #5bd #035 #068 #6cf;
border-left: 1em solid #000;
padding: 0.25em 0.5em 0.4em 0.75em;
}

#navigace a#aktivniodkaz { border-color: #5bd #035 #068 #fff; }

#navigace a
{
width: 99%; /* Důležité pro IE */
}

#navigace a:hover, #navigace a#aktivniodkaz:hover
{
background: #28b;
border-color: #069 #6cf #5bd #fff;
padding: 0.4em 0.35em 0.25em 0.em;
}

#navigace a:active, #navigace a#aktivniodkaz:active
{
background: #17a;
border-color: #069 #6cf #5bd white;
padding: 0.4em 0.35em 0.25em 0.9em;
}

Tak prosím o pomoc eště jednou...Už se mi to povedlo ale skouším jen na opeře....a tak když sem to hodil do mozily nebo IE tak je to rozhozený...toto mam ve Externim CSS

<style>
h1 {color: #fc0; font-style: italic}
</style>
<style>
a:link {color: #fc0}
a:visited {color: #999}
a:active {color: red}
a:hover { color: #c00}
</style>
<style>
#obsah {position: absolute; width: 850px; top: 120px; left: 170px}
#hlavicka {position: absolute; width: 760px; height: 120px; top: 0px; left: 0px}
#levy {position: absolute; width: 160px; top: 120px; left: 0px}
</style>
<style>
h2 {color: white; border: black; border-style:groove; border-width: medium }
</style>
<style>
ol li {list-style-type: square;}
</style>
<style>
#levy {background-color: #6cf; color: white}
#levy H2 {color: white}
#levy a:link {color: #000}
#levy a:visited {color: #60c}
#levy a:hover {color: #fff}
</style>

<!-- Sunbelt Kerio Popup Killer - end of the script inserted by KPF -->

<style>#navigace
{
color: white;
background: #6cf;

padding: 0 1px;
margin-left: 0;
width: 12em;
font: normal 0.8em Verdana, sans-serif;
}

#navigace li
{
list-style: none;
margin: 0;
font-size: 1em;
}

#navigace a
{
display: block;
text-decoration: none;
margin-bottom: 0.5em;
margin-top: 0.5em;
color: white;
background: #39c;
border-width: 1px;
border-style: solid;
border-color: #5bd #035 #068 #6cf;
border-left: 1em solid #000;
padding: 0.25em 0.5em 0.4em 0.75em;
}

#navigace a#aktivniodkaz { border-color: #5bd #035 #068 #fff; }

#navigace a
{
width: 99%; /* Důležité pro IE */
}

#navigace a:hover, #navigace a#aktivniodkaz:hover
{
background: #28b;
border-color: #069 #6cf #5bd #fff;
padding: 0.4em 0.35em 0.25em 0.em;
}

#navigace a:active, #navigace a#aktivniodkaz:active
{
background: #17a;
border-color: #069 #6cf #5bd white;
padding: 0.4em 0.35em 0.25em 0.9em;
}

Tak prosím o pomoc eště jednou...Už se mi to povedlo ale skouším jen na opeře....a tak když sem to hodil do mozily nebo IE tak je to rozhozený...toto mam ve Externim CSS

<style>
h1 {color: #fc0; font-style: italic}
</style>
<style>
a:link {color: #fc0}
a:visited {color: #999}
a:active {color: red}
a:hover { color: #c00}
</style>
<style>
#obsah {position: absolute; width: 850px; top: 120px; left: 170px}
#hlavicka {position: absolute; width: 760px; height: 120px; top: 0px; left: 0px}
#levy {position: absolute; width: 160px; top: 120px; left: 0px}
</style>
<style>
h2 {color: white; border: black; border-style:groove; border-width: medium }
</style>
<style>
ol li {list-style-type: square;}
</style>
<style>
#levy {background-color: #6cf; color: white}
#levy H2 {color: white}
#levy a:link {color: #000}
#levy a:visited {color: #60c}
#levy a:hover {color: #fff}
</style>

<!-- Sunbelt Kerio Popup Killer - end of the script inserted by KPF -->

<style>#navigace
{
color: white;
background: #6cf;

padding: 0 1px;
margin-left: 0;
width: 12em;
font: normal 0.8em Verdana, sans-serif;
}

#navigace li
{
list-style: none;
margin: 0;
font-size: 1em;
}

#navigace a
{
display: block;
text-decoration: none;
margin-bottom: 0.5em;
margin-top: 0.5em;
color: white;
background: #39c;
border-width: 1px;
border-style: solid;
border-color: #5bd #035 #068 #6cf;
border-left: 1em solid #000;
padding: 0.25em 0.5em 0.4em 0.75em;
}

#navigace a#aktivniodkaz { border-color: #5bd #035 #068 #fff; }

#navigace a
{
width: 99%; /* Důležité pro IE */
}

#navigace a:hover, #navigace a#aktivniodkaz:hover
{
background: #28b;
border-color: #069 #6cf #5bd #fff;
padding: 0.4em 0.35em 0.25em 0.em;
}

#navigace a:active, #navigace a#aktivniodkaz:active
{
background: #17a;
border-color: #069 #6cf #5bd white;
padding: 0.4em 0.35em 0.25em 0.9em;
}

sorry ale blbne mi internet...

čet sem to nejmiň 5krat a stejně to nechapu ty Doctype a quirk...ale vypadato že se neotevře externi CSS