HTML Menüpunkte - Feste Position?

html.de-Forum HTML, XHTML & CSS
1

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:

http://abload.de/img/menu_punktea3uwe.jpg

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

Vielen Dank schonmal,
P100

2

Hallo,

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

Gruss

MrMurphy

3

Also, wenn es so aussieht, sollte alles funktionieren.

<!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>