JavaScript and client side scripting.
Moderator: General Moderators
eshban
Forum Contributor
Posts: 184 Joined: Mon Sep 05, 2005 1:38 am
Post
by eshban » Thu Dec 28, 2006 11:17 pm
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"> 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
feyd
Neighborhood Spidermoddy
Posts: 31559 Joined: Mon Mar 29, 2004 3:24 pm
Location: Bothell, Washington, USA
Post
by feyd » Thu Dec 28, 2006 11:27 pm
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 » Thu Dec 28, 2006 11:30 pm
How can i use ul container?
Zoxive
Forum Regular
Posts: 974 Joined: Fri Apr 01, 2005 4:37 pm
Location: Bay City, Michigan
Post
by Zoxive » Fri Dec 29, 2006 12:08 am
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 » Fri Dec 29, 2006 3:00 am
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).