Re: [WSG] safari list question
Is it possible to create effect of clickable checkbox title in Safari?
Looking at Peret's example I find out that labels behaviour is
different in Safari.
On 4/22/05, Drake, Ted C. <[EMAIL PROTECTED]> wrote:
> Is there a filter for Safari?
> I'd like to define no-repeat for the rest of the browsers and hide it from
> safari.
>
> Thanks
> Ted
>
>
> -Original Message-
> From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On
> Behalf Of Philippe Wittenbergh
> Sent: Wednesday, April 20, 2005 8:26 PM
> To: wsg@webstandardsgroup.org
> Subject: Re: [WSG] safari list question
>
> On 21 Apr 2005, at 12:58 am, Drake, Ted C. wrote:
>
> > However, in Safari, the bullet is appearing, as it should, on a list
> > and
> > then immediately above bullet is a half bullet. This is really odd. It
> > is
> > repeating the background image.
> > Here's the style:
> >
> > ul li {list-style-type:none; background: url(bg-bullets.png) no-repeat
> > 0
> > 5px; padding-left:12px;}
>
> Safari has problems with background-repeat:no-repeat. A problem that is
> *not* fixed in the latest release (1.3) and will probably be there in
> the 2.0 version of OX X Tiger (10.4).
>
> A similar problem is seen here (hover should move the image).
> <http://dev.l-c-n.com/safari/background-hover.php>
> The problem is *less* pronounced if you move the image horizontally.
> A solution is to space out the fragments of your sprite more, or put
> them in an horizontal row.
>
> Philippe
> ---/---
> Philippe Wittenbergh
> now live : <http://emps.l-c-n.com/>
> code | design | web projects : <http://www.l-c-n.com/>
> IE5 Mac bugs and oddities : <http://www.l-c-n.com/IE5tests/>
>
> **
> The discussion list for http://webstandardsgroup.org/
>
> See http://webstandardsgroup.org/mail/guidelines.cfm
> for some hints on posting to the list & getting help
> **
> **
> The discussion list for http://webstandardsgroup.org/
>
> See http://webstandardsgroup.org/mail/guidelines.cfm
> for some hints on posting to the list & getting help
> **
>
>
--
Best regards,
Dmitry Baranovskiy
**
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list & getting help
**
RE: [WSG] safari list question
Is there a filter for Safari?
I'd like to define no-repeat for the rest of the browsers and hide it from
safari.
Thanks
Ted
-Original Message-
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On
Behalf Of Philippe Wittenbergh
Sent: Wednesday, April 20, 2005 8:26 PM
To: wsg@webstandardsgroup.org
Subject: Re: [WSG] safari list question
On 21 Apr 2005, at 12:58 am, Drake, Ted C. wrote:
> However, in Safari, the bullet is appearing, as it should, on a list
> and
> then immediately above bullet is a half bullet. This is really odd. It
> is
> repeating the background image.
> Here's the style:
>
> ul li {list-style-type:none; background: url(bg-bullets.png) no-repeat
> 0
> 5px; padding-left:12px;}
Safari has problems with background-repeat:no-repeat. A problem that is
*not* fixed in the latest release (1.3) and will probably be there in
the 2.0 version of OX X Tiger (10.4).
A similar problem is seen here (hover should move the image).
<http://dev.l-c-n.com/safari/background-hover.php>
The problem is *less* pronounced if you move the image horizontally.
A solution is to space out the fragments of your sprite more, or put
them in an horizontal row.
Philippe
---/---
Philippe Wittenbergh
now live : <http://emps.l-c-n.com/>
code | design | web projects : <http://www.l-c-n.com/>
IE5 Mac bugs and oddities : <http://www.l-c-n.com/IE5tests/>
**
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list & getting help
**
**
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list & getting help
**
Re: [WSG] safari list question
On 21 Apr 2005, at 12:58 am, Drake, Ted C. wrote:
However, in Safari, the bullet is appearing, as it should, on a list
and
then immediately above bullet is a half bullet. This is really odd. It
is
repeating the background image.
Here's the style:
ul li {list-style-type:none; background: url(bg-bullets.png) no-repeat
0
5px; padding-left:12px;}
Safari has problems with background-repeat:no-repeat. A problem that is
*not* fixed in the latest release (1.3) and will probably be there in
the 2.0 version of OX X Tiger (10.4).
A similar problem is seen here (hover should move the image).
The problem is *less* pronounced if you move the image horizontally.
A solution is to space out the fragments of your sprite more, or put
them in an horizontal row.
Philippe
---/---
Philippe Wittenbergh
now live :
Re: [WSG] safari list question
You have something wrong with your padding declaratives. Replace it with this:
ul li {list-style-type:none; background: url(bg-bullets.png) no-repeat
0 5px; padding:12px;}
Once you apply full padding around the entire image, everything should
work properly.
- Anthony
On 4/20/05, Drake, Ted C. <[EMAIL PROTECTED]> wrote:
>
>
>
> Hi All
>
> I came across a safari display issue that I don't understand. It's for an
> intranet, so I can't send you to the page to view code.
>
>
>
> The page looks good in Windows Firefox and IE6 and is valid xhtml 1.0
> transitional.
>
>
>
> I'm using a sprite to display various list bullets; the sprite gives about
> 50px space between each bullet to avoid having the extra bullets appear when
> text is resized, so this shouldn't be an issue.
>
>
>
> However, in Safari, the bullet is appearing, as it should, on a list and then
> immediately above bullet is a half bullet. This is really odd. It is
> repeating the background image.
>
>
>
> Here's the style:
>
> ul li {list-style-type:none; background: url(bg-bullets.png) no-repeat 0 5px;
> padding-left:12px;}
>
>
>
> Here is a screenshot of the problem:
> http://tdrake.net/test/safari-bullets.gif
>
>
>
> Here is the bullet sprite: http://tdrake.net/test/bg-bullets.png
>
>
>
> Has anyone else seen this before?
>
>
>
> Thanks
>
>
>
> Ted Drake
>
> http://www.tdrake.net
**
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list & getting help
**
[WSG] safari list question
Hi All
I came across a safari display issue that
I don't understand. It's for an intranet, so I can't send you
to the page to view code.
The page looks good in Windows Firefox and
IE6 and is valid xhtml 1.0 transitional.
I'm using a sprite to display
various list bullets; the sprite gives about 50px space between each bullet to
avoid having the extra bullets appear when text is resized, so this shouldn't
be an issue.
However, in Safari, the bullet is
appearing, as it should, on a list and then immediately above bullet is a half
bullet. This is really odd. It is repeating the background image.
Here's the style:
ul li {list-style-type:none; background:
url(bg-bullets.png) no-repeat 0 5px; padding-left:12px;}
Here is a screenshot of the problem: http://tdrake.net/test/safari-bullets.gif
Here is the bullet sprite: http://tdrake.net/test/bg-bullets.png
Has anyone else seen this before?
Thanks
Ted Drake
http://www.tdrake.net
