Re: [css-d] Border-bottom not seen in IE7 on hover link

2007-08-02 Thread Bruno Fassino 
Mark Wheeler wrote:
 The problem is
 that I have border-bottom to appear on hover over a link. But, that
 is not appearing - it seems to be cut off - in IE7. You can see the
 yellow border around the li tag is cut off at the bottom. IE6, FF,
 Safari are  all fine, just IE7 is the problem. I think I'm missing
 some basic thing here, but I can't seem to figure it out. Here's the
 link:

 http://dev.tonedeafdesign.com/ob/underline_link_test.html

You could try giving position:relative to the LI, this usually stops (in IE)
cut-off of contents going outside their containers.

--
Bruno Fassino http://www.brunildo.org/test

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Border-bottom not seen in IE7 on hover link

2007-08-02 Thread Mark Wheeler 

 You could try giving position:relative to the LI, this usually  
 stops (in IE)
 cut-off of contents going outside their containers.

 --
 Bruno Fassino http://www.brunildo.org/test


Hi Bruno,

Yep, that did it. Thanks. It's weird that it only did it in IE7 only,  
though. Oh well.

Mark
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Border-bottom not seen in IE7 on hover link

2007-08-02 Thread Mark Wheeler 

 Hi,

 To fix the height of the li tags, display:block and float:left :

 #nav ul li {
 display: block; /* changed */
 float:left; /* changed */
 margin-right: 5px; /* added */
 padding-right: 20px;
 border: 1px solid yellow;
 }

 Then to have it centered, you would need a width for the UL :

 #nav ul {
 margin:0 auto; /* changed */
 padding:0;
 list-style-type: none;
 width:800px; /* added */
 }

 Hope this helps.


Hi Phillip,

Sorry, but that put everything in a vertical centered list.

Mark
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Border-bottom not seen in IE7 on hover link

2007-08-02 Thread Phillip Allard 
Hrm, not really (tested FF and IE7)... I do have a running sample, ne how,
if relative positioning works for you (depends on the rest of the layout)
you should go that route.

On 8/2/07, Mark Wheeler [EMAIL PROTECTED] wrote:


  Hi,
 
  To fix the height of the li tags, display:block and float:left :
 
  #nav ul li {
  display: block; /* changed */
  float:left; /* changed */
  margin-right: 5px; /* added */
  padding-right: 20px;
  border: 1px solid yellow;
  }
 
  Then to have it centered, you would need a width for the UL :
 
  #nav ul {
  margin:0 auto; /* changed */
  padding:0;
  list-style-type: none;
  width:800px; /* added */
  }
 
  Hope this helps.
 

 Hi Phillip,

 Sorry, but that put everything in a vertical centered list.

 Mark
 __
 css-discuss [EMAIL PROTECTED]
 http://www.css-discuss.org/mailman/listinfo/css-d
 IE7 information -- http://css-discuss.incutio.com/?page=IE7
 List wiki/FAQ -- http://css-discuss.incutio.com/
 Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Border-bottom not seen in IE7 on hover link

2007-08-02 Thread Phillip Allard 
Here's the sample:
http://www.bossanoza.net/_external/css-d/underline_link_test.html (works for
me on IE7 (vista), FF and IE6 (xp))

On 8/2/07, Phillip Allard [EMAIL PROTECTED] wrote:

 Hrm, not really (tested FF and IE7)... I do have a running sample, ne how,
 if relative positioning works for you (depends on the rest of the layout)
 you should go that route.

 On 8/2/07, Mark Wheeler [EMAIL PROTECTED] wrote:
 
 
   Hi,
  
   To fix the height of the li tags, display:block and float:left :
  
   #nav ul li {
   display: block; /* changed */
   float:left; /* changed */
   margin-right: 5px; /* added */
   padding-right: 20px;
   border: 1px solid yellow;
   }
  
   Then to have it centered, you would need a width for the UL :
  
   #nav ul {
   margin:0 auto; /* changed */
   padding:0;
   list-style-type: none;
   width:800px; /* added */
   }
  
   Hope this helps.
  
 
  Hi Phillip,
 
  Sorry, but that put everything in a vertical centered list.
 
  Mark
  __
  css-discuss [EMAIL PROTECTED]
  http://www.css-discuss.org/mailman/listinfo/css-d
  IE7 information -- http://css-discuss.incutio.com/?page=IE7
  List wiki/FAQ -- http://css-discuss.incutio.com/
  Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
 


__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Border-bottom not seen in IE7 on hover link

2007-08-02 Thread Mark Wheeler 

On Aug 2, 2007, at 11:16 AM, Phillip Allard wrote:

 Here's the sample: http://www.bossanoza.net/_external/css-d/ 
 underline_link_test.html (works for me on IE7 (vista), FF and IE6  
 (xp))


Hi Phillip,

Yeah! That worked great. Thanks very much.

Mark
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/