Previous Message
Next Message

[css-d] The best way to remove list marker offsets (indentation)

Sent by Stone, Timothy on 12 August 2002 18:06


List fellows,

Any comments on the best way to remove the offsets of list marker?  I'm
aware of the marker-offset in CSS2 but would like to find a more compatible
method (i.e. MSIE 5.5)



Given HTML:

<div class="callOutList">
	<h3 class="centered">SAMPLING OF CURRENT DISTINCTIONS GARNERED BY
THE CITY</h3>
	<ul>
		<li>Twice chosen an All-America City, the highest national
community award, due to its success in creating non-tax revenues, local
governmental reform and economic development</li>
		<li>...</li>
	</ul>
</div>




Given CSS:


div.callOutList {
	position:relative;
	z-index:10;
	float:left;
	width:50%;
	margin:5px 5px 5px 0px;
	border: 1px solid #000;
	padding:3px;
	font:normal 10px/18px Verdana, Arial, Geneva, sans-serif;
	background-color:#99f;
}

div.callOutList ul {
	margin:0px;
}

MSIE 6.0 removes the margin, but the marker disappears. mozilla1.0/Netscape
6.2 has no change, indenting the marker.
Thanx!

Tim

   ***************************************************
  Timothy Stone      | Sun Certified Java Programmer *
  Web Master         | tstone at cityofhbg dot com   *
* City of Harrisburg | 717.255.7297
* Pennsylvania USA   | 717.903.9162
***************************************************
  "This Satan's drink [coffee] is so delicious,
   we shall cheat Satan and baptize it."
   Pope Clement VIII
Previous Message
Next Message

Message thread: