Ein 'gediegenes' Menü mit nahezu grafischer Anmutung. Ein vergrößerter äußerer Container mit einer Hintergrundgrafik könnte hier für noch mehr künstlerischen Eindruck sorgen. Dieses Menü läßt sich hervorragend skalieren.
/* kunstvolles Menue */ #buttonbox { width: 10em; margin: 0 auto; padding: 4px; background-color: #d0843e; color: #000; border: 3px solid; border-color: #78561d #e2bf87 #e2bf87 #78561d; } #buttonbox .cc { display: block; border: 1px solid; border-color: #78561d #e2bf87 #e2bf87 #78561d; } .button3 { padding: 1px; border: 3px solid; border-color: #e2bf87 #78561d #78561d #e2bf87; } .button3 .fatbutt, .button3 .aa, .button3 .bb { display: block; } .button3 .fatbutt { padding: 2px 1px 2px 0; text-decoration: none; text-align: center; background-color: #e0d0b0; color: #600; border: 3px solid; border-color: #e7dbc2 #d6c093 #d6c093 #e7dbc2; } .button3 .aa { padding: 1px; border: 2px solid; border-color: #937639 #c2a361 #c2a361 #937639; } .button3 .bb { border: 1px solid #555; } .button3 a:hover.fatbutt { padding: 2px 0 2px 1px; border: 3px solid; border-color: #d6c093 #ebdfc6 #ebdfc6 #d6c093; background-color: #e6d9bc; color: #900; }