• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Frage HTML Menüpunkte - Feste Position?

P

pipolo100

Neues Mitglied
Hallo,

Ich habe vor ein paar Monaten angefangen mich in HTML und CSS einzulesen.
Bei einem Versuch, eine Webseite zu programmieren, komme ich an folgendes Problem und finde leider nicht die Lösung:
Beim Mouseover bei der Navigation verändert sich durch das Einblenden von dem Pfeil (in der CSS eingefügt als list-style) die Position der Navi, was mir nicht gefällt.
Ich hätte gerne, das "Home About Portfolio Contact" an der selben Position bleibt, der Pfeil soll einfach nur beim Mouseover vor den jeweiligen Menüpunkt eingeblendet werden.

Screenhot:

menu_punktea3uwe.jpg


Ich hoffe ich habe mich einigermaßen verständlich ausgedrückt :).

Vielen Dank schonmal,
P100
 
Werbung:
Hallo,

mal abgesehen davon dass Webseiten nicht programmiert werden, können wir dir ohne Link zu deiner Seite kaum weiterhelfen.

Gruss

MrMurphy
 
Also, wenn es so aussieht, sollte alles funktionieren.
Code: 
<!DOCTYPE HTML>
<html>
<head>
<meta charset="UTF-8">
<title>Navigation</title>
<style>

ul  {
  float:left;
  background:#333;
  margin-left:100px;  
  padding-left:30px;  
  list-style:none;   
}

li {
 margin:0;
 padding:0 20px 0 0;
}

ul a {
 display:block;
 color:#fff;
 font-weight:bold;
 padding:10px 5px;
 text-decoration:none;
}

ul li:hover {
 background:#a33;
 list-style:square url("arrow_right.gif");color:#fff;
}
</style>
</head>

<body>
<ul>
<li><a href="#">Home </a></li>
<li><a href="#">About </a></li>
<li><a href="#">Impressum </a></li>
<li><a href="#">Contact </a></li>
</ul>
</body>
</html>
 
Werbung:
Du musst dich einloggen oder registrieren, um hier zu antworten.

Neueste Beiträge

Zurück
Oben