✔ Problem bei horizontaler Navigation

[alex130]

Das hab ich auch schon versucht, dann wird die Grafik zwar angezeigt, aber zu weit links, obwohl ich eh

margin:0 auto;

hab.
LG Alex

 

[Maik]

Ein Hintergrundbild lässt sich auch nicht mit der margin-, sondern mit der dafür vorgesehenen background-position-Eigenschaft in seinem Anzeigebereich ausrichten.

Die allgemeine background-Eigenschaft wird dann einfach um die beiden Positionsangaben ergänzt:

background: url(images/container_bg.jpg) repeat-y center top;

Mit dieser Anweisung wird das Hintergrundbild in der Mitte und am oberen Rand des DIVs #container positioniert. Sinnigerweise ist diese Grafik entsprechend der Summe der beiden Spalten 800px breit.

 

[alex130]

Danke hat funktioniert.
Schöne Ostern.
LG Alex

 

[alex130]

Hi
Hab wieder mal ne Frage ^^ bzw. ein Problem und es passt sorgar zum Threadtitel und zwar hab ich folgenden Code:

#topnavi {
width:100%;
height:40px;
background: #262626 url(images/topnavi_bg.jpg);
margin-bottom: 25px;
}

/* TOPNAVI */

#topnavi ul {
list-style-type: none;
margin: 0px;
padding: 0px;
}

#topnavi li {
display: inline;
margin: 0px;
padding: 0px;
width: 100px;
height: 40px;
}

#topnavi a:link, #topnavi a:active {
width: 100px;
height: 40px;
float: left;
}

#topnavi a:hover {
background: url(images/topnavi_bg_hover.png);
}

und der Hintergrund beim Hover wird nicht in voller Größe dargestellt.
Woran liegt das?
Danke

 

[Maik]

Hi,

kann man sich das "live" anschauen, denn ohne die Hintergrundbilder ist da nicht viel erkennen.

 

[alex130]

Ja hier die Topnavi:

 

[Maik]

Nimm mal die Pseudoklasse :visited im Selektor auf :

#topnavi a:link, #topnavi a:visited, #topnavi a:active {
width: 100px;
height: 40px;
float: left;
}

 

[alex130]

Danke es funktioniert, nur noch eine Frage, warum is meine Navi nicht in der Mitte? Also die Links, sollte doch eigtl. richtig eingestellt sein.
Danke

 

[Maik]

Falls du den Linktext meinst, muss dieser noch mit text-align:center entsprechend ausgerichtet werden.

Wenn du aber von der Listennavigation sprichst, schau dir mal Stu Nicholls' Beispiel http://www.cssplay.co.uk/menus/centered.html an, um ein floatendes Listenmenü horizontal zu zentrieren.

 

[alex130]

So und einmal gehts noch ^^, ich hoffe ich nerv dich damit nicht zu sehr...
und zwar, im IE 7 und vll. auch im 6er ist der Balken vom "<Legend>" verrutscht.
Weißt du warum? In FF is es ganz normal.
Danke