Dropdown-Menü für die Webseite mit CSS

darrow

Dies ist der Down-Pfeil, also Pfeil nach unten. Dieser soll im Butten des Hauptmenüelemets angezeigt werden um zu verdeutlichen, dass sich hier ein Untermenü versteckt. Dieser wird hier wie folgt designd:

font-size: 11pt;

setzt die Größe des Pfeils, genau wie bei einer Schrift

position: absolut;

ermöglicht es den Pfeil direkt auf dem dazu gehörigen Hauptmenü-Listenfeld zu plazieren

top: 5px;

setzt diesen dann 5px unter die

Oberkante des zugehörigen Listenelementes

right: 4px

setzt diesen dann 4 Pixel neben

die rechte Kante des zugehörigen Listenelements

.darrow{
 font-size: 11pt;
 position: absolut;
 top: 5px;
 right: 4px;
}