CSS in array Navigation

[laempisch]

Hallo zusammen,

ich versuche gerade mein PHP Menü etwas besser aussehen zu lassen.

Also ich habe eine Index Datei die ca so ausschaut:

  // Array, das Navi Inhalte enthält

  $menue = array(
  		array("<div class='fstLevel'>Home",     100), // Hauptrubrik
    
 	    array("<div class='fstLevel'>Unternehmen",   200), // Hauptrubrik	
		array("<div class='fstLevel'>Kerzenkunde", 300), // Hauptrubrik

		array("<div class='secLevel'>Herstellung",   301), // Unterrubrik
		array("<div class='secLevel'>Tipps",   302), // Unterrubrik
		
   		 	 );
  
 	 // Diese Funktion erstellt ein Link

  	function verweis($nr,$name) {
  	  global $PHP_SELF;
 	   return "<a href='$PHP_SELF?hauptrubrik=$nr'>".$name."</a>";
 	 }
  
 	 // Prüft, welche Hauptrubrik geöffnet wird

	  if(!$hauptrubrik) $hauptrubrik = 1;
 	 else {
 	   $rubrik = $hauptrubrik;
 	   $hauptrubrik = substr($hauptrubrik,0,1);
 	 }
  
 	 // Eine Schleife, die das "menue"-Array durchgeht

 	 // Ausgabe je nach Bedingung

 	 for($i=0;$i<sizeof($menue);$i++) {
 	   // Ausgabe der Hauptrubriken (Teilbar durch 100)  

 	   if($menue[$i][1]%100==0) {
 	     echo verweis($menue[$i][1],$menue[$i][0])."<br>";
 	   }
 	   // Ausgabe der Unterrubriken (Nicht teilbar durch 100 und)

 	   if(substr($menue[$i][1],0,1)==$hauptrubrik && $menue[$i][1]%100) {
 	     echo "".verweis($menue[$i][1],$menue[$i][0])."<br>";
 	   }
  
	  }
	?>
              </td>
              <td width="12" rowspan="2" valign="top" bgcolor="#FFFFFF"><!--DWLayoutEmptyCell-->&nbsp;</td>
              <td width="678" rowspan="2" valign="top" bgcolor="#FFFFFF"> 
                <?PHP
		if($rubrik==100) {
  	  readfile("content/01_00_home.inc.php");
	  } elseif($rubrik==200) {
	  readfile("content/02_00_unternehmen.inc.php");
 	 }  elseif($rubrik==300) {
 	  readfile("content/03_01_herstellung.inc.php");
	  } elseif($rubrik==301) {
 	  readfile("content/03_01_herstellung.inc.php");	  
	  } elseif($rubrik==302) {
 	  readfile("content/03_02_tipps.inc.php");	 
 	 } 
	  ?>

Wie Ihr seht habe ich schon die CSS Datei versucht einzubinden.
Leider klappt das nicht so wie ich das dachte. Da verschibt sich bei mir immer alles.
Hier ist noch der Inhalt meiner CSS Datei:

/************************************************
*************FIRST_LEVEL*************************
************************************************/
/*Style-Definition für die First-Level-Navigation*/
DIV.fstLevel a
{
TEXT-DECORATION: none;
DISPLAY: block;
WIDTH: 120;
BORDER: 1px solid #000000;
PADDING: 3px;
MARGIN: 1Px;
FONT-FAMILY: verdana, arial, helvetica;
FONT-SIZE: 10px;
FONT-WEIGHT: bold;
TEXT-ALIGN: left;
COLOR: #ffffff;
BACKGROUND-COLOR: #3366ff;
}
/*Style-Definition für die First-Level-Navigation bei Mouse-Over*/
DIV.fstLevel a:hover
{
COLOR: #3366ff;
BACKGROUND-COLOR: #FFFFFF;
}
/*Style-Definition für die First-Level-Navigation bei aktivem Link*/
DIV.fstLevelActive a
{
TEXT-DECORATION: none;
DISPLAY: block;
WIDTH: 120;
BORDER: 1px solid #FF0000;
PADDING: 3px;
MARGIN: 1Px;
FONT-FAMILY: verdana, arial, helvetica;
FONT-SIZE: 10px;
FONT-WEIGHT: bold;
TEXT-ALIGN: left;
COLOR: #000000;
BACKGROUND-COLOR: #FFFFFF;
}

/************************************************
*************SECOND_LEVEL*************************
************************************************/
/*Style-Definition für die Second-Level-Navigation*/
DIV.secLevel a
{
TEXT-DECORATION: none;
DISPLAY: block;
WIDTH: 120;
BORDER: 1px solid #3366ff;
PADDING: 3px;
MARGIN: 1Px;
FONT-FAMILY: verdana, arial, helvetica;
FONT-SIZE: 10px;
FONT-WEIGHT: normal;
TEXT-ALIGN: right;
COLOR: #ffffff;
BACKGROUND-COLOR: #688EE8;
}
/*Style-Definition für die Second-Level-Navigation bei Mouse-Over*/
DIV.secLevel a:hover
{
COLOR: #3366ff;
BACKGROUND-COLOR: #FFFFFF;
}
/*Style-Definition für die Second-Level-Navigation bei aktivem Link*/
DIV.secLevelActive a
{
TEXT-DECORATION: none;
DISPLAY: block;
WIDTH: 120;
BORDER: 1px solid #FF0000;
PADDING: 3px;
MARGIN: 1Px;
FONT-FAMILY: verdana, arial, helvetica;
FONT-SIZE: 10px;
FONT-WEIGHT: normal;
TEXT-ALIGN: right;
COLOR: #000000;
BACKGROUND-COLOR: #FFFFFF;
}

Hat einer von Euch eine Idee warum das so nicht klappt?

Vielen Dank für Eure Holfe

 

[Gumbo]

Versuche das Ganze doch mal durch eine ungeordnete Liste (ul-Element) abzubilden. Diese können wunderbar formatiert werden und spiegeln auch eine hierarchische Struktur wider.

 

[laempisch]

Danke für die schnelle Antwort.

Meinst Du das ganze anstatt dem Array? oder im Array?

Weiss momentan nicht wie das aussehen soll.