Navigations-Menü mit Button-Effekt

Wenn Sie die Höhe der Buttons verändern wollen, müssen Sie wie folgt vorgehen:

Ändern Sie einfach die beiden CSS-Anweisungen line-height und height - machen Sie sie größer, werden die Buttons ebenso größer; wenn die beiden CSS-Befehle kleiner gemacht werden, verkleinern sich im gleichen Augenblick auch die Buttons.

Auszug aus dem CSS-Code:

a.button span {
	          background:#d4d0c8 url(images/bg_btn.gif) repeat-x;
	          float:left;
                  line-height:24px;
                  height:24px;
                  padding:0 10px;
	          border-right:1px solid #777;
	          border-bottom:1px solid #777;
	     }

Durch den CSS-Befehl width:auto; sind die einzelnen Buttons in der Breite flexibel und wachsen mit der Länge des Textes mit!

[ Horizontale Navigation erstellt nach einer Idee von Css Globe ]