Re: [WSG] Safari Lightening Entire Background Image - FIXED

[Mani Sheriar]

Thanks all, especially Nick Cowie who seemed to really look into this thing!

I don’t know how I did it … but it’s fixed.  I just resaved all the images
AGAIN and somehow the problem went away.  What a strange experience.

Anyway … many thanks again.  =)

Mani Sheriar
Founder, Sheriar Designs
www.ManiSheriar.com  | 925.914.0741
 


**
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 Lightening Entire Background Image

[Nick Cowie]

My suggestion it has something to do with the two background images involved:html {    min-height:100%;    margin-bottom:1px;    background:url(../_images/bg2.jpg);    }body {    background:url(../_images/bg.jpg) repeat-x top;
    position:relative;(snip)    }Safari has a bug which can cause background images to behave badly (if the background image is  larger than the container or set to repeat), the background image will overflow the container they are the background for.
I describe here - halfway down the page - see trouble with safarihttp://nickcowie.com/2005/elastic-faux-columns/I would remove  background:url(../_images/bg.jpg) repeat-x top; from body  and see if that resolves the issue
-- Nick Cowiehttp://nickcowie.com

Re: [WSG] semantic way to use subscript or superscript

[Patrick H. Lauke]

dszady wrote:

I also remember a post saying not to use the two elements but it didn't 
mention why.


In my opinion, sub and sup have a primarily visual/presentational 
nature, rather than a semantic one. I'm still puzzled as to why they're 
still included in the specs, which does nothing to clarify the *meaning* 
of superscript and subscript...only their visual rendering.

http://www.w3.org/TR/html4/struct/text.html#h-9.2.3

Even the three examples given are flawed, IMHO: the first two should 
arguably not be marked up in HTML at all, but via a more appropriate 
(though admittedly not universally supported) one like CML and MathML, 
respectively; the third is also just a matter of presentation, and could 
possibly be marked up a lot better via


Mlle (with an 
appropriate style defined for the span to make it visually render as 
superscript).


It's the same as bold and italic still being included in the spec...

P
--
Patrick H. Lauke
__
re·dux (adj.): brought back; returned. used postpositively
[latin : re-, re- + dux, leader; see duke.]
www.splintered.co.uk | www.photographia.co.uk
http://redux.deviantart.com
__
Web Standards Project (WaSP) Accessibility Task Force
http://webstandards.org/
__
**
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] semantic way to use subscript or superscript

[dszady]

Hello list. I don't know if this is OT or not, but is there a semantic 
way to use subscript or superscript?


In Fangs I can get it a  to read:
around the world are converting left paren see footnote one right paren 
their computer


But visually it takes up too much room.
I also remember a post saying not to use the two elements but it didn't 
mention why.


--
°¿° dszady; a.k.a. Daryl A. Szady


**
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 Lightening Entire Background Image

[Mani Sheriar]

Just to answer
some of the points made thus far …

The large
background image, which has been rendered too lightly, as well as the sign in
button, the lock image, and the nav buttons, which render correctly (ie, more
darkly) were all saved from the same file using the same settings.  And I
have tried resaving them all more than once to make triple sure!

The images which
are the culprits are all jpgs, not pngs.  Originally they were some jpg
and some gif and I thought that might be the problem so I changed them all to
jpg but that didn’t solve anything.

The fact that
the screenshot is a png has nothing to do with the issue … it’s
just a screenshot.

Most importantly
though, this is not an issue of colors rendering differently across various
browsers IN GENERAL, but rather an issue of Safar rendering different images
which were sliced up from the same original image differently FROM EACH OTHER. 
So in Safari images lying next to each other do not flow seamlessly as they do
in the other browsers (on both mac and pc).

Thanks so much
for your help!!



Mani Sheriar
Founder, Sheriar Designs
www.ManiSheriar.com  | 925.914.0741



 

Re: [WSG] Safari Lightening Entire Background Image

[Philippe Wittenbergh]

On 13 Jan 2006, at 9:18 am, Mani Sheriar wrote:

I’m having a slightly maddening problem that appears to be only in  
Safari.


The test page is here: http://www.manisheriar.com/sparkplug/paywi/

On Firefox and IE all seems good, but in Safari the grays of the main
background image are too light and therefore clashing with other  
images

where it is supposed to blend.  See screenshot here:
http://www.manisheriar.com/sparkplug/paywi/_images/paywi.png


