H
hassohasso
Guest
HI Leute,
Ich habe eine Frage zu einem Code von mir, genauer geht es um ein vertikales Navigationsmenü dies hab ich endlich realisieren können doch mein Code kommt mir doch sehr umständlich vor. Es geht genauer darum, das Menü ist recht simpel und hat mehrere Menüpunkte mit weiteren Submenüs (alles "statisch" angezeigt, die Submenüs stehen also immer so da) und diese sollen durch einen einstellbaren Absatz getrennt werden.
Ohne CSS ca. wie folgt:
Menü1
.Menü1a
.Menü1b
Menü2
.Menü2a
.Menü2b
.Menü3c
Menü3
.Menü3... usw
Am einfachsten wäre, so denke ich, jedes kleine Menü ein einzelnes skript und so auf die Seite einbinden. Doch da ich lediglich eine Homepage auffrische und nicht neu bearbeite hieß das alle einzelnen Seiten zu bearbeiten und das ist unmöglich. So habe ich eine Möglichkeit mit dem PHP Skript und dem CSS gesucht. und habe es wie folgt, und meiner Meinung nach "umständlich" gelöst.
In CSS kann ich dann durch die Schriftgröße relativ gut den Abstand bestimmen, doch mir kommt das wie gesagt nicht ganz richtig rüber. Eine weiter Frage ist warum ich eigendlich für jeden abstand ein neuen arrayNamen einrichten muss? :uhm:
vll kann das jemand absegnen oder mir einen Verbesserungstipp geben...
Danke fürs lesen..
lg hasso
Im Anhang noch CSS:
Ich habe eine Frage zu einem Code von mir, genauer geht es um ein vertikales Navigationsmenü dies hab ich endlich realisieren können doch mein Code kommt mir doch sehr umständlich vor. Es geht genauer darum, das Menü ist recht simpel und hat mehrere Menüpunkte mit weiteren Submenüs (alles "statisch" angezeigt, die Submenüs stehen also immer so da) und diese sollen durch einen einstellbaren Absatz getrennt werden.
Ohne CSS ca. wie folgt:
Menü1
.Menü1a
.Menü1b
Menü2
.Menü2a
.Menü2b
.Menü3c
Menü3
.Menü3... usw
Am einfachsten wäre, so denke ich, jedes kleine Menü ein einzelnes skript und so auf die Seite einbinden. Doch da ich lediglich eine Homepage auffrische und nicht neu bearbeite hieß das alle einzelnen Seiten zu bearbeiten und das ist unmöglich. So habe ich eine Möglichkeit mit dem PHP Skript und dem CSS gesucht. und habe es wie folgt, und meiner Meinung nach "umständlich" gelöst.
PHP:
<?php
$menu_data = array(
"MENÜ1" => array("menü1", "asd.php"),
"Menü1a" => array("m1a", "fasd.php"),
"Menü1b" => array("m1b", "fasd.php"),
"leer" => array(" ",""),
"Menü2" => array("menü2", "s.php"),
"Menü2a" => array("m2a", "s2.php"),
"Menü2b" => array("m2b", "s1.php"),
"leer2" => array(" ",""),
"MENÜ3" => array( USW...
);
?>
<?php
$navi = "<ul>\n";
foreach ($menu_data as $key => $value) {
$navi .= " <li>";
if($key != $current_page && $key != "leer" && $key != "leer2") {
$navi .= "<a href='".$value[1]."'>";
}
$navi .= $value[0];
if($key != $current_page && $key != "leer" && $key != "leer2") {
$navi .= "</a>";
}
$navi .= "</li>\n";
}
$navi .= "</ul>";
?>
In CSS kann ich dann durch die Schriftgröße relativ gut den Abstand bestimmen, doch mir kommt das wie gesagt nicht ganz richtig rüber. Eine weiter Frage ist warum ich eigendlich für jeden abstand ein neuen arrayNamen einrichten muss? :uhm:
vll kann das jemand absegnen oder mir einen Verbesserungstipp geben...
Danke fürs lesen..
lg hasso
Im Anhang noch CSS:
Code:
...
#navcontainer { width: 260px; margin-top:-16px}
#navcontainer ul
{
margin-left: 0;
padding-left: 0;
list-style-type: none;
font-family: Arial, Helvetica, sans-serif;
}
#navcontainer a
{
display: block;
padding: 3px;
width: 260px;
background-color: #000;
border-bottom: 1px solid #485253;
}
#navcontainer a:link, #navlist a:visited
{
color:#FFF;
text-decoration: none;
}
#navcontainer a:hover
{
background-color: #9fa09e;
color: #000000;
}
...