Sitemap (Vertikal) besser darstellen ?

Condor · Beitrag von **Condor** » Di 5. Apr 2005, 14:15

Hallo,

das ist die Sitemap:

<style type="text/css"> 
a.lev1 { 
   border-color: #F7C473; 
   border-style: dashed; 
background-image:url(a.gif); 
background-repeat:no-repeat;     
border-width: 1px; 
   color: #000099; 
        background-color: #FCF2D5; 
        display: block; 
   font-family: Arial,Verdana, Helvetica, sans-serif; 
   font-size: 9pt; 
   height: 17px; 
   margin-top: 0px; 
   padding-left: 26px; 
   padding-right: 0px; 
   text-align: left; 
   width: 100%; 
} 

a.lev1:link { 
   color: #000099; 
   text-decoration: none; 
} 

a.lev1:visited { 
   color: #000099; 
   font-size: 9pt; 
   text-decoration: none; 
} 

a.lev1:hover { 
   background-image:url(aa.gif); 
background-repeat:no-repeat; 
background-color: #B3B6FC; 
   color: #FFFFFF; 
   font-size: 9pt; 
   text-decoration: none; 
} 

a.lev1:active { 
   background-color: #1E4063; 
   color: #FFFFFF; 
   text-decoration: none; 
} 


a.lev2 { 
   border-color: #000000; 
   border-style: dotted; 
   border-width: 0px; 
   color: #000099; 
      background-image:url(b.gif); 
background-repeat:no-repeat;  

background-color: #F0F1FB; 
        display: block; 
   font-family: Arial,Verdana, Helvetica, sans-serif; 
   font-size: 9pt; 
   height: 17px; 
   margin-top: 0px; 
   padding-left: 36px; 
   padding-right: 0px; 
   text-align: left; 
   width: 100%; 
} 

a.lev2:link { 
   color: #000099; 
   text-decoration: none; 
} 

a.lev2:visited { 
   color: #000099; 
   font-size: 9pt; 
   text-decoration: none; 
} 

a.lev2:hover { 
    
background-image:url(bb.gif); 
background-repeat:no-repeat; 
background-color: #B3B6FC; 
   color: #FFFFFF; 
   font-size: 9pt; 
   text-decoration: none; 
} 

a.lev2:active { 
   background-color: #1E4063; 
   color: #FFFFFF; 
   text-decoration: none; 
} 
a.lev3 { 
   border-color: #000000; 
   border-style: dotted; 
   border-width: 0px; 
   color: #000099; 
      background-image:url(c.gif); 
background-repeat:no-repeat;  

background-color: #F0F1FB; 
        display: block; 
   font-family: Arial,Verdana, Helvetica, sans-serif; 
   font-size: 9pt; 
   height: 17px; 
   margin-top: 0px; 
   padding-left: 46px; 
   padding-right: 0px; 
   text-align: left; 
   width: 100%; 
} 

a.lev3:link { 
   color: #000099; 
   text-decoration: none; 
} 

a.lev3:visited { 
   color: #000099; 
   font-size: 9pt; 
   text-decoration: none; 
} 

a.lev3:hover { 
    
background-image:url(cc.gif); 
background-repeat:no-repeat; 
background-color: #B3B6FC; 
   color: #FFFFFF; 
   font-size: 9pt; 
   text-decoration: none; 
} 

a.lev3:active { 
   background-color: #1E4063; 
   color: #FFFFFF; 
   text-decoration: none; 
} 

a.lev4 { 
border-color: #000000; 
border-style: dotted; 
border-width: 0px; 
color: #000099; 
background-image:url(d.gif); 
background-repeat:no-repeat; 

background-color: #F0F1FB; 
display: block; 
font-family: Arial,Verdana, Helvetica, sans-serif; 
font-size: 9pt; 
height: 17px; 
margin-top: 0px; 
padding-left: 53px; 
padding-right: 0px; 
text-align: left; 
width: 100%; 
} 

a.lev4:link { 
color: #000099; 
text-decoration: none; 
} 

a.lev4:visited { 
color: #000099; 
font-size: 9pt; 
text-decoration: none; 
} 

a.lev4:hover { 

background-image:url(dd.gif); 
background-repeat:no-repeat; 
background-color: #B3B6FC; 
color: #FFFFFF; 
font-size: 9pt; 
text-decoration: none; 
} 

a.lev4:active { 
background-color: #1E4063; 
color: #FFFFFF; 
text-decoration: none; 
}

a.lev5 { 
border-color: #000000; 
border-style: dotted; 
border-width: 0px; 
color: #000099; 
background-image:url(d.gif); 
background-repeat:no-repeat; 

background-color: #F0F1FB; 
display: block; 
font-family: Arial,Verdana, Helvetica, sans-serif; 
font-size: 9pt; 
height: 17px; 
margin-top: 0px; 
padding-left: 53px; 
padding-right: 0px; 
text-align: left; 
width: 100%; 
} 

a.lev5:link { 
color: #000099; 
text-decoration: none; 
} 

