Probleme im Menü

[pYroman1ac]

Hallo Leute!

Ich habe ein (hoffentlich) kleines Problem mit meiner HP



Und zwar wenn ich im untermenü bei den News z.Bsp "Aktionen" auswählen will verschwindet die Grafik. An was kann das liegen?

Die zweite <ul> bitte ignorieren, die is noch nicht ausgerichtet..

hier mal der CSS-Code:

body {
    background-color: #333333;
    
        }

.container {
    margin:auto;
    width:1000px;
    background-color:#333333;
    
    }
    
.header {
    background-image:url(../images/hg_header.gif);
    width:948px;
    height:97px;
    
    }
    
.rand1 {
    background-image:url(../images/hg_pixel.gif);
    width:8px;
    height:500px;
    margin:90px 30px;
    position: absolute;
    
    }
    
.rand2 {
    background-image:url(../images/hg_pixel.gif);
    width:8px;
    height:500px;
    margin:92px 912px;
    position: absolute;
    
    }
    
.bottom {
    background-image:url(../images/hg_bottom.gif);
    width:948px;
    height:76px;
    position:absolute;
    margin:590px 0px;
    
    }

.menu_news {
    width:344px;
    height:59px;
    margin:52px 170px;
    position:absolute;    
    font-family: Arial, Helvetica, sans-serif;
    font-size:12px;
    font-weight:bold;
    }
    
.menu_news {
    background-image:url(../images/btn_news.gif);
    width:127px;
    height:25px;
    
    }


.menu_news:hover {
    background-image:url(../images/btn_news_ext.gif);
    width:334px;
    height:49px;
    position:absolute;
    }
    
.menu_news ul {            /*  menu ul/hover ul: mit diesen befehlen wird die liste nur bei hover angezeigt */
    display:none;
    }
    
.menu_news:hover ul {
    display:block;     /*  menu ul/hover ul: mit diesen befehlen wird die liste nur bei hover angezeigt */
    list-style:none;
    margin-top: 28px;
    }
    
.menu_news li {
    display: inline;
    padding-right: 53px;
    }
    
.menu_news li a {
    color:#333333;
    border-bottom:none;
    }
    
.menu_news a:hover {
    color:#990000;
    
    }


.menu_pub {
    float:right;
    width:344px;
    height:59px;
    margin:52px 300px;
    position:absolute;    
    font-family: Arial, Helvetica, sans-serif;
    font-size:12px;
    font-weight:bold;
    
    
    }
    
.menu_pub {
    background-image:url(../images/btn_pub.gif);
    width:127px;
    height:25px;
    }
    
.menu_pub:hover {
    background-image:url(../images/btn_pub_ext.gif);
    width:334px;
    height:49px;
    position:absolute;
    }

Weiss jemand Rat? Ich hab schon soviel rumgemurkst, nix hat geholfen :'(

Bitte um Hilfe!

Danke
pYro

 

[Dragonbane]

AW: Probleme im Menü

Hi,

ich versuche das auch gerade in meinem Projekt hinzubekommen.

.menu_news {
    width:344px;
    height:59px;
    margin:52px 170px;
    position:absolute;    
    font-family: Arial, Helvetica, sans-serif;
    font-size:12px;
    font-weight:bold;
    }
    
.menu_news {
    background-image:url(../images/btn_news.gif);
    width:127px;
    height:25px;
    
    }

Hier fällt mir auf, dass Du der Klasse zweimal eine width und height eingegeben wurde. Im IE kann ich das Menü übrigens ansteuern nur im Firefox verschwindet die Grafik.

 

[Doitsu]

AW: Probleme im Menü

Ich weiss zwar nicht warum es so ist, aber geb mal menu_pub:hover 'nen margin-left:299px; dazu - dann sollte das passen. (Wahrscheinlich sind die Bilder um ein/zwei pixel verrutsch oder so ..)
Dazu sind, wie mein vorposter schon sagte, viele sachen doppelt bestimmt & einige sachen sinnlos, wie position:absolute; ohne top/right/bottom/left wert ..

Edit: TE, du solltest dann noch fuer den tollen IE 6 und kleiner eine andere loesung einbauen, der versteht sich mit deinem Code gar nicht ..
http://www.quirksmode.org/css/condcom.html Microsoft denk manchmal doch mit.

 

[pYroman1ac]

AW: Probleme im Menü

Vielen Dank schon mal für die Antworten!

Ich werde das, wenn ich wieder zuhause bin, sofort ausprobieren!

 

[pYroman1ac]

Ha, das problem hat sich von selbst gelöst...habe die 2. <ul> ausgerichtet jetzt klappt es

und wegen dem doppelt, ich weiss auch nicht, aber ich hab viel rumgespielt und bin froh das ich das so weit geschafft hab

ist meine erste HP, und da ich sie für meine Abendschule brauche, muss ich schaun das ich fertig werde, den Code schau ich mir im Nachhinein nochmal genauer an

Edit: jetzt hab ich noch eine Frage: Mit welchen Befehlen kann ich die Liste genauer positionieren, so das die sauber mittig in der Grafik steht? momentan mach ich das mit padding-right, gibts da noch andere Möglichkeiten?

 

[stb_87]

AW: Probleme im Menü

Die Sachen, die du da alle doppelt hast, kannste größtenteils ohne Bedenken zusammenfassen.

 

[leohh]

AW: Probleme im Menü

Du solltest das was du oeffnest auch schliessen min. zwei deiner Container sind nicht geschlossen. Generell hat das was du da machst wenig Sinn. Schau dir mal Suckerfish (2) an und mach das nach diesem Prinzip.

Elemente zentrieren, macht man mittels auto fuer right und left im margin.

 

[LT_Camper]

AW: Probleme im Menü

danke für den Hinweis auf Suckerfish , damit hab ich mein Menü jetzt fast so hinbekommen, wie ich es gern hätte.

Gruß aus Bärlin ... Ekki

Homepage von DK5ZO