Sitemap (Vertikal) besser darstellen ?
Verfasst: Di 5. Apr 2005, 14:15
Hallo,
das ist die Sitemap:
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.
das ist die Sitemap:
Code: Alles auswählen
<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>

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.