Navigations & Hoverbutton Problem

[Stefan Heitmann]

Guten Tag,

also ich habe zwei Probleme und zwar ich will in einem Seitenframe eine Leiste erstellen, untereinander stehen dann also die Buttons auf die man klicken kann.

1. Wie bekomme ich das hin das die Buttons ohne Rand untereinander stehen, ich will das die ganz nahtlos aneinander untereinander angrenzen.

2. Wie bekomme ich einen möglichst Crossbrowserfähiges Hoverbutton mit zwei Grafiken hin (das als Link fungieren soll). Es gibt da mehrere Möglichkeiten, aber welche ist am besten ?

Vielen Dank im Voraus

Stefan

[Alexander Brock]

Hallo,

also ich habe zwei Probleme und zwar ich will in einem Seitenframe eine Leiste erstellen, untereinander stehen dann also die Buttons auf die man klicken kann.

Ein anderes Problem sind die Frames.

1. Wie bekomme ich das hin das die Buttons ohne Rand untereinander stehen, ich will das die ganz nahtlos aneinander untereinander angrenzen.

Was hast du bisher versucht? (Code)

2. Wie bekomme ich einen möglichst Crossbrowserfähiges Hoverbutton mit zwei Grafiken hin (das als Link fungieren soll). Es gibt da mehrere Möglichkeiten, aber welche ist am besten ?

Welche kennst du denn?

Gruß
Alexander Brock

[Gernot Back]

Hallo Stefan,

also ich habe zwei Probleme und zwar ich will in einem Seitenframe eine Leiste erstellen, untereinander stehen dann also die Buttons auf die man klicken kann.

1. Wie bekomme ich das hin das die Buttons ohne Rand untereinander stehen, ich will das die ganz nahtlos aneinander untereinander angrenzen.

Indem du die Buttons floaten lässt, gleichzeitig aber durch die Weite des übergeordneten Navigationsleisten-Elements sicherstellst, dass nie mehr als ein Button nebeneinanderpasst (den Buttons verpasst du auch eine entsprechende Weite)

2. Wie bekomme ich einen möglichst Crossbrowserfähiges Hoverbutton mit zwei Grafiken hin (das als Link fungieren soll). Es gibt da mehrere Möglichkeiten, aber welche ist am besten ?

a.button {
  background-image:url(deinNormalButton.gif);
  width:Xpx;
  height:Ypx;
  float:left;
}

a.button:hover {
  background-image:url(deinHoverButton.gif);
}

.leiste {
  width: <2*Xpx; // weniger als das Doppelte der Buttonweite
}

Gruß Gernot