[css-d] Lists with some style

Sent by Ian Burrett on 10 December 2002 16:04

Hello there,
 
I'm trying to use lists for the navigation which will appear in a hierarchy
in the text version.
 
The CUSS version however has a block of colour with the top right corner
removed in level 1 
and a square graphic for the bullet point. I also need to set a bottom
border for the full 
width in the level 2 items.
 
When I set a corner graphic for the background in the li.navigationlevel1
class all works well. 
But I can't get the graphic to appear without using the list-style-image:
element. 
 
The problem is when I use this (code below) the padding in IE goes crazy for
the level two items and the text is indented badly. Looks ok on Opera /
Mozilla and Netscape though.
 
Any ideas ?
 
Ian
 
li.navigationlevel1 {
    padding: 0px 0px 3px 0px;
    margin:  1px 0px 0px 0px;
    color: #fff;
    background: #4c9dd2 url("../graphics/white_corner_edge.gif") top right
no-repeat ;
    list-style-image: url("../graphics/white_square_bullet.gif"); 
    list-style-position: inside;
}
 
 

______________________________________ 
Ian Burrett 
Web Development Team 
Learning & Teaching Scotland 
t: 0141 337 5057
e: [EMAIL-REMOVED] 

 

***********************************************************************
This e-mail, and any attachment, is privileged information and its
contents are confidential to the intended recipient at the e-mail
address to which it has been addressed. It may not be disclosed to or
used by anyone other than this addressee.  If received in error, please
contact Learning & Teaching Scotland on +(44) 141 337 5000 or e-mail
[EMAIL-REMOVED], quoting the name of the sender and the
addressee, and then delete it from your system.
Please be aware that, although all reasonable steps have been taken,
neither Learning & Teaching Scotland nor the sender is able to accept
any responsibility for viruses.
No contracts may be concluded on behalf of Learning & Teaching
Scotland by means of e-mail communications.
The contents of this message may contain personal views which are not
the views of Learning & Teaching Scotland, unless specifically stated.
**********************************************************************