html/css arrow-down an menü-item binden

Matthias S. Gast #5775724
Lesenswert?
• ▲
▼ 
Hallo,

bei einem dropdown-menü soll dem Nutzer ein Pfeil signalisieren, hier 
gibt es was zum Aufklappen. Funktioniert soweit, nur seht Ihr 
wahrscheinlich, was das Problem ist. Aktuell gebe ich in der css Datei 
eine pixelgenaue Position an, was auf dem einen System so und dem 
anderen so aussieht.

Ich würde das gerne anders machen und den arrow direkt an das erste div 
mit der Klasse menü binden. Frage, geht das überhaupt oder wie würdet 
Ihr so einen arrow implementieren, wenn nicht so?

1
<div class="menue">links<div class="arrow-down"></div>...</div>

2


3
.arrow-down

4
{

5
  width: 0; 

6
  height: 0; 

7
  position: absolute;

8
  top: 100px;

9
  left:100px;

10
}
Antwort Zitieren Bearbeiten Thread verschieben Thread sperren Anmeldepflicht aktivieren Anpinnen Thread löschen Thread mit anderem zusammenführen Beitrag melden
qsk Gast #5775889
Lesenswert?
• ▲
▼ 
bzw mit ::after
Ich würde die Links mit Listen machen. So hab ich's eben mal auf die 
Schnelle gemacht:

1
<!doctype html>

2
<html lang="de">

3
<head>

4
  <meta charset="utf-8">

5


6
  <title>Menu</title>

7
<style>

8
ul {

9
  list-style: none;

10
}

11
.menueintrag::after {

12
   content: "⮞";

13
}

14
</style>

15
</head>

16
  <li><å class="menueintrag" håref="dahin">link 1</å></li>

17
  <li><å class="menueintrag" håref="dahin">link 2</å></li>

18
  <li><å class="menueintrag" håref="dahin">link 3</å></li>

19
<body>

20
<ul class="menue">

21


22


23
</ul>

24
</body>

25
</html>
Antwort Zitieren Bearbeiten Löschen Beitrag melden
Matthias S. Gast #5776125
Lesenswert?
• ▲
▼ 
Ich habe gerade etwas gefunden, was eigentlich naheliegend war, an das 
ich aber nicht gedacht habe. Der Unicode-Zeichensatz beinhaltet 
Sonderzeichen, wie etwa &#9662; und fertig ist die Laube. Das was ich 
brauchte und mit der Positionierung gibt es keinerlei Probleme mehr.
Antwort Zitieren Bearbeiten Löschen Beitrag melden
Thread beobachten

Antwort schreiben

Bitte melde dich an, um einen Beitrag zu schreiben.

Bestehender Account

oder

Mit Google-Account einloggen

Noch kein Account?

Die Registrierung ist kostenlos und dauert nur eine Minute.

Jetzt registrieren