a.lev5:visited { 
color: #000099; 
font-size: 9pt; 
text-decoration: none; 
} 

a.lev5:hover { 

background-image:url(dd.gif); 
background-repeat:no-repeat; 
background-color: #B3B6FC; 
color: #FFFFFF; 
font-size: 9pt; 
text-decoration: none; 
} 

a.lev5:active { 
background-color: #1E4063; 
color: #FFFFFF; 
text-decoration: none; 
}

a.lev6 { 
border-color: #000000; 
border-style: dotted; 
border-width: 0px; 
color: #000099; 
background-image:url(d.gif); 
background-repeat:no-repeat; 

background-color: #F0F1FB; 
display: block; 
font-family: Arial,Verdana, Helvetica, sans-serif; 
font-size: 9pt; 
height: 17px; 
margin-top: 0px; 
padding-left: 53px; 
padding-right: 0px; 
text-align: left; 
width: 100%; 
} 

a.lev6:link { 
color: #000099; 
text-decoration: none; 
} 

a.lev6:visited { 
color: #000099; 
font-size: 9pt; 
text-decoration: none; 
} 

a.lev6:hover { 

background-image:url(dd.gif); 
background-repeat:no-repeat; 
background-color: #B3B6FC; 
color: #FFFFFF; 
font-size: 9pt; 
text-decoration: none; 
} 

a.lev6:active { 
background-color: #1E4063; 
color: #FFFFFF; 
text-decoration: none; 
}

a.lev7 { 
border-color: #000000; 
border-style: dotted; 
border-width: 0px; 
color: #000099; 
background-image:url(d.gif); 
background-repeat:no-repeat; 

background-color: #F0F1FB; 
display: block; 
font-family: Arial,Verdana, Helvetica, sans-serif; 
font-size: 9pt; 
height: 17px; 
margin-top: 0px; 
padding-left: 53px; 
padding-right: 0px; 
text-align: left; 
width: 100%; 
} 

a.lev7:link { 
color: #000099; 
text-decoration: none; 
} 

a.lev7:visited { 
color: #000099; 
font-size: 9pt; 
text-decoration: none; 
} 

a.lev7:hover { 

background-image:url(dd.gif); 
background-repeat:no-repeat; 
background-color: #B3B6FC; 
color: #FFFFFF; 
font-size: 9pt; 
text-decoration: none; 
} 

a.lev7:active { 
background-color: #1E4063; 
color: #FFFFFF; 
text-decoration: none; 
}

a.lev8 { 
border-color: #000000; 
border-style: dotted; 
border-width: 0px; 
color: #000099; 
background-image:url(d.gif); 
background-repeat:no-repeat; 

background-color: #F0F1FB; 
display: block; 
font-family: Arial,Verdana, Helvetica, sans-serif; 
font-size: 9pt; 
height: 17px; 
margin-top: 0px; 
padding-left: 53px; 
padding-right: 0px; 
text-align: left; 
width: 100%; 
} 

a.lev8:link { 
color: #000099; 
text-decoration: none; 
} 

a.lev8:visited { 
color: #000099; 
font-size: 9pt; 
text-decoration: none; 
} 

a.lev8:hover { 

background-image:url(dd.gif); 
background-repeat:no-repeat; 
background-color: #B3B6FC; 
color: #FFFFFF; 
font-size: 9pt; 
text-decoration: none; 
} 

a.lev8:active { 
background-color: #1E4063; 
color: #FFFFFF; 
text-decoration: none; 
}

a.lev9 { 
border-color: #000000; 
border-style: dotted; 
border-width: 0px; 
color: #000099; 
background-image:url(d.gif); 
background-repeat:no-repeat; 

background-color: #F0F1FB; 
display: block; 
font-family: Arial,Verdana, Helvetica, sans-serif; 
font-size: 9pt; 
height: 17px; 
margin-top: 0px; 
padding-left: 53px; 
padding-right: 0px; 
text-align: left; 
width: 100%; 
} 

a.lev9:link { 
color: #000099; 
text-decoration: none; 
} 

a.lev9:visited { 
color: #000099; 
font-size: 9pt; 
text-decoration: none; 
} 

a.lev9:hover { 

background-image:url(dd.gif); 
background-repeat:no-repeat; 
background-color: #B3B6FC; 
color: #FFFFFF; 
font-size: 9pt; 
text-decoration: none; 
} 

a.lev9:active { 
background-color: #1E4063; 
color: #FFFFFF; 
text-decoration: none; 
}

a.lev10 { 
border-color: #000000; 
border-style: dotted; 
border-width: 0px; 
color: #000099; 
background-image:url(d.gif); 
background-repeat:no-repeat; 

background-color: #F0F1FB; 
display: block; 
font-family: Arial,Verdana, Helvetica, sans-serif; 
font-size: 9pt; 
height: 17px; 
margin-top: 0px; 
padding-left: 53px; 
padding-right: 0px; 
text-align: left; 
width: 100%; 
} 

a.lev10:link { 
color: #000099; 
text-decoration: none; 
} 

