Hallo
ich habe ein Listmenü mit einem Sublistmenü Vertikal
jetzt sollen nur die Haupmenus oben und unten einen Rand bekommen
menu1
menu2
- submenu1
- submenu2
- submenu3
- submenu4
menu3
Wie schaffe ich es das wenn sich zwei Hauptmenüpunkte ohne Submenu übereinander stehen das nur ein Rand und nicht zwei Ränder zu sehen sind wie bei Menu1 und Menu2
Das ist eine Frage der Darstellung, gehört also zu CSS. Dort kannst du für die menüpunkte eine border setzen. In diesem Fall ist border-bottom geeignet, wenn das Mutterelement, das alle Links der Liste beinhaltet, einen border-top verpasst bekommt.
z.B.:
<ul id="hauptmenue">
<li><a href="#">Link1 Hauptmenü</a></li>
<li><a href="#">Link2 Hauptmenü</a>
<ul>
<li><a href="#">Link1 Untermenü</a></li>
<li><a href="#">Link2 Untermenü</a></li>
<li><a href="#">Link3 Untermenü</a></li>
<li><a href="#">Link4 Untermenü</a></li>
</ul>
</li>
<li><a href="#">Link3 Hauptmenü</a></li>
</ul>
und
#hauptmenue {
border:1px solid;
border-bottom:none;
/* weitere Angaben zu Position und Aussehen */
}
#hauptmenue li {
border-bottom:1px solid;
/* weitere Angaben zum Aussehen */
}
#hauptmenue li li {
/* Punkte des/der Untermenue(s) sollen keinen Rand haben */
border-bottom:none;
/* weitere Angaben zum Aussehen */
}
Aus dem Gedächtnis notiert und somit ungetestet.
Tschö, Auge
--
Die Musik drückt aus, was nicht gesagt werden kann und worüber es unmöglich ist zu schweigen.
(Victor Hugo)
Veranstaltungsdatenbank Vdb 0.2
Die Musik drückt aus, was nicht gesagt werden kann und worüber es unmöglich ist zu schweigen.
(Victor Hugo)
Veranstaltungsdatenbank Vdb 0.2