[css-d] Firefox 3 vs IE7 spacing between links

2008-11-09 Thread Keith LaFrenier 

Hello,

I'm having a small issue with spacing between links.  I have a series of links 
in my sidebar (include file) each separated by an underline image.  The links 
are spaced as I would like them in Firefox3, but their further apart in IE7.  
I've tried to zero the padding and margins, but the gap stays.  All of the 
pages are W3C validated.  Any help is greatly appreciated.

http://www.pavetosuccess.org/pave/pave3.css (style sheet)

http://www.pavetosuccess.org/pave/includes/sidebar.ssi (sidebar include)

http://www.pavetosuccess.org/pave/home.html (home page)

Thanks,
Keith



_
Windows Live Hotmail now works up to 70% faster.
http://windowslive.com/Explore/Hotmail?ocid=TXT_TAGLM_WL_hotmail_acq_faster_112008
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Firefox 3 vs IE7 spacing between links

2008-11-09 Thread Bill Brown 
Keith LaFrenier wrote:
 help is greatly appreciated.

Hi Keith--

Looks like your images need to be set to display:block.

To test it in IE7, call up your URL and paste this bookmarklet into the 
address bar and press enter:

--- Copy and paste content below this line ---
javascript:(function(){a=document.getElementById('services-subcontainer').getElementsByTagName('img');i=a.length;while(i--)a[i].style.display=block;})();
--- Copy and paste content above this line ---

For a more permanent solution, place this rule in your style sheet:

--- Copy and paste content below this line ---
#services-subcontainer img {display:block}
--- Copy and paste content above this line ---

Hope it helps.
Bill

-- 
~~~
Bill Brown, MacNimble.com :: From dot concept to dot com since 1999
WebDevelopedia.com, TheHolierGrail.com, Cyber-Sandbox.com, Anytowne.com
The intuitive mind is a sacred gift and the rational mind is a
faithful servant. We have created a society that honors the servant and
has forgotten the gift. -- Albert Einstein
~~~
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Firefox 3 vs IE7 spacing between links

2008-11-09 Thread Bill Brown 
David Hucklesby wrote:
 Of course, if your design includes images that need to display inline,
 that won't work. So be careful with this.
 Another possible solution is to declare vertical-align: bottom;
 on relevant images.

David,

Vertical-align:bottom doesn't remove the spaces on my IE7/WinXP.

The CSS rule I sent through is targeting only the relevant images in his 
menu, not his entire design.

It looks like Keith is using display:block and that seems to solve it.

Best,
Bill

-- 
~~~
Bill Brown, MacNimble.com :: From dot concept to dot com since 1999
WebDevelopedia.com, TheHolierGrail.com, Cyber-Sandbox.com, Anytowne.com
The intuitive mind is a sacred gift and the rational mind is a
faithful servant. We have created a society that honors the servant and
has forgotten the gift. -- Albert Einstein
~~~
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Firefox 3 vs IE7 spacing between links

2008-11-09 Thread David Hucklesby 
On Sun, 09 Nov 2008 09:49:18 -0500, Bill Brown wrote:
 Keith LaFrenier wrote:
[...]

 Looks like your images need to be set to display:block.

[...]

 For a more permanent solution, place this rule in your style sheet:

 --- Copy and paste content below this line ---
 #services-subcontainer img {display:block}
 --- Copy and paste content above this line ---


Of course, if your design includes images that need to display inline,
that won't work. So be careful with this.

Another possible solution is to declare vertical-align: bottom;
on relevant images.

Cordially,
David
--

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/