HighDots Forums  

CSS-controlled list looks spaced-out in IE/Win

Macromedia Dreamweaver Macromedia Dreamweaver Discussions (macromedia.dreamweaver)


Discuss CSS-controlled list looks spaced-out in IE/Win in the Macromedia Dreamweaver forum.



Reply
 
Thread Tools Display Modes
  #1  
Old   
Chuckdesign
 
Posts: n/a

Default CSS-controlled list looks spaced-out in IE/Win - 04-01-2006 , 08:17 PM






Anybody know of a CSS hack to reduce the spacing in an unnumbered list and a
paragraph in IE/Windows?

The list I'm referring to is on this page:
http://home.comcast.net/~cprovancher.../upcoming.html

The CSS is at:
http://home.comcast.net/~cprovancher...c/sia-site.css

The left-hand menu looks great in Firefox and Safari, but IE/Win puts much
vertical spacing between each of the items in this list:

Events
? Upcoming Events
? Archived Events

I've tried commenting out the margins and padding with no luck; still can't
tighten up that spacing in IE 6 for Windows. Any help will be appreciated. It's
probably something easy that I'm overlooking.

Thanks,
Chuck



Reply With Quote
  #2  
Old   
Tom Wood
 
Posts: n/a

Default Re: CSS-controlled list looks spaced-out in IE/Win - 04-02-2006 , 01:55 AM






Hey Chuck,

I am very new at this, but twice now I've resolved vertical spacing issues
with IE by removing spaces in the HTML code itself. In the code snippet
below, there's an extra space after Archived Events and </a></li>.

</div>
<div id="menu2">
<div id="nav2">
<ul>
<li><a href="upcoming.html">Upcoming Events</a></li>
<li><a href="archived.html">Archived Events </a></li>
</ul>
</div>
</div>

You might also try this:

<li><a href="upcoming.html">Upcoming Events</a></li><li><a
href="archived.html">Archived Events</a></li>

Doesn't make sense I know, but sometimes it works.

TW

"Chuckdesign" <webforumsuser (AT) macromedia (DOT) com> wrote

Quote:
Anybody know of a CSS hack to reduce the spacing in an unnumbered list and
a
paragraph in IE/Windows?

The list I'm referring to is on this page:
http://home.comcast.net/~cprovancher.../upcoming.html

The CSS is at:
http://home.comcast.net/~cprovancher...c/sia-site.css

The left-hand menu looks great in Firefox and Safari, but IE/Win puts much
vertical spacing between each of the items in this list:

Events
? Upcoming Events
? Archived Events

I've tried commenting out the margins and padding with no luck; still
can't
tighten up that spacing in IE 6 for Windows. Any help will be appreciated.
It's
probably something easy that I'm overlooking.

Thanks,
Chuck





Reply With Quote
  #3  
Old   
Tom Wood
 
Posts: n/a

Default Re: Dang wordwrap - 04-02-2006 , 03:00 AM



All on one line...

Quote:
li><a href="upcoming.html">Upcoming Events</a></li><li><a
href="archived.html">Archived Events</a></li





Reply With Quote
  #4  
Old   
Chuckdesign
 
Posts: n/a

Default Re: CSS-controlled list looks spaced-out in IE/Win - 04-02-2006 , 11:29 PM



Thanks Tom... I tried taking out all the spaces, but unfortunately it didn't
help:
http://home.comcast.net/~cprovancher/sia/snec/art.html

Acting on another tip, I also tried converting all the DIVs in the navigation
menu to CLASSes. But that just made it worse:
http://home.comcast.net/~cprovancher...c/museums.html

Kind of stuck...



Reply With Quote
Reply




Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

vB code is On
Smilies are On
[IMG] code is On
HTML code is Off



Powered by vBulletin Version 3.5.4
Copyright ©2000 - 2008, Jelsoft Enterprises Ltd.