1 reply [Last post]
adeking
Offline
newbie
Last seen: 5 years 45 weeks ago
Joined: 2008-09-16
Posts: 1
Points: 0

Hi,

I am re-designing a school site and am having difficulty with some
lists that appear on the right hand side of most pages.

I have replaced the standard bullet image with one of my own and this
works perfectly in IE6. In all other browsers however the new bullet
image does not display unless the text string goes onto the second
line.

I havent encountered anything like this previusly and am a bit
stuck.....

Here is a link to the home page of the new design and you can see my
faulty lists in action on the right hand side -
http://www.macmillan-academy.org.uk/zeltha/index.php

Here is the css for the lists -

----------------------------------------------------------------------

#extras ul { 
        margin-top:-10px; 
        } 
 
 
#extras ul li { 
        list-style-type:none; 
        background: url(img/bullet.jpg) no-repeat 5px 5px; 
        line-height:1.3em; 
        list-style-position: outside; 
        margin-left:-40px; 
        padding-top: 2px; 
        padding-right: 5px; 
        padding-bottom: 2px; 
        padding-left: 20px; 
        margin-bottom:2px; 
 
 
 
} 

----------------------------------------------------------------------

I would be grateful for any ideas.

Many Thanks

Adrian...

Ed Seedhouse
Ed Seedhouse's picture
Offline
Guru
Victoria British Columbia
Last seen: 7 weeks 1 day ago
Victoria British Columbia
Timezone: GMT-7
Joined: 2005-12-14
Posts: 3570
Points: 675

Fix your html and get it

Fix your html and get it valid. There is no CSS standard on invalid html. You have 18 html errors, and several of them are on your LI elements.

Ed Seedhouse

Posting Guidelines

Watch out! I am carrying irony, sarcasm and satire, and know how to use them.