Bild bei Hover Link

[Käsebrötchen]

Also, ich habe einen <div> teil auf der homepage, der mit einem hintergrundbild versehen ist, welches 150 px breit ist.
darauf stehen dann verschiedene links, die zentriert sind...
ich mächte jetzt, wenn man über einen link fährt, dass ein anderes, auch 150px breites bild das hintergrundbild "überschreibt"
versucht hab ich das mit folgendem code:

a:hover.navi {
   color: #ffffff;
   background-image:url("images/liston.jpg");
   background-size: 150px;
   background-repeat:no-repeat:
   background-position:left;
   text-decoration: bold;
}

jetzt kommt da leider nur immer ein teil des bildes, da die links unterschiedlich lang sind etc und das sieht sehr...schlecht aus um es mal gnädig zu sagen

kann mir jemand helfen, dass es so ist, wie ich es haben will?
mfg
käsebrötchen

[bleicher]

Abend!

durch das zufügen von disply:block; Eigenschaft kannst du "width" angeben.(Anzeige in Reihe kannst du rurch float:left; erzwingen)

[Käsebrötchen]

durch das zufügen von disply:block; Eigenschaft kannst du "width" angeben.(Anzeige in Reihe kannst du rurch float:left; erzwingen)

danke, eigentlich klappt jetzt auch fast alles ganz gut, nur dass, wenn ich "Display:blcok;" einfüge zwischen den links ein großer abstand ist...kann man das irgendwie ändern?

[Ingo Turski]

Hi,

a:hover.navi {

die Reihenfolge solltest Du ändern.

background-image:url("images/liston.jpg");

Die Qutes sind überflüssig.

background-size: 150px;

was soll das sein?

background-position:left;

Du solltest eigentlich eine Koordinate angeben.

text-decoration: bold;

Wie kommst Du bloß auf solch eine Idee?

freundliche Grüße
Ingo

[MudGuard]

Hi,

background-size: 150px;
was soll das sein?

CSS 3 - siehe http://www.w3.org/TR/css3-background/#the-background-size

background-position:left;
Du solltest eigentlich eine Koordinate angeben.

Hat er doch. Siehe http://www.w3.org/TR/CSS21/colors.html#propdef-background-position

text-decoration: bold;
Wie kommst Du bloß auf solch eine Idee?

... to boldly go where no text-decoration went before ... ;-)

cu,
Andreas

[Ingo Turski]

Hi,

CSS 3 - siehe http://www.w3.org/TR/css3-background/#the-background-size

jaja... Zukunftsmusik.

Du solltest eigentlich eine Koordinate angeben.

Hat er doch. Siehe http://www.w3.org/TR/CSS21/colors.html#propdef-background-position

Bist Du sicher, dass die Browser (bes. der IE) mit left 0% (Initialwert) zurecht kommen?

freundliche Grüße
Ingo

[MudGuard]

Hi,

http://www.w3.org/TR/CSS21/colors.html#propdef-background-position

Bist Du sicher, dass die Browser (bes. der IE) mit left 0% (Initialwert) zurecht kommen?

Da der Initial Value nicht left 0% ist, sondern 0% 0%, verstehe ich die Frage nicht.

cu,
Andreas

[Ingo Turski]

Hi,

Bist Du sicher, dass die Browser (bes. der IE) mit left 0% (Initialwert) zurecht kommen?

Da der Initial Value nicht left 0% ist, sondern 0% 0%, verstehe ich die Frage nicht.

Ich frage mich halt, was ein Browser bei einem Initial Value von 0% 0% bei Angabe von left macht - wenn er mit der Mischung aus % und left Probleme hat.

freundliche Grüße
Ingo

[MudGuard]

Hi,

Bist Du sicher, dass die Browser (bes. der IE) mit left 0% (Initialwert) zurecht kommen?
Da der Initial Value nicht left 0% ist, sondern 0% 0%, verstehe ich die Frage nicht.
Ich frage mich halt, was ein Browser bei einem Initial Value von 0% 0% bei Angabe von left macht - wenn er mit der Mischung aus % und left Probleme hat.

left ist gleichbedeutend mit left center ist gleichbedeutend mit 0% 50%.
Wie an der von mir verlinkten Stelle nachzulesen ist.

cu,
Andreas

[Ingo Turski]

Hi,

left ist gleichbedeutend mit left center ist gleichbedeutend mit 0% 50%.
Wie an der von mir verlinkten Stelle nachzulesen ist.

danke; hatte ich doch glatt überlesen.

freundliche Grüße
Ingo