iEntry 10th Anniversary Forum Rules Search
WebProWorld
Register FAQ Calendar Mark Forums Read
Go Back   WebProWorld > Site Design > Graphics & Design Discussion Forum
IE doesn't show top and bottom CSS border
Index Link To US Private Messages Archive FAQ RSS
Graphics & Design Discussion Forum Post your graphics design questions/comments/ideas in here. Ask questions, post tutorials, discuss trends and best practices. Sub-forum for website accessibility and usability.

Share Thread: & Tags

Share Thread:

Reply
 
LinkBack Thread Tools Display Modes
  #1 (permalink)  
Old 11-15-2007, 08:20 PM
WebProWorld Pro
  
Join Date: Apr 2006
Location: Earth
Posts: 256
blitzen RepRank 0
Default IE doesn't show top and bottom CSS border
I can't get IE to display the top and bottom border for a display:inline format, although the left and right are displayed.
FF displays all borders fine.

Any help is appreciated. Thanks!

.
__________________
Advertising without research is like shooting an arrow into the air and
then looking up for a target to catch it with.
Reply With Quote
  #2 (permalink)  
Old 11-18-2007, 09:49 PM
Moderator
WebProWorld Moderator
  
Join Date: Oct 2003
Location: Alberta, Canada
Posts: 878
weegillis RepRank 6weegillis RepRank 6weegillis RepRank 6weegillis RepRank 6weegillis RepRank 6weegillis RepRank 6weegillis RepRank 6
Default Re: IE doesn't show top and bottom CSS border
Can you provide us with an example, please?
Reply With Quote
  #3 (permalink)  
Old 01-05-2008, 07:45 PM
WebProWorld Pro
  
Join Date: Apr 2006
Location: Earth
Posts: 256
blitzen RepRank 0
Default Re: IE doesn't show top and bottom CSS border
Sorry for the delay in getting back. The holidays kept me busier than others.

Here is a page to look at in FF and IE.
Look at the buttons just below the banner and to the right of the Search at the right margin.

IE doesn't show the top/bottom borders.

Index of New Items Everyday Sales. Gardécor®, Inc
__________________
Advertising without research is like shooting an arrow into the air and
then looking up for a target to catch it with.
Last edited by blitzen; 01-05-2008 at 07:50 PM.
Reply With Quote
  #4 (permalink)  
Old 01-05-2008, 11:21 PM
sands's Avatar
WebProWorld Veteran
  
Join Date: Sep 2005
Location: Kerala, India
Posts: 395
sands RepRank 1
Default Re: IE doesn't show top and bottom CSS border
You need to make an addition in the 'horizMenu.css' file. Just add the line: 'height:1%;' under '.bevelmenu li a'.
__________________
My Nook | My Biz | My Photos
Last edited by sands; 01-05-2008 at 11:28 PM.
Reply With Quote
  #5 (permalink)  
Old 01-11-2008, 12:05 PM
WebProWorld Pro
  
Join Date: Apr 2006
Location: Earth
Posts: 256
blitzen RepRank 0
Default Re: IE doesn't show top and bottom CSS border
Quote:
Originally Posted by sands View Post
You need to make an addition in the 'horizMenu.css' file. Just add the line: 'height:1%;' under '.bevelmenu li a'.
Hi,
Thank you for the advice, however, it doesn't work - I'm using IE7.
I compared before and after adding that line and both look exactly the same. Putting the "height:1%;" as either the first line or last line after the ".bevelmenu li a" doesn't work with IE7.

To accentuate the top of the button, I changed from
border-top-color: #DDDDDD;
to
border-top-color: #FFFFFF;

Do you have any other suggestions?
__________________
Advertising without research is like shooting an arrow into the air and
then looking up for a target to catch it with.
Reply With Quote
  #6 (permalink)  
Old 01-11-2008, 12:38 PM
sands's Avatar
WebProWorld Veteran
  
Join Date: Sep 2005
Location: Kerala, India
Posts: 395
sands RepRank 1
Default Re: IE doesn't show top and bottom CSS border
Try "height:21px" instead.
__________________
My Nook | My Biz | My Photos
Reply With Quote
  #7 (permalink)  
Old 01-11-2008, 04:37 PM
WebProWorld Pro
  
Join Date: Apr 2006
Location: Earth
Posts: 256
blitzen RepRank 0
Default Re: IE doesn't show top and bottom CSS border
height:21px; doesn't work.
Neither does height:100px;
__________________
Advertising without research is like shooting an arrow into the air and
then looking up for a target to catch it with.
Reply With Quote
  #8 (permalink)  
Old 01-11-2008, 08:36 PM
sands's Avatar
WebProWorld Veteran
  
Join Date: Sep 2005
Location: Kerala, India
Posts: 395
sands RepRank 1
Default Re: IE doesn't show top and bottom CSS border
Strange, as when I extracted the relevant code it worked in IE7, FF and Opera. Just check out the following code and let me know how the menu looks.
Code:
<style type="text/css">
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.bevelmenu{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: bold;
	padding: 0;
	margin: 0;
	width: 100%;
	background-color: #006633;
	text-align: center;
}

