[WSG] List background images disappearing
Title: Website design - Pacific Fox
I am having some
trouble with list background images disappearing on
http://development.clickfind.com.au/contact-us.cfmand
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
Foxfree call
1800 032 982 or mobile 0421 851 786 fax 07 3414
6464, international +61 7 3325 5103www.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.cfmUnsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfmHelp: [EMAIL PROTECTED]***
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 p 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]
***
RE: [WSG] List background images disappearing
Thanks a million, that seems to work nicely, although I don't understand the
finer details of it.
Re: p 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 p 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]
***
