CSS: Abstand wird nicht richtig berechnet

[c-f-g]

Ich habe in meiner Seite eine Linkleiste, deren einzelne Links ich per CSS voneinander trennen möchte.

In der .css habe ich es wie folgt definiert:

.Menue { background-color: #FFFF66; margin: 10px; }

Und die Links binde ich dann so ein:

<a href"..." class="Menue">

Der Abstand nach links und rechts klappt soweit auch, nur wird der Abstand nach unten (vermutlich aufgrund des Zeilenumbruchs) nicht berücksichtigt. Was kann ich dagegen machen?

edit: Achso ist unter FF 1.0.7 glaube aber nicht, dass das eine Rolle spielt.

[derHund]

vermutlich aufgrund des Zeilenumbruchs

pack das mal ineine liste, du brauchst dort kein br.

Der Abstand nach links und rechts klappt soweit auch, nur wird der Abstand nach unten

hast du schonmal etwas von inline- und block-elementen gehört? formatier deine links mal display:block.

[c-f-g]

Nein, Du verstehst mich falsch, der Zeilenumbruch kommt automatisch, nicht durch ein

Daher hilft mir display: block auch nicht.

Ich sollte die Linkleiste vielleicht mal etwas genauer beschreiben. Die sieht so aus:

Link1 Link2 Link3 Link4 ... Linkn

Da diese eine gewisse Breite haben und die Seite auch, werden die irgendwann umgebrochen.

[derHund]

pack das ganze in eine liste, dem ul kannst du margin/padding in alle richtungen verpassen. um eine horizontal liste zu erhalten, mußt du die lis inline formatieren.

[c-f-g]

Kannst Du den Code bitte direkt mal postenm versteh nicht genau, wie Du es meint, danke

[derHund]

du verwendest eine normale, ungeordnete liste ... und

ul {
  list-style : none;
  margin : ...;
  padding : ...;
  // weiteres
}
ul li {
  display : inline;
  // weiteres
}

schau mal: http://css.maxdesign.com.au/listamatic/

[c-f-g]

Danke erstmal, der Link hat mir sehr weitergeholfen

Jetzt habe ich noch eine (hoffentlich) abschließende Frage:

Ich habe mich für die Horizontal Bullet On Hover entschieden und hätte gern, daß der Pfeil angezeigt und der Link schwarz ist, wenn dieser aktiv ist. Dazu habe ich aus

#navlist a:hover
{
color: black;
padding-left: 20px;
background: url(http://hekima.lionking.org/randomness/arrowbullet.gif);
background-repeat: no-repeat;
background-position: 0 -14px;}

#navlist a:hover, #navlist a:active
{
color: black;
padding-left: 20px;
background: url(http://hekima.lionking.org/randomness/arrowbullet.gif);
background-repeat: no-repeat;
background-position: 0 -14px;}

gemacht, funktioniert allerdings nicht - woran liegt das?

[c-f-g]

Hüülfe