1. Forum Styling ... buttons (Greg?)
- Posted by Jeremy Cowgar Jul 05, 2008
- 840 views
- Last edited Jul 06, 2008
Greg,
On IE (in Vista, whatever IE version that is) the top and bottom borders of the buttons (fake ones that are actually A tags) are not showing. Any thoughts on that?
Jeremy
2. Re: Forum Styling ... buttons (Greg?)
- Posted by Greg Haberek Jul 06, 2008
- 803 views
Greg,
On IE (in Vista, whatever IE version that is) the top and bottom borders of the buttons (fake ones that are actually A tags) are not showing. Any thoughts on that?
Jeremy
Oh great, another Internet Explorer issue! I'm really starting to dislike that application. Regardless, I have no way of testing this. I do not have Internet Explorer 7 (the version with Vista) nor do I wish to have it [IE7 or Vista]. It's got to be something to do with the CSS layout. Internet Explorer has never had proper support for CSS, or PNG files, or really anything for that matter.
.pagination a, .pagination span.label { border: 1px solid darkgray; padding: 2px 5px 2px 5px; margin-left: 3px; text-decoration: none; background-color: #eaeada; color: #555; }
First, let's break these up into their own groups:
.pagination a { border: 1px solid darkgray; padding: 2px 5px 2px 5px; margin-left: 3px; text-decoration: none; background-color: #eaeada; color: #555; } .pagination span.label { border: 1px solid darkgray; padding: 2px 5px 2px 5px; margin-left: 3px; text-decoration: none; background-color: #eaeada; color: #555; }
Then, let's expand the border property for the a tag:
.pagination a { border-left: 1px solid darkgray; border-top: 1px solid darkgray; border-right: 1px solid darkgray; border-bottom: 1px solid darkgray; padding: 2px 5px 2px 5px; margin-left: 3px; text-decoration: none; background-color: #eaeada; color: #555; }
Let's see if that fixes it!
-Greg
3. Re: Forum Styling ... buttons (Greg?)
- Posted by Jeremy Cowgar Jul 06, 2008
- 840 views
Let's see if that fixes it!
Nope, no difference. It happens to both A and SPAN's. Taking out the float: left, fixes the problem for the top nav bar. On the bottom nav bar, the border appears at the top, but not the bottom. I did put the float: left back in.
Jeremy
4. Re: Forum Styling ... buttons (Greg?)
- Posted by Greg Haberek Jul 06, 2008
- 812 views
Nope, no difference. It happens to both A and SPAN's. Taking out the float: left, fixes the problem for the top nav bar. On the bottom nav bar, the border appears at the top, but not the bottom. I did put the float: left back in.
Jeremy
It must have something to do with the style of the outer div. Try this:
.pagination { border: 0px; float: left; margin-top: 10px; margin-bottom: 10px; }
-Greg
5. Re: Forum Styling ... buttons (Greg?)
- Posted by Jeremy Cowgar Jul 06, 2008
- 835 views
.pagination { border: 0px; float: left; margin-top: 10px; margin-bottom: 10px; }
Not working. What is the purpose of the float: left; ? It looks good in Firefox and IE w/o float: left;
Jeremy
6. Re: Forum Styling ... buttons (Greg?)
- Posted by Greg Haberek Jul 06, 2008
- 813 views
Not working. What is the purpose of the float: left; ? It looks good in Firefox and IE w/o float: left;
Jeremy
Actually, it was for the search box I added, since it used "float: right;" so I guess you can omit it for now.
-Greg
7. Re: Forum Styling ... buttons (Greg?)
- Posted by Jeremy Cowgar Jul 06, 2008
- 828 views
Not working. What is the purpose of the float: left; ? It looks good in Firefox and IE w/o float: left;
Actually, it was for the search box I added, since it used "float: right;" so I guess you can omit it for now.
Ok. Search will come back, we can deal with it then.
Jeremy