Bullet shows up double space in IE browser

JavaScript and client side scripting.

Moderator: General Moderators

Post Reply
ljCharlie
Forum Contributor
Posts: 289
Joined: Wed May 19, 2004 8:23 am

Bullet shows up double space in IE browser

Post by ljCharlie »

I have an unordered bullet list and it shows up fine in Firefox but under IE browser v6, the bullet list have significant amount of spaces between them. Below are my code:

Code: Select all

<ul><!--
		  --><?php do { ?><!--
		  --><li><!--
				--><?php if($row_rsfoundMenu['idmnu_mnu'] == 0){ echo "<a href='".$row_rsfoundMenu['url_mnu']."'>".$row_rsfoundMenu['name_mnu']."</a>";} ?><!--
				--><ul><!--
					--><li><?php if($row_rsfoundMenu['idmnu_mnu'] != 0){ echo "<a href='".$row_rsfoundMenu['url_mnu']."'>".$row_rsfoundMenu['name_mnu']."</a>";} ?></li><!--
				--></ul><!--
		  --></li><!--
		  --><?php } while ($row_rsfoundMenu = mysql_fetch_assoc($rsfoundMenu)); ?><!--
		--></ul>
What can I do to resolve this problem? Help is appreciated.
User avatar
Skittlewidth
Forum Contributor
Posts: 389
Joined: Wed Nov 06, 2002 9:18 am
Location: Kent, UK

Post by Skittlewidth »

I don't know what your code looks like in a browser but if its a case of distance between each list element then use a css style sheet to reduce the spacing around each list element by adjusting the padding and margin properties.
ljCharlie
Forum Contributor
Posts: 289
Joined: Wed May 19, 2004 8:23 am

Post by ljCharlie »

Thank you for the response. That is correct. The spaces between each element is too big under IE browser. And no, I can't use CSS that is why I like to know if there is a way around this problem.
Roja
Tutorials Group
Posts: 2692
Joined: Sun Jan 04, 2004 10:30 pm

Post by Roja »

ljCharlie wrote:And no, I can't use CSS
Why not?
ljCharlie
Forum Contributor
Posts: 289
Joined: Wed May 19, 2004 8:23 am

Post by ljCharlie »

Because we have to use the department's template.
Roja
Tutorials Group
Posts: 2692
Joined: Sun Jan 04, 2004 10:30 pm

Post by Roja »

ljCharlie wrote:Because we have to use the department's template.
Template for what? If you can edit the file, you can put style inline.. I think you are confusing external stylesheets with inline style - both of which are CSS. The reason I ask in such detail is that the answer likely needs to *use* some form of CSS, so if inline AND external are unable to be considered, the possible answers are quite a bit fewer.
ljCharlie
Forum Contributor
Posts: 289
Joined: Wed May 19, 2004 8:23 am

Post by ljCharlie »

Sorry, yes I believed can use inline CSS. So how would I go about controlling the spaces then?

Again, thanks!
User avatar
feyd
Neighborhood Spidermoddy
Posts: 31559
Joined: Mon Mar 29, 2004 3:24 pm
Location: Bothell, Washington, USA

Post by feyd »

padding and margin settings..
ljCharlie
Forum Contributor
Posts: 289
Joined: Wed May 19, 2004 8:23 am

Post by ljCharlie »

Here is what I have and it's not working.

<style type="text/css">
ul {
margin: 0px;
padding: 0px;
}
li {
margin: 0px;
padding: 0px;
}
</style>
User avatar
Chris Corbyn
Breakbeat Nuttzer
Posts: 13098
Joined: Wed Mar 24, 2004 7:57 am
Location: Melbourne, Australia

Post by Chris Corbyn »

Dumty dumty dum...

Moved to Client Side :D
AngusL
Forum Contributor
Posts: 155
Joined: Fri Aug 20, 2004 4:28 am
Location: Falkirk, Scotland

Post by AngusL »

If it's related to viewtopic.php?t=37013 (which I suspect it is) then a solution is contained there.
I therein wrote:I don't use lists a lot, but a brief check confirms that

Code: Select all

li {padding-left:0px}
may well be what you're looking for.
Post Reply