Listmenü
Andreas
- php
Hallo,
ich habe ein Listmenü mit einem Sublistmenü Vertikal
menu1
menu2
jetzt sollen nur die Haupmenus oben und unten einen Rand bekommen
-----
menu1
-----
-----
menu2
-----
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
Danke
Andreas
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
Danke
werde ich ausprobieren
noch mal vielen Dank
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
>
> ~~~css
#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