ich bin am verzweifeln

[napsi]

Hallo liebe Freunde!

Ich verzweifle mittlerweile schon ziemlich.

Ich arbeite an folgender Seite:

http://www.mgloop.at/UEHV

Folgende Probleme:

Aus irgendeinem Grund wird die 3ecksform bei den ersten 4 MEnüpunkten auf das Submenü vererbt - warum?

Warum ist der Rahmen unter MF nicht sichtbar?

Wie kann ich beim Submenü die Schriftfarbe ändern, ich gebe es direkt beim Button ein, allerdings hat das keinen Einfluss auf die Darstellung.

Vielleicht schafft es jemand, meine NAvigation so umzubauen, wie es am .jpg dargestellt ist.

Sollte es wer schaffen, bin ich natürlich auch bereit demjenigen was zu zahlen.

Bitte um dringende Hilfe

lg.

Napsi

 

[Maik]

Hi.

Aus irgendeinem Grund wird die 3ecksform bei den ersten 4 MEnüpunkten auf das Submenü vererbt - warum?

Setz mal diese Selektoren ein, um die "Vererbung" des Hintergrundbildes abzustellen:

#pmenu ul li.button1 {
        background-color: #bf4038;
        background-image: url(../Img/Img_HPstyle/shape.gif);
        background-position: top right;
        background-repeat: no-repeat;
        display: block;
        padding: 0.5em;
        margin-bottom: 4px;
        font-size: 12pt;
        font-weight: bold;
        color:#FFFFFF;
}

#pmenu ul li.button1 a:hover {
        background-color: #D7D9E5;
        background-image: url(../Img/Img_HPstyle/shape.gif);
        background-position: top right;
        background-repeat: no-repeat;
        display: block;
        padding: 0.5em;
        margin:  -0.5em;
}

#pmenu ul li.button2 {
        background-color: #bf4038;
        display: block;
        padding: 0.5em;
        margin-bottom: 4px;
        font-size: 12pt;
        font-weight: bold;
        color:#FFFFFF;
}

#pmenu ul li.button2 a:hover {
        background-color: #D7D9E5;
        display: block;
        padding: 0.5em;
        margin:  -0.5em;
}

#pmenu ul ul li.button3 {
        background-color: #FFFFFF;
        background-image:none;
        display: block;
        padding: 0.5em;
        margin-bottom: 0px;
        margin-top:0px;
        font-size: 9pt;
        font-weight: normal;
        position: relative;
        color:#000000;
        width:6.0em;
}

#pmenu ul ul li.button3 a:hover {
        background-color: #D7D9E5;
        background-image:none;
        display: block;
        padding: 0.5em;
        margin:  -0.5em;
}

Warum ist der Rahmen unter MF nicht sichtbar?

Wer oder was ist "MF"?

Wie kann ich beim Submenü die Schriftfarbe ändern, ich gebe es direkt beim Button ein, allerdings hat das keinen Einfluss auf die Darstellung.

Wenn du den Links im Submenü eine andere Schriftfarbe zuordnen willst, lautet der CSS-Selektor:

#pmenu ul ul li a { color:red; /* Farbwert von mir frei gewählt */ }

mfg Maik

 

[napsi]

hallo!

Danke für die spontane hilfe.

naja: MF ist Mozilla firefox

und das mit Color befehl ist mir schon klar. aber er wirkt sich nicht auf die Darstellung aus. es bleibt immer die Farbe vom li. In beiden Menüs Main und Sub sind aber unterschiedlich Schriftfarben.

Werde die anderen Sachen gleich ausprobieren.

lg.

Napsi

 

[Maik]

und das mit Color befehl ist mir schon klar. aber er wirkt sich nicht auf die Darstellung aus. es bleibt immer die Farbe vom li. In beiden Menüs Main und Sub sind aber unterschiedlich Schriftfarben.

Bei mir greift die vorgestellte Regel zur Schriftfarbenformatierung für die Links in den Submenüs einwandfrei.

mfg Maik

 

[napsi]

hallo!

Leider funktioniert das überhaupt nicht. ich weiß jetzt einfach nicht mehr weiter.

kannst du mir bitte das css und das html file schicken, vielleicht habe ich irgend was falsch eingebaut, gelöscht, nicht gelöscht,...

bitte um deine hilfe maik

habe es online unter http://www.mgloop.at/UEHV gestellt

lg

 

[Maik]

Et voilà ...

mfg Maik

 

[napsi]

Danke Maik, war echt nett von dir. allerdings gibts nur noch ein problem:

Die seite ist wieder unter dem Link online, schaut im Mozilla FF solala und IE 7 so aus, wie es sein soll. aber warum macht der IE6.x Probleme. Er macht das Submenü nicht auf, genauso, wie er bei den Buttens mit Submenü zum hupfen beginnt, das verstehe ich nicht ganz.

kannst du mir vielleicht einen tip geben?

lg.

Napsi

 

[Maik]

Ganz einfach:

#pmenu li:hover > ul {
        display:block;
        position:absolute;
        top:0;
        padding-left:180px;
}

die allgemeine :hover-Pseudoklasse und der Kindselektor ">" wird vom IE6 (und älter) nicht untersützt.

Der ID-Name #pmenu kommt mir von Stu Nicholls sehr bekannt vor, und dort solltest du dich auch mal umschauen, denn der überwiegende Teil seiner CSS-Menüs (Kategorie: "Menus - Multi-Level CSS Only") laufen auch im IE6.

mfg Maik

 

[shutdown]

Dir ist aber schon klar, dass man bei dieser Menü-Anordnung ungefähr 7 Anläufe braucht, bis man mal auch tatäschlich vom Haupt-Menü im Sub-Menü ankommt?
Das versteckt sich wegen der weiten Entfernung bei mir gerne immer wieder (IE 7)

 

[Maik]

Hi,

Der ID-Name #pmenu kommt mir von Stu Nicholls sehr bekannt vor, und dort solltest du dich auch mal umschauen, denn der überwiegende Teil seiner CSS-Menüs (Kategorie: "Menus - Multi-Level CSS Only") laufen auch im IE6.

ich wusste doch, dass mir der ID-Name bekannt vorkommt -> Just to show how simple it could have been. ;-)

aber warum macht der IE6.x Probleme. Er macht das Submenü nicht auf

Da hast du dir dann definitiv die falsche Vorlage für ein Flyout-Menü ausgesucht, denn im Abschnitt "Information" weist der Autor mehrmals ausdrücklich darauf hin, dass dieses Menü im IE5.x und IE6 (aus den von mir oben genannten Gründen) nicht funktioniert.

In diesen "Flyout"-Varianten wurden die älteren IEs berücksichtigt:

• http://www.cssplay.co.uk/menus/flyoutt.html
• http://www.cssplay.co.uk/menus/flyout2.html
• http://www.cssplay.co.uk/menus/flyout4.html

mfg Maik