There is indeed a huge difference between the rendering of  
bg_home.jpg (the big one in the middle) and bg.jpg. See


(this is on 10.4.4)
I can reproduce this on 3 different machines. Latest Safari on 10.3.9  
shows the same.
Safari has known issues with png files (colour that doesn't match the  
same colour in htmls/css), but that is not the case here.


Are all those images saved as the same compression level ?
Could this be related to background-repeat: repeat or no-repeat ?

I've never seen something like this with jpg files.

PS - the problem only happens with Safari. All other browsers on OS X  
display the page correctly.




Philippe
---
Philippe Wittenbergh



**
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] Hover text bunching up in Firefox

[denAnden.dk]

Title: Message



White Ash  
wrote, 

  The navigation 
  (at the bottom of the page) looks fine in IE, but the hover text bunches up in 
  Firefox like there is a right margin making the text wrap.  Any ideas on 
  how to remedy this? 
Maybe if you define 
a width, as 100%, i´m not sure, 
 
but another thing i 
noticed..
 
try resizing the 
text in your browser view menu..., many people use this funktion. 

 
Maybe make the divs 
flexible(best) og the font size fixed(not good),
 
Looks good 
though,
 
W/R 

 
Jes

Re: [WSG] Safari Lightening Entire Background Image

[Laurie Savage]

On Thu, Jan 12, 2006 at 04:18:58PM -0800 or thereabouts, Mani Sheriar wrote:
> Hey all,
> 
> I’m having a slightly maddening problem that appears to be only in Safari.
> 
> The test page is here: http://www.manisheriar.com/sparkplug/paywi/
> 
> On Firefox and IE all seems good, but in Safari the grays of the main
IE/Firefox on Windows or Mac? Don't colours render slightly lighter on
Macs?
> 
> THANK YOU in advance!!!
> 
> Mani Sheriar
> Founder, Sheriar Designs
> www.ManiSheriar.com  | 925.914.0741
>  
> 
> 
> **
> The discussion list for  http://webstandardsgroup.org/
> 
>  See http://webstandardsgroup.org/mail/guidelines.cfm
>  for some hints on posting to the list & getting help
> **
> 

-- 
Laurie Savage
=
http://moodle.pvgc.vic.edu.au/~sav
Assessment/Reporting/Tracking
Pascoe Vale Girls College,
Pascoe Vale, Victoria. +613 9306 2544
=
**
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 Lightening Entire Background Image

[Chris Kennon]

Hi,

Would the screenshot being in .png cause a difference? In photoshop  
check your color setting in the save for web window, it could be a  
gamma issue there? Also confirm the flattened image does not have a  
color profile.


Nice site, all things aside?
On Jan 12, 2006, at 4:18 PM, Mani Sheriar wrote:


Hey all,

I’m having a slightly maddening problem that appears to be only in  
Safari.


The test page is here: http://www.manisheriar.com/sparkplug/paywi/

On Firefox and IE all seems good, but in Safari the grays of the main
background image are too light and therefore clashing with other  
images

where it is supposed to blend.  See screenshot here:
http://www.manisheriar.com/sparkplug/paywi/_images/paywi.png

All these images were sliced from the same flattened psd.  At first I
thought it might be some weird problem with jpg vs. gif but I resaved
everything to be jpg and the issue is still there.  Nor is it  
background vs.

foreground ... the lock image is foreground but the nav buttons are
background.

Arrrggghhh!!!

Anyone have any thoughts?

THANK YOU in advance!!!

Mani Sheriar
Founder, Sheriar Designs
www.ManiSheriar.com  | 925.914.0741



**
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 Lightening Entire Background Image

[Joshua Street]

Tried on another computer? Could be different monitor/colour profiles
on Mac vs. PC. If, on the Mac, you go to System Preferences > Displays
> Color > Calibrate... you can set the colour to resemble that of a PC
more closely.

If you open it up in FF/Mac or IE/Mac and the problem IS colour
profiles, it'll probably look the same as it does in Safari. If not,
there's something else at play.

Alternatively, if it were a PNG, maybe it's just that Photoshop sucks
at saving those files. I've had problems with exporting PNGs that have
crap colour (ONLY IN IE, for whatever reason) until I open/resaved
with The GIMP (gaining a few bytes in the process, but making it work
properly!). Could just be me/ineptitude at Photoshop (new job, have
been thrown from GIMP-only world into Photoshop, and it hurts!), but
possibly not.

