Navigations & Hoverbutton Problem

[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