a.lev10:visited { 
color: #000099; 
font-size: 9pt; 
text-decoration: none; 
} 

a.lev10:hover { 

background-image:url(dd.gif); 
background-repeat:no-repeat; 
background-color: #B3B6FC; 
color: #FFFFFF; 
font-size: 9pt; 
text-decoration: none; 
} 

a.lev10:active { 
background-color: #1E4063; 
color: #FFFFFF; 
text-decoration: none; 
}
</style> 


<table border="0" cellspacing="0" cellpadding="4"><tr bgcolor="#ffffff"></tr><tr bgcolor="#ffffff">
	<td style="width: 300px; height: 192px;" valign="top"><span class="textcontent"> 


<?php 
  /*********************************************** 
  * CONTENIDO MODUL - OUTPUT 
  * 
  *  Modulname   :     Sitemap v1.2 
  * Author(s)      :    Nik Wyss 
  * Copyright   :     None 
  * Created     :     14-01-2003 
  * Modified    :     14-01-2003 
  * Modified    :     20-01-2004 by Peter Beauvain 
  *                   - Adapt to Contenido V4.4 
  *                   - Output only shows visible items 
  ************************************************/ 
  
  $amountLevel = "CMS_VALUE[1]"; 
  $newcat = "CMS_VALUE[0]"; 
  $color = array("lev1", "lev1","lev2","lev3","lev4","lev5","lev6","lev7","lev8","lev9","lev10");
  
  function sitemap($newcat=0) 
  { 
    global $lang, $client, $amountLevel, $color, $startLevel, $cfg; 
    $db  = new DB_Contenido; 
    $sql  = "SELECT * FROM ".$cfg["tab"]["cat_tree"]." AS A, ". 
              $cfg["tab"]["cat"]." AS B, ". 
              $cfg["tab"]["cat_lang"]." AS C ". 
              "WHERE A.idcat=B.idcat AND B.idcat=C.idcat AND ". 
              "C.idlang='$lang' AND B.idclient='$client' AND ". 
              "B.parentid =$newcat AND level <= $amountLevel AND C.visible=1 ". 
              "ORDER by A.idtree"; 
    $db->query($sql); 
    $result = "<span>"; 
    while ($db->next_record()) 
    {  
      $lvl = $db->f("level"); 
      if ($lvl==1) 
      { 
        $result.=""; 
      } 
      $colorID=$lvl-$startLevel; 
      if ($colorID > count($color)-1) 
      { 
        $colorID=count($color)-1; 
      } 

      $result   .=  "<span><a width='130px' class='".$color[$colorID]."' style='display: block;  ' href='front_content.php?idcat=".$db->f("idcat"). 
                  "&lang=$lang&client=$client' class='lmLink'>". 
                  $db->f("name")."</a>".sitemap($db->f("idcat"))."</span>"; 
    }
 
    $result.= "</span>"; 
    return($result); 
  } 
  
  $sql = "SELECT level FROM $cfgTab_cat_tree WHERE idcat=$newcat"; 
  $db->query($sql); 
  $db->next_record(); 
  $startLevel = $db->f("level"); 
  $amountLevel +=  $startLevel; 
  if ($newcat==0){$amountLevel--;} 
  echo sitemap($newcat); 
?>      
</span></div></tr></td></table>

wie sie hier tausend mal im Forum gepostet wurde. Wenn Sie dargestellt wird, ist oben eine Zelle die leer ist. Dadurch ist meine Sitemap nicht bündig mit meinem Hauptteil der rechts davon ist. Das sieht nicht schön aus. Ich hab versucht es weg zumachen etc. aber die Sitemap bleibt dummerweise immer an der gleichen Stelle. Wie bekomme ich Sie den bündig, also auf einer höhe mit meinem Hauptteil ? Bitte helft mir

Da ist noch eine Sache. Ich würde gerne die Sitemap mit einem Rahmen verzieren, z.B dashed. Aber wenn ich das tue dann werden ja alle Zellen umrahmt. Das möchte ich ja nicht. Die ganze Sitemap als komplette Navigation soll den Rahmen bekommen. Ich hab versucht eine zweite Tabelle in den Code zu bringen aber das geht irgendwie net. Ich zerschiesse immer meine Sitemap und meine komplette Seite. Hat jemand rat oder weiss wo ich HTML-Code einfügen muss ? Bitte !? Ciao.

rzwei · Beitrag von **rzwei** » Di 5. Apr 2005, 16:20

Probier doch mal das: http://www.contenido.org/forum/viewtopic.php?t=7882

Bzgl. Rahmen würd ich der umgebenden <ul> eine id geben und die dann mittels CSS formatieren.

Gruß
Mathias

Condor · Beitrag von **Condor** » Di 5. Apr 2005, 19:40

Hi,
danke für deine Antwort. Ja, ich hab das auch schon nachgelesen das es mit ul geht. Ich werde mir mal das Script anschauen und dann posten ob es funktonukelt

Nochmals danke. Ciao.