3 replies [Last post]
Whoisdan
Offline
Regular
Chicago
Last seen: 16 years 34 weeks ago
Chicago
Joined: 2004-03-31
Posts: 18
Points: 0

A problem I'm having in IE6Win is the .gif that replaces the bullet in a list displays way too high. Also, and this is more of a big deal, the .gif displays too far to the right. It should line up flush left. Any ideas?

http://cagneyassociates.com

Source code:

  <div id="left">
<h3>COMPANY</h3>
<ul>
  <li><a href="/company/profile.php" title="Company Profile">Profile</a></li>
  <li><a href="/company/clientlist.php" title="Client List">Client List</a></li>
</ul>
...

CSS:

ul {
	list-style: url(/images/smallplus.gif) inside;
	margin: 0;
	padding: 0;
	}

h3 {
	color: #f00;
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	margin-bottom: 6px;
	}

co2
co2's picture
Offline
Leader
UK
Last seen: 12 years 32 weeks ago
UK
Joined: 2003-09-17
Posts: 721
Points: 0

Unordered List image placement

Did you find a solution to this, it seems okay now.

The next sentence is true. The previous sentence is false. Discuss...

Whoisdan
Offline
Regular
Chicago
Last seen: 16 years 34 weeks ago
Chicago
Joined: 2004-03-31
Posts: 18
Points: 0

Unordered List image placement

I never found a solution to this one. The + sign is way too far to the right. It should line up with the section headers. I have no idea how to get this right. Oh well.

co2
co2's picture
Offline
Leader
UK
Last seen: 12 years 32 weeks ago
UK
Joined: 2003-09-17
Posts: 721
Points: 0

Unordered List image placement

Did you try:

list-style-position: outside;

... and remove the inside declaration from the ul.

The next sentence is true. The previous sentence is false. Discuss...