RE: [WSG] IE CSS Gap Problem? Anybody have a solution?

2005-05-06 Thread Josef Dunne 
That worked great, thanks a lot, damn IE! :) 

-Original Message-
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On
Behalf Of Andrew Hawthorne
Sent: 05 May 2005 19:40
To: wsg@webstandardsgroup.org
Subject: Re: [WSG] IE CSS Gap Problem? Anybody have a solution?

try this out,

Add this:  #btmain a { text-indent:-9000px; text-decoration:none; } and
remove this: span { display:none; } you can remove the spans from your
markup as well.

This works in IE6, Moz, and FF.

The problem is the span rule. Why? IE is crazy... ;) You can see this by
commenting the span rule and refreshing the page. 
The mystery margins are gone!

Andrew
   

Josef Dunne wrote:

I tried changing the line-height but it never worked? Hmm still no luck

unfortunately. Anybody else have a solution?

Thanks though Jan


**
The discussion list for  http://webstandardsgroup.org/

 See http://webstandardsgroup.org/mail/guidelines.cfm
 for some hints on posting to the list  getting help
**

**
The discussion list for  http://webstandardsgroup.org/

 See http://webstandardsgroup.org/mail/guidelines.cfm
 for some hints on posting to the list  getting help
**

Re: [WSG] IE CSS Gap Problem? Anybody have a solution?

2005-05-05 Thread Parker Torrence 
Try setting margin and padding to 0 in #btmain

parker
http://webdesign.parkertorrence.com

On 5/5/05, Josef Dunne [EMAIL PROTECTED] wrote:
  
 Hi everyone, 
   
 I have a CSS/IE problem 
   
 I am trying to create a list on the left of this page. But as you can see in
 Firefox it works fine, but in IE it creates spaces below each li tag? Does
 anybody know why this is happening in IE? 
   
 http://dev.blumedia.co.uk/pp/ - Problem Page (View in IE) 
 http://dev.blumedia.co.uk/pp/css/shell.css - CSS for page. 
   
 Many thanks 
   
 Joey
**
The discussion list for  http://webstandardsgroup.org/

 See http://webstandardsgroup.org/mail/guidelines.cfm
 for some hints on posting to the list  getting help
**

Re: [WSG] IE CSS Gap Problem? Anybody have a solution?

2005-05-05 Thread Jan Brasna 
Transform
ul
 li../li
 li../li
/ul
into
ulli../lili../li/ul
--
Jan Brasna aka JohnyB :: www.alphanumeric.cz | www.janbrasna.com
**
The discussion list for  http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list  getting help
**

RE: [WSG] IE CSS Gap Problem? Anybody have a solution?

2005-05-05 Thread Josef Dunne 
Hi this never worked, neither did closing up all the whitespace.

Thanks though, does anyone else have a solution to this problem?

Thanks

Joey 

-Original Message-
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On
Behalf Of Parker Torrence
Sent: 05 May 2005 17:44
To: wsg@webstandardsgroup.org
Subject: Re: [WSG] IE CSS Gap Problem? Anybody have a solution?

Try setting margin and padding to 0 in #btmain

parker
http://webdesign.parkertorrence.com

On 5/5/05, Josef Dunne [EMAIL PROTECTED] wrote:
  
 Hi everyone,
   
 I have a CSS/IE problem
   
 I am trying to create a list on the left of this page. But as you can 
 see in Firefox it works fine, but in IE it creates spaces below each 
 li tag? Does anybody know why this is happening in IE?
   
 http://dev.blumedia.co.uk/pp/ - Problem Page (View in IE) 
 http://dev.blumedia.co.uk/pp/css/shell.css - CSS for page.
   
 Many thanks
   
 Joey
**
The discussion list for  http://webstandardsgroup.org/

 See http://webstandardsgroup.org/mail/guidelines.cfm
 for some hints on posting to the list  getting help
**

**
The discussion list for  http://webstandardsgroup.org/

 See http://webstandardsgroup.org/mail/guidelines.cfm
 for some hints on posting to the list  getting help
**

Re: [WSG] IE CSS Gap Problem? Anybody have a solution?