On 1/13/06, Mani Sheriar <[EMAIL PROTECTED]> wrote:
> Hey all,
>
> I'm having a slightly maddening problem that appears to be only in Safari.
>
> The test page is here: http://www.manisheriar.com/sparkplug/paywi/
>
> On Firefox and IE all seems good, but in Safari the grays of the main
> background image are too light and therefore clashing with other images
> where it is supposed to blend.  See screenshot here:
> http://www.manisheriar.com/sparkplug/paywi/_images/paywi.png
>
> All these images were sliced from the same flattened psd.  At first I
> thought it might be some weird problem with jpg vs. gif but I resaved
> everything to be jpg and the issue is still there.  Nor is it background vs.
> foreground ... the lock image is foreground but the nav buttons are
> background.
>
> Arrrggghhh!!!
>
> Anyone have any thoughts?
>
> THANK YOU in advance!!!
>
> Mani Sheriar
> Founder, Sheriar Designs
> www.ManiSheriar.com  | 925.914.0741
>
>
>
> **
> The discussion list for  http://webstandardsgroup.org/
>
>  See http://webstandardsgroup.org/mail/guidelines.cfm
>  for some hints on posting to the list & getting help
> **
>
>


--
Joshua Street

http://www.joahua.com/
+61 (0) 425 808 469
**
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 Lightening Entire Background Image

[Mani Sheriar]

Hey all,

I’m having a slightly maddening problem that appears to be only in Safari.

The test page is here: http://www.manisheriar.com/sparkplug/paywi/

On Firefox and IE all seems good, but in Safari the grays of the main
background image are too light and therefore clashing with other images
where it is supposed to blend.  See screenshot here:
http://www.manisheriar.com/sparkplug/paywi/_images/paywi.png

All these images were sliced from the same flattened psd.  At first I
thought it might be some weird problem with jpg vs. gif but I resaved
everything to be jpg and the issue is still there.  Nor is it background vs.
foreground ... the lock image is foreground but the nav buttons are
background.

Arrrggghhh!!!

Anyone have any thoughts?

THANK YOU in advance!!!

Mani Sheriar
Founder, Sheriar Designs
www.ManiSheriar.com  | 925.914.0741
 


**
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] Hover text bunching up in Firefox

[Scott Swabey]

You may want to try adding a width to your link container div:

div#links { width: 11em; }

It's a quick fix.

Regards

Scott Swabey
Design & Development Director

Lafinboy Productions
www.lafinboy.com


White Ash wrote
The navigation (at the bottom of the page) looks fine in IE, but the
hover text bunches up in Firefox like there is a right margin making the
text wrap.  Any ideas on how to remedy this?
 
http://altautoaccess.com/jumpstart.htm
 
http://altautoaccess.com/css/home.css
 
Thanks a bunch!
 
White Ash



**
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] Hover text bunching up in Firefox

[White Ash]

Title: Message



Hello 
~
 
The navigation (at 
the bottom of the page) looks fine in IE, but the hover text bunches up in 
Firefox like there is a right margin making the text wrap.  Any ideas on 
how to remedy this?
 
http://altautoaccess.com/jumpstart.htm
 
http://altautoaccess.com/css/home.css
 
Thanks a 
bunch!
 
White 
Ash

RE: [WSG] Active Links

[Terrence Wood]

Helmut Granda said:
> What I am trying to achieve is this:
> http://www.alistapart.com/articles/keepingcurrent/
> but without using an ID or a class.

What server side language do you have support for? Creating navigation
like the php example and including it with your pages is the best way to
achieve what you want.

If you don't have PHP, then you will probably at least have SSI as part of
the server. Let us know and we can proced from there.


kind regards
Terrence Wood.

**
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] Active Links

[Helmut Granda]

Hello Everyone,

 

Thanks everyone for your responses, I
think I explained myself wrong:

 

What I am trying to achieve is this:

 

http://www.alistapart.com/articles/keepingcurrent/

 

but without using an ID or a class.

 

I have been looking around and so far no
luck, I believe that we have to type the ID names manually. The reason why I
was trying to figure it out is because as some one commented I am creating a
static site and contains hundreds of pages. So to avoid the trouble of opening
each page and defining the “Active” ID I would like to solve the
problem by just defining it in my CSS and then all the pages would inherit it.

 

