[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] ***