I followed the awesome example here:
CSS Rollover Buttons - The Trifecta Buttons (<!-- m --><a class="postlink" href="http://www.search-this.com/website_design/css_rollover_buttons.aspx">http://www.search-this.com/website_desi ... ttons.aspx</a><!-- m -->)
Here is my page (<!-- m --><a class="postlink" href="http://behan-law.com/buttons.php">http://behan-law.com/buttons.php</a><!-- m -->) .
I want those buttons centered, but can't seem to figure out where and what to put where to get them centered.
I have tried both text-align: center; and margin: 0 auto; in the .menu description, both had no effect.
It is pretty clean CSS, so I don't understand why they just won't center for me....
Also, in Firefox 1.5, the divs are properly sized - but not in IE6 - the .cssnav rule says that the div should be only 54px in height, which works in Firefox but not in IE. (note: thin red borders are temporary only for showing div height)
Any thoughts on this one?
Thanks for any help!
~Andy
__________________
"The charm of fishing is that it is the pursuit
of what is elusive but attainable, a perpetual
series of occasions for hope."
~John BuchanAssuming the red border is removed:<!--MAIN NAVIGATION START-->
<div class="menu">
<div style="width:600px; margin:0 auto;">
<div class="cssnav"><a href=http://www.webdeveloper.com/forum/archive/index.php/"http://behan-law.com/who.php" title="Who We Are"><img src="common/img/menubar_blank_off.gif" alt="Who We Are"><span>Who We Are</span></a></div>
<div class="cssnav"><a href=http://www.webdeveloper.com/forum/archive/index.php/"http://behan-law.com/what.php" title="What We Do"><img src="common/img/menubar_blank_off.gif" alt="What We Do"><span>What We Do</span></a></div>
<div class="cssnav"><a href=http://www.webdeveloper.com/forum/archive/index.php/"http://behan-law.com/bio.php" title="Biography"><img src="common/img/menubar_blank_off.gif" alt="Biography"><span>Biography</span></a></div>
<div class="cssnav"><a href=http://www.webdeveloper.com/forum/archive/index.php/"http://behan-law.com/jobs.php" title="Careers"><img src="common/img/menubar_blank_off.gif" alt="Careers"><span>Careers</span></a></div>
<div class="cssnav"><a href=http://www.webdeveloper.com/forum/archive/index.php/"http://behan-law.com/contact.php" title="Contact Us"><img src="common/img/menubar_blank_off.gif" alt="Contact Us"><span>Contact Us</span></a></div>
</div>
</div>
Having the links in an unordered list would have been better.Sweet! Thanks!
That worked like a charm!
CSS Rollover Buttons - The Trifecta Buttons (<!-- m --><a class="postlink" href="http://www.search-this.com/website_design/css_rollover_buttons.aspx">http://www.search-this.com/website_desi ... ttons.aspx</a><!-- m -->)
Here is my page (<!-- m --><a class="postlink" href="http://behan-law.com/buttons.php">http://behan-law.com/buttons.php</a><!-- m -->) .
I want those buttons centered, but can't seem to figure out where and what to put where to get them centered.
I have tried both text-align: center; and margin: 0 auto; in the .menu description, both had no effect.
It is pretty clean CSS, so I don't understand why they just won't center for me....
Also, in Firefox 1.5, the divs are properly sized - but not in IE6 - the .cssnav rule says that the div should be only 54px in height, which works in Firefox but not in IE. (note: thin red borders are temporary only for showing div height)
Any thoughts on this one?
Thanks for any help!
~Andy
__________________
"The charm of fishing is that it is the pursuit
of what is elusive but attainable, a perpetual
series of occasions for hope."
~John BuchanAssuming the red border is removed:<!--MAIN NAVIGATION START-->
<div class="menu">
<div style="width:600px; margin:0 auto;">
<div class="cssnav"><a href=http://www.webdeveloper.com/forum/archive/index.php/"http://behan-law.com/who.php" title="Who We Are"><img src="common/img/menubar_blank_off.gif" alt="Who We Are"><span>Who We Are</span></a></div>
<div class="cssnav"><a href=http://www.webdeveloper.com/forum/archive/index.php/"http://behan-law.com/what.php" title="What We Do"><img src="common/img/menubar_blank_off.gif" alt="What We Do"><span>What We Do</span></a></div>
<div class="cssnav"><a href=http://www.webdeveloper.com/forum/archive/index.php/"http://behan-law.com/bio.php" title="Biography"><img src="common/img/menubar_blank_off.gif" alt="Biography"><span>Biography</span></a></div>
<div class="cssnav"><a href=http://www.webdeveloper.com/forum/archive/index.php/"http://behan-law.com/jobs.php" title="Careers"><img src="common/img/menubar_blank_off.gif" alt="Careers"><span>Careers</span></a></div>
<div class="cssnav"><a href=http://www.webdeveloper.com/forum/archive/index.php/"http://behan-law.com/contact.php" title="Contact Us"><img src="common/img/menubar_blank_off.gif" alt="Contact Us"><span>Contact Us</span></a></div>
</div>
</div>
Having the links in an unordered list would have been better.Sweet! Thanks!
That worked like a charm!