nicht angemeldet
»» dich doch noch mit grundlagen von CSS/JS befassen. deine fehlerbeschreibung liest sich wie "der fersneher ist aber gurken wenn donnerstag nicht von toshiba"
danke für das anregende Statement ;-)
ich denke, dass ich dazusagen sollte, dass ich ein ziemlicher Anfänger bin...
und man sich hier auf selfhtml.org ziemlich verlaufen kann, weil es z.B. keine Suchfunktion gibt, deshalb hatte ich einfach mal die Idee einfach zu fragen (kost ja nix)
ich haue den Quellcode einfach rein, ok? (nicht wundern, wenn euch was komisch vorkommt, es geht nicht um den Inhalt, sondern um das Design-eshat mit der Schule zu tun ;-))
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">
<head>
<title>Dresden in den USA</title>
<link rel="stylesheet" type="text/css" href="Style-Dateien/style.css">
</style>
</head>
<body>
<div id="Tmenu">
<ul id="Navigation">
<li><a href="Index.html" id="Index">Startseite</a></li>
<li><a href="DDKansas.html" id="Kansas">Dresden Kansas</a></li>
<li><a href="DDOhio.html" id="Ohio">Dresden Ohio</a></li>
<li><a href="DDTennessee.html" id="Tennessee">Dresden Tennessee</a></li>
<li><a href="Quellen.html" id="Quellen">Quellen</a></li>
</ul>
</div>
so und dazu das CSS:
~~~css
div#Tmenu {
font-size: 100%;
width: 99%;
padding: 0px;
border-left: 20px solid #00FFFF;
border-right: auto solid #00FFFF;
border-top: 2px solid #00FFFF;
border-bottom: 2px solid #00FFFF;
background-color: #00FFFF
}
ul#Navigation {
margin: 0; padding: 0;
text-align: center;
}
ul#Navigation li {
list-style: none;
float: left;
margin: 0px;
}
ul#Navigation a {
display:block; width:240px; height:1.3em; padding:3px;
text-align:center; font-weight:bold; text-decoration:none;
color:#002299; background-color:#00BBBB;
border-left:2px solid #00DDDD; border-top:2px solid #00DDDD;
border-right:2px solid #00AAAA; border-bottom:2px solid #00AAAA;}
}
a#Index {
display:block; width:240px; height:1.3em; padding:3px;
text-align:center; font-weight:bold; text-decoration:none;
color:#002299; background-color:#00BBBB;
border-left:2px solid #00DDDD; border-top:2px solid #00DDDD;
border-right:2px solid #00AAAA; border-bottom:2px solid #00AAAA;}
a#Index:link {
display:block; width:240px; height:1.3em; padding:3px;
text-align:center; font-weight:bold; text-decoration:none;
color:#005599; background-color:#00CCCC;
border-left:2px solid #00FFFF; border-top:2px solid #00FFFF;
border-right:2px solid #009999; border-bottom:2px solid #009999;}
a#Index:hover {
display:block; width:240px; height:1.3em; padding:3px;
text-align:center; font-weight:bold; text-decoration:none;
color:#003377; background-color:#00AAAA;
border-left:2px solid #009999; border-top:2px solid #009999;
border-right:2px solid #00FFFF; border-bottom:2px solid #00FFFF;}
a#Index:active {
display:block; width:240px; height:1.3em; padding:3px;
text-align:center; font-weight:bold; text-decoration:none;
color:#004488; background-color:#00BBBB;
border-left:2px solid #00FFFF; border-top:2px solid #00FFFF;
border-right:2px solid #00FFFF; border-bottom:2px solid #00FFFF;}
a#(usw.)
es kann sein, dass der Code für die Pros hier sehr blöd is, ich habe ihn mal aus einer Seite kopiert, und das weggeschnippelt, was ich nich brauche(nach der Versuch-Irrtum-Methode!)
sry
hoffe es bringt mehr klarheit in die unklarheit ;-)
Gunnar Bittersmann
Der Martin
JürgenB