Trifecta buttons - 11/1/2006 4:34:30
I'm a beginner at all this CSS stuff, but I've put these Trifecta buttons in a test page here and it looks good.... but I don't know how to centre them.... and......is there any way to include them in the main part of the page so that the relative position of the buttons and the text/photographs remain the same when the screen size changes?
One more thing... the buttons are distorted in Mozilla/Firefox.... help!!
Tailslide
Posts: 6368 Joined: 5/10/2005 From: Out here on the raggedy edge Status: online
RE: Trifecta buttons - 11/1/2006 9:07:58
Add margin: 0 auto into your .menu rule to centre the buttons in all good browsers:
.menu {height: 30px; width: 720px;margin:0 auto;}
The buttons look fine for me in FF and Opera as well as IE7. Only issue is that the background colour is white so you've got white showing but you could edit that in Photoshop or your image editor.
They are in the main part of the page and do move with the rest of it when the page changes sizes.
RE: Trifecta buttons - 11/1/2006 9:24:35
Spot on Tailslide, it works perfectly in Firefox now.... thanks. The reason that the buttons look fine is that I've been working on the page this morning and made a few changes since I posted originally, but I was lost on the centering problem, so thanks very much.
< Message edited by hatters -- 11/2/2006 4:13:18 >