Page 1 of 1

little (BULLET) formatting issue in Mozilla

Posted: Thu Dec 28, 2006 11:17 pm
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

Posted: Thu Dec 28, 2006 11:27 pm
by feyd
There's no <ul> container. Isn't it required?

Posted: Thu Dec 28, 2006 11:30 pm
by eshban
How can i use ul container?

Posted: Fri Dec 29, 2006 12:08 am
by Zoxive
eshban wrote:How can i use ul container?

Code: Select all

<ul>
<li>1.</li>
<li>2.</li>
</ul>
????

Posted: Fri Dec 29, 2006 3:00 am
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).