drop-menue (hintergrund-farbe und text-farbe des Menues)

[dschinn]

Hallo guten Tag !

Ich habe hier ein kleines Drop-Menue als Code:

Es sollen die Farbe vom Menue und die Text-Farbe vom Menue
eingestellt werden:

Der Code bei mir sieht so aus (funzt aber nicht):

<form name="menuform">
<select name="menu1"> {color:#f6c108;
background-color:#2e2e2e;}
<option value="a.html" selected>seite a</option>
<option value="b.html" selected>seite b</option>
<option value="c.html" selected>seite c</option>
</select>
<input type="button" name="Submit" value="Go"
onClick="top.location.href = this.form.menu1.options[this.form.menu1.selectedIndex].value;
return false;">
</form>

Das Menue funzt so, aber die Farben werden nicht so dargestellt.
(es soll dunkelgrau mit gelbem Text sein - color steht fuer die Textfarbe
und background-color fuer die Farbe des Menues).

Ich nehme an, die Namen color und background-color sind falsch ?!

Danke fuer Hinweise.
Gruss.
dschinn``

[1UnitedPower]

<form name="menuform">
<select name="menu1"> {color:#f6c108;
background-color:#2e2e2e;}
<option value="a.html" selected>seite a</option>
<option value="b.html" selected>seite b</option>
<option value="c.html" selected>seite c</option>
</select>
<input type="button" name="Submit" value="Go"
onClick="top.location.href = this.form.menu1.options[this.form.menu1.selectedIndex].value;
return false;">
</form>

Offensichtlich kennst du den Unterschied zwischen HTML und CSS nicht. Dass dein Javascript-Snippet funktioniert, ist auch mehr Glück als Verstand. Ich versteh es zumindest nicht.

[Gunnar Bittersmann]

@@1UnitedPower:

nuqneH

<form name="menuform">
<select name="menu1"> {color:#f6c108;
background-color:#2e2e2e;}
<option value="a.html" selected>seite a</option>
<option value="b.html" selected>seite b</option>
<option value="c.html" selected>seite c</option>
</select>
<input type="button" name="Submit" value="Go"
onClick="top.location.href = this.form.menu1.options[this.form.menu1.selectedIndex].value;
return false;">
</form>

Dass dein Javascript-Snippet funktioniert

Dass es nicht funktioniert, hab ich ja bereits gesagt.

Ich versteh es zumindest nicht.

this ist das Element, von dem das Event kommt, also der 'input'-Button.

this.[ref:self812;javascript/objekte/elements.htm#form@title=form] ist das Formular, zu dem der Button gehört.

this.form.menu1 ist das Feld innerhalb des Formulars, das @name="menu1" hat. Also das 'select'-Element.

this.form.menu1.[ref:self812;javascript/objekte/options.htm@title=options] und this.form.menu1.[ref:self812;javascript/objekte/options.htm#selected_index@title=selectedIndex] sind selbsterklärend.

Qapla'

[Gunnar Bittersmann]

@@dschinn:

nuqneH

<select name="menu1"> {color:#f6c108;
background-color:#2e2e2e;}

Es gibt weder 'color:#f6c108;'-Elemente noch 'background-color:#2e2e2e;'-Elemente.

Wie man <http://de.selfhtml.org/css/formate/einbinden.htm@title=Stylesheets in HTML einbindet>, liest du in SELFHTML nach. Im 2. Abschnitt. Den 1. nimmst du nickend zur Kenntnis. Die Abschnitte 3 und 4 überspringst du wegen deren Unsinnigkeit.

Das Menue funzt so

Mitnichten. Es funzt nicht. Jedenfalls nicht für Besucher ohne JavaScript. Und da sind sicherlich welche darunter, denen du dein Navigationsmenü zugänglich machen willst, sonst finden sie deine Seiten nicht.

Verwende ein Menü mit richtigen Links! Das kann man mit CSS auch <http://de.selfhtml.org/css/layouts/navigationsleisten.htm#modern@title=als Dropdown gestalten>. Wobei sich die Frage stellt, ob das für eine Webseite wirklich sinnvoll ist oder ob man dem Nutzer nicht dass ganze Menü sichtbar präsentieren sollte.

Qapla'

[Matthias Apsel]

Om nah hoo pez nyeetz, Gunnar Bittersmann!

Wie man <http://de.selfhtml.org/css/formate/einbinden.htm@title=Stylesheets in HTML einbindet>, liest du in SELFHTML nach. Im 2. Abschnitt. Den 1. nimmst du nickend zur Kenntnis. Die Abschnitte 3 und 4 überspringst du wegen deren Unsinnigkeit.

Vielleicht hättest du aufs Wiki verlinken und deine Kritik (mindestens) in der dortigen Diskussionseite unterbringen sollen.

Dass eine Bearbeitung von Artikeln und die Neuanlage von Diskussionsseiten auch für nicht angemeldete Benutzer möglich ist, ist dir sicher nicht entgangen.

Im Übrigen wäre dein fundiertes Wissen, manchmal abzüglich der Absolutheit deiner Aussagen ;-), für das Wiki eine Bereicherung. Und wenn das deine Zeit nicht hergibt, reichen auch einige Hinweise in den Diskussionsseiten. Da du dir jedoch oft Zeit nimmst, hier in diesem Forum (selbstlos) ausführliche Antworten zu geben, sollte das auch für stichpunktartige Anmerkungen möglich sein.

Matthias