[html] spaces between list items - Tilted Forum Project Discussion Community

3zos · 09-02-2004, 09:51 AM

I am having an html issue on some pages that I am doing. Everything looks fine on all browsers other than IE for the PC. The problem is that IE seems to be putting some spaces between all my list items (on the left nav.) I can't seem to find these spaces in the code, and they go away when i run the list items together (I don't really want to do this, plus I feel like there has to be some other explanation.)

here is a page that has the issue:

http://drackett.mine.nu/design/admis...ate/index.html

Silvy · 09-02-2004, 10:23 AM

I think your CSS file could be the problem.

try playing around with the
#sidenav
directives in the CSS file.

Silvy · 09-02-2004, 10:48 AM

What fixes it for IE(6) breaks it for Opera (7.54) <sigh>
but this is the one you should look at:

display: block;

within the #sidenav a:link, #sidenav a:visited directive.
Happy CSS-ing!

3zos · 09-02-2004, 10:50 AM

When I take that block out, I don't think it will work on any browsers.. and try selecting the text on IE.. there are clearly spaces between the list items..

also, i did a test, and when you take the line-breaks out of the code (HTML) it works...

any other ideas?

Silvy · 09-02-2004, 10:56 AM

I use opera as my default browser so that's why I noticed...
But I mentioned it to show the fact that it can break current browser (mozilla etc) support. But Opera is the only other one available for me here...

3zos · 09-02-2004, 11:06 AM

yeah, that breaks it in everything but IE... there has to be something else..

odd.

3zos · 09-02-2004, 11:13 AM

i don't currently have a pc, but does this file:

http://drackett.mine.nu/design/untitled.html

have the same problem?

SinisterMotives · 09-02-2004, 04:30 PM

Put the closing </LI> tag on the same line as the opening <LI> tag. I used to have the same problem with extra whitespace in <TD> tags, and that's what fixed it. Don't leave any space between the end of the tag's content and the closing tag.

EDIT: Never mind. I was looking at the stuff on the righthand side.

SinisterMotives · 09-02-2004, 04:36 PM

The XHTML starting at line 49 is not well-formed. You cannot have an unordered list between two list items. A nested list must be between the opening and closing tags of the containing list item.

3zos · 09-02-2004, 06:02 PM

hm.. i didn't know that.. i'll try changing that and see what happens... it does, however, happen in lists without nesting..

SinisterMotives · 09-03-2004, 07:10 AM

I'm not going to open Internet Explorer to look at this because I got infested with a zillion adware programs last time I used IE. It's possible the LI content is being forced to wrap because it's wider than one of the parent elements. IE dogmatically asserts the width of a parent element, whereas Mozilla will let the child element's content overflow the righthand boundary of a parent element.

3zos · 09-03-2004, 08:01 AM

would that still be the case if it works when you run the list items together?

Thanks so much for all the help!

SinisterMotives · 09-03-2004, 08:54 AM

It shouldn't be. The whitespace between tagsets is meaningless. You could have 50 blank lines between one list item and the next, and it wouldn't matter.

3zos · 09-03-2004, 09:35 AM

you should check it out.. its very odd.

SinisterMotives · 09-03-2004, 02:06 PM

Sorry, but I don't have time to clean up anymore adware or spyware today. I don't think it would help anyway. I'm out of ideas.

soopafreek · 09-07-2004, 08:21 PM

have you tried using the "line-height" declaration on your list items or on the unordered list itself?

try it in place of using "padding".

3zos · 09-08-2004, 06:26 AM

good idea. I'll give that a try

09-02-2004, 09:51 AM	#1 (permalink)
3zos Insane Location: USA	[html] spaces between list items I am having an html issue on some pages that I am doing. Everything looks fine on all browsers other than IE for the PC. The problem is that IE seems to be putting some spaces between all my list items (on the left nav.) I can't seem to find these spaces in the code, and they go away when i run the list items together (I don't really want to do this, plus I feel like there has to be some other explanation.) here is a page that has the issue: http://drackett.mine.nu/design/admis...ate/index.html __________________ S U C C E S S some people dream of success, while other people live to crush those dreams

09-02-2004, 10:23 AM	#2 (permalink)
Silvy paranoid Location: The Netherlands	I think your CSS file could be the problem. try playing around with the #sidenav directives in the CSS file. __________________ "Do not kill. Do not rape. Do not steal. These are principles which every man of every faith can embrace. " - Murphy MacManus (Boondock Saints)