Btw, for a minute I thought some one was
taking about the pseudo-class currentLink but then I figured they were making
reference to my email J

 



...helmut











From: [EMAIL PROTECTED]
[mailto:[EMAIL PROTECTED] On
Behalf Of Helmut Granda
Sent: Thursday, January 12, 2006
2:57 PM
To: WSG
Subject: [WSG] Active Links



 

Hello,

 

I am trying to show on a left menu what page is currently
active with CSS. So far the only way I know how to do it is by hand-coding it

 

link.html

 

What I was thinking about doing was to set up the a:Active
class to like bold or something, now the only time when the text shows bold is
when I press on it.

 

Is there a way to set up the CSS globally with a:Active or
similar so I don’t have to hand-code each link in my menu?

 

Thanks!

-H 

 

 

 

 

 

Re: [WSG] Active Links

[Juergen Auer]

Hello Helmut,

On 12 Jan 2006 at 14:56, Helmut Granda wrote:
> So far the only way I know how to do it is by hand-coding it
> link.html
> What I was thinking about doing was to set up the a:Active class to > like 
> bold or something, now the only time when the text shows bold is  when I 
> press on it.

You can use

a:link  {color:#003399; text-decoration:none;}
a:visited   {color:#A0; text-decoration:none}
a:hover {color:#003300; background-color:#E8E8E8;
border-bottom:solid;border-bottom-width:1px;
text-decoration:none; }

as a global definition or

..pNav  a:link, .sNav a:link{color:#ff; text-decoration:none; 
font-size:smaller;}
.pNav   a:visited, .sNav a:visited  {color:#ee; text-decoration:none; 
font-size:smaller;}
.pNav   a:hover, .sNav a:hover  {color:#ff3300; 
background-color:#003300;   

border-bottom:solid;border-bottom-width:1px;

border-top-width:0px;text-decoration:none;

as definitions for pNav/sNav as classes.

Both works, I am using it on my domain.


Best Regards
Juergen Auer



Jürgen Auer, http://www.sql-und-xml.de/
Web-Datenbanken zum Mieten
Friedenstr. 37, 10 249 Berlin
Tel.: (030) 420 20 060
Fax: (030) 420 19 819
[EMAIL PROTECTED]
**
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] Active Links

[Joshua Street]

The :active pseudo-class is used on the, well, current active element.
In any browser other than IE this doesn't even need to be an anchor:
you could (probably, haven't tested just now) use it on a form element
so that the background changed colour when you were entering
information into an input element (child of the form element, hence
form is still active).

So that's what :active does.

The class="currentlink" solution is probably best... another way to do
it would be to apply a class to body depending on what the current
page was, and use an ID on each of your nav items with the rule

body.documentclass #individualnavitemclass {
font-weight:bold;
}

Personally, I'd prefer to just have the class in the list item itself
(the other seems like overkill, though possibly easier if you're doing
static sites with lots of page-specific styles).

There's probably a way you could parse the href values of each list
item and set the style using JavaScript accordingly, but that's beyond
me at least...

Regards,
Josh

On 1/13/06, Helmut Granda <[EMAIL PROTECTED]> wrote:
>
>
>
> Hello,
>
>
>
> I am trying to show on a left menu what page is currently active with CSS.
> So far the only way I know how to do it is by hand-coding it
>
>
>
> link.html
>
>
>
> What I was thinking about doing was to set up the a:Active class to like
> bold or something, now the only time when the text shows bold is when I
> press on it.
>
>
>
> Is there a way to set up the CSS globally with a:Active or similar so I
> don't have to hand-code each link in my menu?
>
>
>
> Thanks!
>
> -H

--
Joshua Street

http://www.joahua.com/
+61 (0) 425 808 469
**
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] Active Links

[Terrence Wood]

Helmut Granda said:
> Hello,
>
>
>
> I am trying to show on a left menu what page is currently active with CSS.
> So far the only way I know how to do it is by hand-coding it
>
>
>
> link.html
>
>
>
> What I was thinking about doing was to set up the a:Active class to like
> bold or something, now the only time when the text shows bold is when I
> press on it.

This is the correct behaviour. a:active is when the link is clicked.

You want to set up your style for the 'currentLink' class:

a.currentLink {
font-weight: bold;
}

kind regards
Terrence Wood.

**
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] Active Links

[Helmut Granda]

Hello,

 

I am trying to show on a left menu what page is currently
active with CSS. So far the only way I know how to do it is by hand-coding it

 

link.html

 

What I was thinking about doing was to set up the a:Active class
to like bold or something, now the only time when the text shows bold is when I
press on it.

 

Is there a way to set up the CSS globally with a:Active or
similar so I don’t have to hand-code each link in my menu?

 

Thanks!

-H 

 

 

 

 

 

[WSG] OT:Javascript/DOM Mailing List

[Chris Kennon]

Hi,

Would someone share their booty of a JS/DOM standards based mailing  
list?



Happy New Year
(Better Late Than Never),
Chris Kennon
**
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] Site Check - ShetlandCoffee.com

