Listmenü

[Andreas]

Hallo,

ich habe ein Listmenü mit einem Sublistmenü Vertikal

menu1
menu2

• submenu1
• submenu2
  menu3

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

Danke

Andreas

[Auge]

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

[Andreas]

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