09-02-2004, 10:48 AM	#3 (permalink)
Silvy paranoid Location: The Netherlands	What fixes it for IE(6) breaks it for Opera (7.54) <sigh> but this is the one you should look at: display: block; within the #sidenav a:link, #sidenav a:visited directive. Happy CSS-ing! __________________ "Do not kill. Do not rape. Do not steal. These are principles which every man of every faith can embrace. " - Murphy MacManus (Boondock Saints)

09-02-2004, 10:50 AM	#4 (permalink)
3zos Insane Location: USA	When I take that block out, I don't think it will work on any browsers.. and try selecting the text on IE.. there are clearly spaces between the list items.. also, i did a test, and when you take the line-breaks out of the code (HTML) it works... any other ideas? __________________ S U C C E S S some people dream of success, while other people live to crush those dreams Last edited by 3zos; 09-02-2004 at 11:05 AM..

09-02-2004, 10:56 AM	#5 (permalink)
Silvy paranoid Location: The Netherlands	I use opera as my default browser so that's why I noticed... But I mentioned it to show the fact that it can break current browser (mozilla etc) support. But Opera is the only other one available for me here... __________________ "Do not kill. Do not rape. Do not steal. These are principles which every man of every faith can embrace. " - Murphy MacManus (Boondock Saints)

09-02-2004, 11:06 AM	#6 (permalink)
3zos Insane Location: USA	yeah, that breaks it in everything but IE... there has to be something else.. odd. __________________ S U C C E S S some people dream of success, while other people live to crush those dreams

09-02-2004, 11:13 AM	#7 (permalink)
3zos Insane Location: USA	i don't currently have a pc, but does this file: http://drackett.mine.nu/design/untitled.html have the same problem? __________________ S U C C E S S some people dream of success, while other people live to crush those dreams

09-02-2004, 04:30 PM	#8 (permalink)
SinisterMotives Junkie	Put the closing </LI> tag on the same line as the opening <LI> tag. I used to have the same problem with extra whitespace in <TD> tags, and that's what fixed it. Don't leave any space between the end of the tag's content and the closing tag. EDIT: Never mind. I was looking at the stuff on the righthand side. Last edited by SinisterMotives; 09-02-2004 at 04:33 PM..

09-02-2004, 04:36 PM	#9 (permalink)
SinisterMotives Junkie	The XHTML starting at line 49 is not well-formed. You cannot have an unordered list between two list items. A nested list must be between the opening and closing tags of the containing list item.

09-02-2004, 06:02 PM	#10 (permalink)
3zos Insane Location: USA	hm.. i didn't know that.. i'll try changing that and see what happens... it does, however, happen in lists without nesting.. __________________ S U C C E S S some people dream of success, while other people live to crush those dreams

09-03-2004, 07:10 AM	#11 (permalink)
SinisterMotives Junkie	I'm not going to open Internet Explorer to look at this because I got infested with a zillion adware programs last time I used IE. It's possible the LI content is being forced to wrap because it's wider than one of the parent elements. IE dogmatically asserts the width of a parent element, whereas Mozilla will let the child element's content overflow the righthand boundary of a parent element.

09-03-2004, 08:01 AM	#12 (permalink)
3zos Insane Location: USA	would that still be the case if it works when you run the list items together? Thanks so much for all the help! __________________ S U C C E S S some people dream of success, while other people live to crush those dreams

09-03-2004, 08:54 AM	#13 (permalink)
SinisterMotives Junkie	It shouldn't be. The whitespace between tagsets is meaningless. You could have 50 blank lines between one list item and the next, and it wouldn't matter.

09-03-2004, 09:35 AM	#14 (permalink)
3zos Insane Location: USA	you should check it out.. its very odd. __________________ S U C C E S S some people dream of success, while other people live to crush those dreams

09-03-2004, 02:06 PM	#15 (permalink)
SinisterMotives Junkie	Sorry, but I don't have time to clean up anymore adware or spyware today. I don't think it would help anyway. I'm out of ideas.

09-07-2004, 08:21 PM	#16 (permalink)
soopafreek Psycho Location: ask your mom	have you tried using the "line-height" declaration on your list items or on the unordered list itself? try it in place of using "padding". __________________ aaarrrrrgggghhhh!!!!

09-08-2004, 06:26 AM	#17 (permalink)
3zos Insane Location: USA	good idea. I'll give that a try __________________ S U C C E S S some people dream of success, while other people live to crush those dreams