[David Nicol]

Hi Roberto,
 
Many thanks for spotting this.
 
Much appreciated.
 
Cheers
David
http://www.nbcommunication.com  
On 1/12/06, Roberto Santana <[EMAIL PROTECTED]> wrote:

Hello David, 
 
I've just check your site, its fantastic, but I've discovered a bug. If you're at cart.cfm page with some products added to your basket and modify any quantity and click Update Cart, everything is updated but "My Total" in the top right of your page.

 
Regads,
R. Santana


De: [EMAIL PROTECTED] [mailto:
[EMAIL PROTECTED]] En nombre de David NicolEnviado el: jueves, 12 de enero de 2006 10:16Para: 
wsg@webstandardsgroup.orgAsunto: Re: [WSG] Site Check - ShetlandCoffee.com 


Hello everyone,
 
What can I say? Your advice and assistance has been tremendous. I completely appreciate it.
 
It looks like I've got a bit of work to do sorting out a series of problems with the site. I'll get stuck into this work and will, I hope, get everything working properly before the official launch.
 
Thank you again.
 
David
http://www.nbcommunication.com
 
 

Re: [WSG] Plesk (hosting control panel system) and web standards support

[James Ellis]

HI Kay

I'd check out a Plesk demo and look under the hood - probably the best
bet. Or just install it on a demo site and see what happens.

One of the gripes I have is that 90+% of these off the shelf systems
hand you a frontend and a backend in one inseparable lot. It would be
great to have an application say  "here's the data you requested from
the backend, present it yourself if you like"...

Cheers
James

On 1/11/06, Kay Smoljak <[EMAIL PROTECTED]> wrote:
> The company I work for is moving our hosting systems to Plesk. One of
> the tasks that will probably fall to me is adding some of our branding
> to the Control Panel interface itself. I've worked with the HSphere
> control panel system in the past and customizing the look and feel has
> been a nightmare - has anyone had any experience with Plesk who could
> comment on whether it uses web standards (I doubt it but it doesn't
> hurt to dream) or perhaps just good CSS? Is it easy to modify?
>
> Thanks!
>
> --
> Kay Smoljak
> http://kay.zombiecoder.com/
> **
> 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] Site Check - ShetlandCoffee.com

[Roberto Santana]

Hello David, 
 
I've just check your site, its fantastic, but I've 
discovered a bug. If you're at cart.cfm page with some products added to your 
basket and modify any quantity and click Update Cart, everything is updated but 
"My Total" in the top right of your page.
 
Regads,
R. Santana


De: [EMAIL PROTECTED] 
[mailto:[EMAIL PROTECTED] En nombre de David 
NicolEnviado el: jueves, 12 de enero de 2006 10:16Para: 
wsg@webstandardsgroup.orgAsunto: Re: [WSG] Site Check - 
ShetlandCoffee.com

Hello everyone,
 
What can I say? Your advice and assistance has been tremendous. I 
completely appreciate it.
 
It looks like I've got a bit of work to do sorting out a series of problems 
with the site. I'll get stuck into this work and will, I hope, 
get everything working properly before the official launch.
 
Thank you again.
 
David
http://www.nbcommunication.com
 
 

Re: [WSG] Site Check - ShetlandCoffee.com

[David Nicol]

Hello everyone,
 
What can I say? Your advice and assistance has been tremendous. I completely appreciate it.
 
It looks like I've got a bit of work to do sorting out a series of problems with the site. I'll get stuck into this work and will, I hope, get everything working properly before the official launch.
 
Thank you again.
 
David
http://www.nbcommunication.com