HTML ul wird nicht angezeigt

[RauchenderDachs]

Hallo,

ich erstelle gerade ein kleine Website für die Schule, allerdings bin ich auf ein Problem gestoßen,das ich nicht behebn kann. Ich benutze als Editor den Phase 5.
Nun zu meinem Problem:
Ich habe Versucht ein Naviagationsmenü zu erstellen allerdings habe ich das Problem das die einzelnen listen punkte zwar dargestellet werden allerdings nicht drum herum.

so sieht das aus
Das ist der HTML-Quelltext:
<ul id="Navigation">

<li><a href="index.html" >Home</a></li>
<li><a href="programm.html">Programm</a></li>
<li><a href="2Tages-Tour.html">2 Tages Tour</a></li>
<li>Gallerie</li>
<li>Kontakte</li>
</ul>

und das hier ist das Stylsheet:
ul#Navigation {
margin:0 auto;
padding: 5px 0px 5px 5px;
background-color:#fff;
width:700px;
text-align:center;
height:50px;
border: 1px solid black;
}
ul#Navigation li {
list-style: none;
width:100px;
height:15px;
margin: 10px;
padding: 5px;
display:inline;
border: 1px solid;
border-top-color: #ccc;
border-left-color: #fff;

}
ul#Navigation li:hover{
color:#ff0;
background-color:#fff;
}

______________________________________________________
Noch mal zusammenfassend mein Problem ist das ul#Naviagtion nicht angezeigt wird also es gibt keine veränderung wenn ich ich farbe,größe oder den Rand ändere.

Mit freundlichen Grüßen
R.D.

 

[Kausalat]

Was verstehst du unter "allerdings nicht drum herum"?

Im Übrigen hat eine Galerie nichts mit Galle gemeinsam und es heißt "2-Tages-Tour" .

 

[RauchenderDachs]

Ok danke auf den Hinweis mit der Rechtschreibung ich meine mit dem "drum herum", das es wie bei http://de.selfhtml.org/css/layouts/anzeige/nav_formatieren.htm ausieht,eben so ein Rechteck aushen herum.
In der Browser vorschau von Phase 5 wird es angezeigt allerdings nicht in Opera,Chrome oder Firefox

 

[Kausalat]

Funkt vielleicht ein externes bzw. nicht von dir stammendes Stylesheet dazwischen? Bei mir wird der schwarze Rand um das <ul> angezeigt.

 

[RauchenderDachs]

Wie meinst du das? Ich hab nur ein Styslsheet im html verlinkt.

 

[Kausalat]

Poste einmal bitte das besagte Stylesheet. In diesem wird mutmaßlich die Anzeige deines <ul>-Randes durch eine andere Deklaration verhindert.

 

[RauchenderDachs]

Bitte:


body{
background-color: #ccc;
display:block;
text-align:center;
margin:auto;

}
<!index.html>

}

ul#Navigation {
margin:0 auto;
padding: 5px 0px 5px 5px;
background-color:#fff;
width:700px;
text-align:center;
height:50px;
border: 1px solid black;
}
ul#Navigation li {
list-style: none;
width:100px;
height:15px;
margin: 10px;
padding: 5px;
display:inline;
border: 1px solid;
border-top-color: #ccc;
border-left-color: #fff;

}
ul#Navigation li:hover{
color:#ff0;
background-color:#fff;
}


#Text-container{
width:705px;
height:200px;
background-color:#4CFD03;
margin: 10px auto;
}
#container_diashow{
width:200px;
height:200px;
background-color:#B69AEB;

}
#Gaestebuch{
width:705px;
height:500px;
background-color:#6829F0;
margin: 5px auto;
}
A:link {color:#5503FD; text-decoration:none}
A:visited {color:; text-decoration:none}
A:hover {color:#200CF9;text-decoration:none}
body,div,p,tr,td,table {font-family:Arial;color:;font-size:12pt;}
}



<!programm.html>


ul#navigation_programm{
padding: 5px 0px 5px 5px;
background-color:#92951C;
width:100px;
height:700px;
display:block;
margin-right: 50%;

}
ul#navigation_programm li {
list-style: none;
width:100px;
height:15px;
margin:10px auto;
padding: 5px;
border: 1px solid;
border-top-color: #ccc;
border-left-color: #fff;

}
ul#navigation_programm li:hover{
color:#ff0;
background-color:#fff;
}
#bild_container{
width:350px;
height:233px;
background-color:#EBF9F7;
top:15px;
left:200px;

}

 

[Kausalat]

Wenn du das

<!index.html>

}

und

<!programm.html>

entfernst, interpretiert der Browser alle nachfolgenden Befehle ordnungsgemäß. Außer CSS-Deklarationen und /* auskommentierten */ Inhalten darf eine CSS-Datei nichts Weiteres enthalten.

 

[RauchenderDachs]

Danke hat geklappt