nicht angemeldet
Hi,
Ich habe folgendes Formular zur Navigation:
Was zu dem Problem führt, dass es Besucher mit abgeschaltetem Javascript nicht nutzen können. Ich weiß nicht, wie man das am geschicktesten löst, aber eine Möglichkeit wäre es, die Links nochmal in einem noscript-Block anzuzeigen.
Aber nun zu deinem eigentlichen Problem:
<body>
<div id="container">
<div id="menu">
<form><select name="menu" onChange="javascript:parent.location = this.form.menu.options[this.form.menu.selectedIndex].value;">
<option>news</option>
<option value="artists.html">artists</option>
<option value="media.html">media</option>
<option value="contact.html">contact</option>
<option value="forum.html">forum</option>
</select></form>
</div>
</div>
</body>#container {
margin:0 auto;
position:relative; /* puts container in front of distance */
text-align:left;
width:514px;
clear:left;
background-color:#999966;
}#container div {
Hier sprichst du alle divs an, die innerhalb des Elements mit der ID container liegen und weist ihnen eine Breite von 514px zu. Wenn dir klar ist was du hier machst lösche einfach den ganzen Block, wenn nicht füge noch diese Zeile ein:
border: 1px solid red;
dann siehst du ganz genau, welche divs du hier ansprichst. Anschließend musst du das dann natürlich löschen.
width:514px;
text-align:justify;
}#menu {
Das Div könntest du dir wenn ich das richtig sehe sparen und direkt das darinliegende form- bzw. select-Element im CSS ansprechen.
position:absolute;
width:50px;
Hier hast du 50px, das select ist aber breiter, falls die 100 unten 100px heißen sollte.
top:100px;
left:394px;
z-index:2;
}select {
background-color: #cccc99;
font-family: verdana, arial,tahoma;
font-size: 8pt;
text-align:left;
color: #000000;
width:100;
Hier fehlt die Einheit.
}
mfG,
steckl