RE: [WSG] List background images disappearing

2006-10-13 Thread Taco Fleur
Thanks a million, that seems to work nicely, although I don't understand the
finer details of it.

Re:  in list item, not sure either whether I need it or not, saves me
from having to style the text though.

Kind regards,
Taco Fleur 

free call 1800 032 982 - fax 07 3414 6464, international +61 7 3325 5103
www.pacificfox.com.au an industry leader with commercial experience since
1994 . 

our services: 
- online, print, marketing & information technology
- website, branding, logo, business cards, letterheads
- accept online credit card payments www.commerceengine.com.au
- domain registrations, .com for as low as fifteen dollars a year, .com.au
for fifty dollars two years!



-Original Message-
From: listdad@webstandardsgroup.org [mailto:[EMAIL PROTECTED]
On Behalf Of John Faulds
Sent: Saturday, 14 October 2006 10:45 AM
To: wsg@webstandardsgroup.org
Subject: Re: [WSG] List background images disappearing

It's a hasLayout issue. Try this:

ol.styled { list-style: none; margin-left: 0; padding-left: 0; }

ol.styled li {
background-position: 0 0;
background-repeat: no-repeat;
padding: 2px 0 2px 30px;
margin-bottom: 0.5em;
}

* html ol.styled li { height: 1%; }

ol.styled p { margin: 0; }

(Not sure that you actually need the extra  inside your list items.)

On Sat, 14 Oct 2006 10:00:27 +1000, Taco Fleur <[EMAIL PROTECTED]>
wrote:

> I am having some trouble with list background images disappearing on 
> http://development.clickfind.com.au/contact-us.cfm and 
> http://development.clickfind.com.au/why-clickfind.cfm
> ol.styled li {
>  list-style-type: none;
>  background-position: left;
>  background-repeat: no-repeat;
>  padding-left: 30px;
>  margin-left: -30px;
> }
> ol.styled .nrb-1 {
>  background-image: url(../image/bullet/nrb-1.gif); } I have also tried 
> ol.styled li {
>  list-style-type: none;
>  background-position: left top;
>  background-repeat: no-repeat;
>  padding-left: 30px;
> }
> I went from using list style images to using a background because it 
> is more consistent across browsers, but it is also giving me a hard 
> time, any advice would be much appreciated. thanks in advance.
>
> Kind regards,
> Taco Fleur - watch our  <http://pacificfox.tv/> new video online!
>
>   _
>
> Pacific FoxT
> free call 1800 032 982 or mobile 0421 851 786 - fax 07 3414 6464, 
> international +61 7 3325 5103 www.pacificfox.com.au 
> <http://www.pacificfox.com.au/?source=email>  an industry leader with 
> commercial experience since 1994 .
>
> our services:
>
> * 
> online, print, marketing & information technology
>
> * 
> website, branding, logo, business cards, letterheads
>
> * 
> hosting, e-commerce, domain names, sms solutions, streaming video and 
> complete web strategies
>
>
>
> ***
> List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
> Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
> Help: [EMAIL PROTECTED]
> ***



--
Tyssen Design
www.tyssendesign.com.au
Ph: (07) 3300 3303
Mb: 0405 678 590


***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***







***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***



Re: [WSG] List background images disappearing

2006-10-13 Thread John Faulds

It's a hasLayout issue. Try this:

ol.styled { list-style: none; margin-left: 0; padding-left: 0; }

ol.styled li {
background-position: 0 0;
background-repeat: no-repeat;
padding: 2px 0 2px 30px;
margin-bottom: 0.5em;
}

* html ol.styled li { height: 1%; }

ol.styled p { margin: 0; }

(Not sure that you actually need the extra  inside your list items.)

On Sat, 14 Oct 2006 10:00:27 +1000, Taco Fleur <[EMAIL PROTECTED]>  
wrote:



I am having some trouble with list background images disappearing on
http://development.clickfind.com.au/contact-us.cfm and
http://development.clickfind.com.au/why-clickfind.cfm
ol.styled li {
 list-style-type: none;
 background-position: left;
 background-repeat: no-repeat;
 padding-left: 30px;
 margin-left: -30px;
}
ol.styled .nrb-1 {
 background-image: url(../image/bullet/nrb-1.gif);
}
I have also tried
ol.styled li {
 list-style-type: none;
 background-position: left top;
 background-repeat: no-repeat;
 padding-left: 30px;
}
I went from using list style images to using a background because it is  
more
consistent across browsers, but it is also giving me a hard time, any  
advice

would be much appreciated. thanks in advance.

Kind regards,
Taco Fleur - watch our   new video online!

  _

Pacific FoxT
free call 1800 032 982 or mobile 0421 851 786 - fax 07 3414 6464,
international +61 7 3325 5103
www.pacificfox.com.au   an
industry leader with commercial experience since 1994 .

our services:

*
online, print, marketing & information technology

*
website, branding, logo, business cards, letterheads

*
hosting, e-commerce, domain names, sms solutions,
streaming video and complete web strategies



***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***




--
Tyssen Design
www.tyssendesign.com.au
Ph: (07) 3300 3303
Mb: 0405 678 590


***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***