hilfe bei navigation gesucht

noodle

hallo zusammen,
habe ein dynamisches menu mit subnavi in münz' selfhtml gefunden, fraqe mich aber, ob es etwas ähnliches gibt, das auch mit gif-buttons funktioniert.
meine jetzige reine html-version:

http://www.kentbannerbrown.de/into

habe dann noch eine version, wo die erste ebene mit gifs aber die subnavi mit systemschriften. wäre meine favorisierte version, allerdings in der subnavi auch mit gifs (navipunkt 'kunst' klicken). wie bekomme ich das hin?

http://www.kentbannerbrown.de/into/index_2.htm

jemanden einen tip oder link zu einem tut?

danke schon mal im voraus, noodle

driver

als gif müsstest nur im css des background-color durch eine bild-url ersetzen...

dann sollte es so funktionieren...

Code

ul#Navigation a:hover, ul#Navigation span, li a#aktuell {
    border-color: white;
    border-left-color: black; border-top-color: black;
    color: white; background-image:url(background.jpg);
  }

noodle

danke. hab's ausprobiert. interessanter effekt...

http://www.kentbannerbrown.de/into

ich mach da sicher was falsch. hab erbarmen. ich brauche ja für das submenu andere wordings...

grüße, noodle

driver

also in dem änderst du den aktiven button wennst drüber fährst.
dadurch das dein "text"-gif zu kurz is, wiederholt es sich logischerweise.

den hintergrund der buttons ansich kannst hier ändern:

Code

ul#Navigation a, ul#Navigation span {
    display: block;
    width: 6.4em;  /* Breite den in li enthaltenen Elementen zuweisen */
    padding: 0.2em 1em;
    text-decoration: none; font-weight: regular;
    color: maroon;
    background-color: red;
  }

und hier kannst für die untermenüs den rand ändern:

Code

function einblenden() {
    var UL = sucheUL(this.firstChild);
    UL.style.display = "block"; UL.style.backgroundColor = "red";
  }
  function ausblenden() {
    sucheUL(this.firstChild).style.display = "none";
  }

(ich habs mal auf "red" geändert

noodle

ja, aber ich glaube für eine grafische lösung bietet sich das ganze doch eher nicht an, oder? wenn ich das gif einsetze, ändern sich im moment ja alle buttons und d.h., dass ich dann doch jeden button einzeln ändern können müsste. deswegen wäre doch eine etwas idiotensicherere version mit grafiken für die buttons eigentlich sinnvoller, oder irre ich?
noodle

driver

im prinzip würd ich den rand raushauen, dann brauchst nur noch 2 grafiken.
eine normale und eine für den aktiven.

und die kannst ja ganz einfach einbinden...

noodle

Zitat von driver

und die kannst ja ganz einfach einbinden...

das sagst du...habe keine ahnung was du meinst...

driver

naja, wie oben beschrieben

hier kannst die grafik für den aktiven setzen:

Code

ul#Navigation a:hover, ul#Navigation span, li a#aktuell { 
    border:0px; 
    color: white; 
    background-image:url(background.jpg); 
  }

hier für die normalen felder:

Code

ul#Navigation a, ul#Navigation span { 
    display: block; 
    width: 6.4em;  /* Breite den in li enthaltenen Elementen zuweisen */ 
    padding: 0; 
    text-decoration: none; font-weight: regular; 
    color: maroon; 
    background-image:url(background2.jpg);  
  }

ansonsten noch überall die border unds padding auf 0 setzen

ich werde das mal ausprobieren. danke jedenfalls für deine mühe und geduld. kann sein ich komme noch mal auf das thema zurück. grüße, noodle

Tags