2005-05-05 Thread Jan Brasna 
Hi this never worked, neither did closing up all the whitespace.
Hm, then it might be something with line-height.
#btmain ul {
  padding: 0;
  margin: 0;
  list-style-type: none;
  line-height: 1em;
}
--
Jan Brasna aka JohnyB :: www.alphanumeric.cz | www.janbrasna.com
**
The discussion list for  http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list  getting help
**

RE: [WSG] IE CSS Gap Problem? Anybody have a solution?

2005-05-05 Thread Josef Dunne 
I tried changing the line-height but it never worked? Hmm still no luck
unfortunately. Anybody else have a solution?

Thanks though Jan 

-Original Message-
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On
Behalf Of Jan Brasna
Sent: 05 May 2005 18:55
To: wsg@webstandardsgroup.org
Subject: Re: [WSG] IE CSS Gap Problem? Anybody have a solution?

 Hi this never worked, neither did closing up all the whitespace.

Hm, then it might be something with line-height.

#btmain ul {
   padding: 0;
   margin: 0;
   list-style-type: none;
   line-height: 1em;
}

--
Jan Brasna aka JohnyB :: www.alphanumeric.cz | www.janbrasna.com
**
The discussion list for  http://webstandardsgroup.org/

 See http://webstandardsgroup.org/mail/guidelines.cfm
 for some hints on posting to the list  getting help
**

**
The discussion list for  http://webstandardsgroup.org/

 See http://webstandardsgroup.org/mail/guidelines.cfm
 for some hints on posting to the list  getting help
**

Re: [WSG] IE CSS Gap Problem? Anybody have a solution?

2005-05-05 Thread Gunlaug Sørtun 
Josef Dunne wrote:
Does anybody know why this is happening in IE?
It's reserving space for something that isn't there.
http://dev.blumedia.co.uk/pp/
li {display: inline;}
regards
Georg
--
http://www.gunlaug.no
**
The discussion list for  http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list  getting help
**

Re: [WSG] IE CSS Gap Problem? Anybody have a solution?

2005-05-05 Thread Stuart Homfray 
Josef Dunne wrote:
Thanks though, does anyone else have a solution to this problem?
I would HOPE that someone could come up with a cleaner solution, but I 
could only do it by feeding IE alternate declarations for your 'span' rule:

span {
  display:none;
  _text-indent: -999px;
  _display:inline;
}
(the underscore hack used here for speed!)
regards,
Stuart
--
- - -- --- -  -
  http://www.stuarthomfray.co.uk/
**
The discussion list for  http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list  getting help
**

Re: [WSG] IE CSS Gap Problem? Anybody have a solution?

2005-05-05 Thread Andrew Hawthorne 
try this out,
Add this:  #btmain a { text-indent:-9000px; text-decoration:none; }
and remove this: span { display:none; }
you can remove the spans from your markup as well.
This works in IE6, Moz, and FF.
The problem is the span rule. Why? IE is crazy... ;)
You can see this by commenting the span rule and refreshing the page. 
The mystery margins are gone!

Andrew
  

Josef Dunne wrote:
I tried changing the line-height but it never worked? Hmm still no luck
unfortunately. Anybody else have a solution?
Thanks though Jan 

**
The discussion list for  http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list  getting help
**

Re: [WSG] IE CSS Gap Problem? Anybody have a solution?

2005-05-05 Thread russ - maxdesign 
There are a range of methods of removing whitespace in IE:

1. border-bottom
li { border-bottom: ?; }

2. display: inline - works well if the a element is set to display: block:
li { display: inline; }

3. float
li { float: right; }
li { float: left; }

4. vertical align
li a  { vertical-align: bottom; }

5. removing html whitespace
lia href=text/a/lili
 a href=text/a/lili
  

Each has merits depending on your needs. Generally I find the display inline
or float options to work best.

HTH
Russ



 I tried changing the line-height but it never worked? Hmm still no luck
 unfortunately. Anybody else have a solution?
 
 Thanks though Jan
 

**
The discussion list for  http://webstandardsgroup.org/

 See http://webstandardsgroup.org/mail/guidelines.cfm
 for some hints on posting to the list  getting help
**