little (BULLET) formatting issue in Mozilla

JavaScript and client side scripting.

Moderator: General Moderators

Post Reply
eshban
Forum Contributor
Posts: 184
Joined: Mon Sep 05, 2005 1:38 am

little (BULLET) formatting issue in Mozilla

Post by eshban »

Please help me, i am facing a little formatting issue in Mozilla.

here is the code

Code: Select all


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
</head>

<body>


<table cellpadding="0" cellspacing="1" border="2" width="100%">
   <tr height="23">
     <td rowspan="6" width="10">&nbsp;SPACE </td>
       <td align="left">
          <li type="disc">
		   Browse All
		   </li>
	   </td>
    </tr>
	
	
    <tr bgcolor="#969696">
       <td> <img src="./images/spacer.gif" height="1" /><br /></td>
    </tr>	
	
</table>


</body>
</html>
PROBLEM: please see the BULLET with BROWSE ALL text, in firefox the BULLET is displaying in left column instead of right.

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

Post by feyd »

There's no <ul> container. Isn't it required?
eshban
Forum Contributor
Posts: 184
Joined: Mon Sep 05, 2005 1:38 am

Post by eshban »

How can i use ul container?
User avatar
Zoxive
Forum Regular
Posts: 974
Joined: Fri Apr 01, 2005 4:37 pm
Location: Bay City, Michigan

Post by Zoxive »

eshban wrote:How can i use ul container?

Code: Select all

<ul>
<li>1.</li>
<li>2.</li>
</ul>
????
matthijs
DevNet Master
Posts: 3360
Joined: Thu Oct 06, 2005 3:57 pm

Post by matthijs »

The way different browsers render lists and the bullets is quite different. One thing you can do to start at least with a clean slate is setting margin and padding to 0 for both ul and ul li. From there you can start adding margin or padding to ul or li in order to get the right design.

Another CSS rule you might want to take a look at is list-style-position ( inside or outside).

However, were exactly the list bullets are rendered cannot be controlled with css. Most browsers render it a little bit outside the box (when using the default position outside).
Post Reply