.bevelmenu li{
	list-style: none;
	display: inline;
}

.bevelmenu li a{
	height:21px;
	padding: 2px 4px;
	text-decoration: none;
	color: #FFFFFF;
	background-color: #007744;
	border-top: 1px #DDDDDD solid;
	border-right: 2px #004411 solid;
	border-bottom: 2px #004411 solid;
	border-left: 1px #DDDDDD solid;
}

.bevelmenu li a:hover{
	background-color: #FFFFCC;
	color: #000000;
	border-style: outset;
}
</style>

<body bgcolor="#006633">

<table><tr><td style="color: #FFFFFF">

<table border="0" cellpadding="0" cellspacing="0" width="529">
<tr><td height="21">
<ul class="bevelmenu">
	<li><a href="http://www.gardecor.com/" class="whiteText">Gardecor&reg; Entry</a>
	</li>
	<li><a href="http://www.gardecor.com/cgi-bin/cp-app.cgi?usr=51G8655341&amp;rnd=7415931&amp;rrc=N&amp;act=&amp;pg=storepolicies" class="whiteText" rel="nofollow">Customer Service | Privacy | Security | Policies</a>
	</li>
	<li><a href="http://www.gardecor.com/cgi-bin/Inquiries/ttx.cgi" rel="nofollow">Email Us 24x7</a>
	</li>
</ul>
</td></tr>
<tr><td align="center" height="21">
<ul class="bevelmenu">
	<li><a href="http://www.gardecor.com/cgi-bin/cp-app.cgi?usr=51G8655341&amp;rnd=7415931&amp;rrc=N&amp;act=&amp;pg=ste_about_quotes" rel="nofollow">About Quotes</a>
	</li>
	<li><a href="http://www.gardecor.com/cgi-bin/cp-app.cgi?usr=51G8655341&amp;rnd=7415931&amp;rrc=N&amp;act=&amp;pg=ste_termsOfSale" rel="nofollow">Terms of Sale</a>
	</li>
	<li><a href="http://www.gardecor.com/cgi-bin/cp-app.cgi?usr=51G8655341&amp;rnd=7415931&amp;rrc=N&amp;act=&amp;pg=track" rel="nofollow"><span class="hlYellow">Track Order/Quote</span></a>
	</li>
	<li><a href="http://www.gardecor.com/cgi-bin/cp-app.cgi?usr=51G8655341&amp;rnd=7415931&amp;rrc=N&amp;act=&amp;pg=cart" rel="nofollow"><span class="hlYellow">YOUR CART</span></a>
	</li>
	<li><a href="https://www.gardecor.com/cgi-bin/cp-app.cgi?usr=51G8655341&amp;rnd=7415931&amp;rrc=N&amp;act=&amp;pg=ste_chkout_proc&amp;secure=Y&amp;pg=ste_chkout_proc" rel="nofollow"><span class="hlYellow">CHECKOUT</span></a>
	</li>
</ul>
</td></tr></table>

</td></tr></table>
__________________
My Nook | My Biz | My Photos
Reply With Quote
  #9 (permalink)  
Old 01-17-2008, 11:49 AM
WebProWorld Pro
  
Join Date: Apr 2006
Location: Earth
Posts: 256
blitzen RepRank 0
Default Re: IE doesn't show top and bottom CSS border
Strange for certain.

Sorry, I don't see the top and bottom borders on the breadcrumbs just below the top banner.

I don't think it could be a browser setting because I see the left and right borders.

Thank you.
__________________
Advertising without research is like shooting an arrow into the air and
then looking up for a target to catch it with.
Reply With Quote
Reply

  WebProWorld > Site Design > Graphics & Design Discussion Forum

« WordPress.com versus WordPress.org --- at last some clarity! | Site Build It pros and cons »
Thread Tools
Display Modes
Linear Mode Linear Mode

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts
BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are On
Pingbacks are On
Refbacks are On

Similar Threads
Thread Thread Starter Forum Replies Last Post
Border-Bottom CSS Madness incraftfun Graphics & Design Discussion Forum 4 02-09-2007 09:54 AM
How to put links in the bottom of your post rjjj111 The Castle Breakroom (General: Any Topic) 6 11-30-2006 02:59 PM
apply bottom border to row css wipeout Graphics & Design Discussion Forum 2 02-15-2005 03:58 PM
Googling the Bottom Line WPW_Feedbot Search Engine Optimization Forum 0 02-03-2005 10:30 AM
Bottom Gun WPW_Feedbot The Castle Breakroom (General: Any Topic) 0 12-15-2004 12:39 PM


All times are GMT -4. The time now is 02:46 AM.

WebProWorld - Archive - Top

WebProWorld | Advertise | Contact Us | About | Forum Rules | MVP's | Archive | Newsletter Archive | Top | WebProNews
WebProWorld is an iEntry, Inc. ® site - © 2009 All Rights Reserved Privacy Policy and Legal
iEntry, Inc. 2549 Richmond Rd. Lexington KY, 40509

Search Engine Optimization by vBSEO 3.3.0