Navigation - Hintergrundbild abgeschnitten [erledigt] geschlossen

[jakob2010]

Hallo,

ich habe gerade das Problem, dass das mit der Navigation nicht so richtig klappt.
Ich habe mir ne Grafik erstellt, die in der horizontalen Navigation als Hintergrund sein soll.

Hier die Seite, worum es geht.

Oben müsste eigentlich immer bei jedem

• diese Grafik sein:
  
  
  
  
  Hier der HTML-Text:
  
  

  [LIST]
  
  [*][URL='https://finale.freesoft-board.to/#Beispiel']Seite 1[/URL]
  
  [*][URL='https://finale.freesoft-board.to/#Beispiel']Seite 2[/URL]
  
  [*][URL='https://finale.freesoft-board.to/#Beispiel']Seite 3[/URL]
  
  [*]aktuelle Seite
  
  [*][URL='https://finale.freesoft-board.to/#Beispiel']Seite 5[/URL]
  
  [*][URL='https://finale.freesoft-board.to/#Beispiel']Seite 6[/URL]
  
  [/LIST]

  
  Hier der CSS-Code:
  
  

  ul#Navigation {
  margin: 0; padding: 0.8em;
  text-align: center;
  }
  
  ul#Navigation li {
  list-style: none;
  display: inline;
  margin: 0.4em; padding: 0;
  background:url(/images/navi.png) repeat-x;
  }
  
  ul#Navigation a, ul#Navigation span {
  padding: 0.2em 1em;
  text-decoration: none; font-weight: bold;
  }

  
  Leider klappt es irgendwie nicht so, wie ich will. Was muss ich ändern, damit die Grafik komplett angezeigt wird und nicht abgeschnitten wird?
  
  
  Gruß, Jakob

 

[Broken Sword]

Hi,
warum vergrößerst du nicht einfach li oder a Tag mittels width und height.
Bsp.

ul#Navigation li {
width:150px;
height:55px;
}

Gruß
Broken Sword

 

[jakob2010]

Danke für die Antwort Broken Sword, das hatte ich aber schon probiert. Es funktioniert nicht. Es verändert sich absolut nichts, wenn ich die Höhe und Breite vergrößer (aktuell ist die Breite auf 150px und die Höhe auf 55px).

 

[Broken Sword]

Okay,
sehe jetzt erst, dass du die Darstellungsweise geändert hast. Nimm display:inline raus, dann klappt's auch mit der Höhe. Kannst es ja mit float:left ersetzen.

Gruß
Broken Sword

 

[jakob2010]

Okay, vielen Dank!

Habs jetzt zwar vorerst mit normalen Grafiken (ohne CSS) geregelt, aber nun weiß ich ja wo mein Fehler lag.

Kann geschlossen werden.