RE: [WSG] positioning help needed

2008-12-11 Thread Essential eBiz Solutions Ltd
Your problem is the sidebar, you need to make the position of it relative,
then the footer will pop underneath it. To keep the sidebar liquid just
float it to the right and use em's for the height, width etc. 


Many Thanks



Disclaimer: This email and its attachments may be confidential and are
intended solely for the use of the individual to whom it is addressed. Any
views or opinions expressed are solely those of the author and do not
necessarily represent those of Essential eBiz Solutions Ltd. If you are not
the intended recipient of this email and its attachments then please contact
the sender and do not use or forward this e-mail to anyone.

Essential eBiz Solutions Ltd, Registered in England and Wales Company
Registration No: 57200784. Registered Office: 6, Gibson Place, Meir,
Stoke-on-Trent, Staffordshire, ST3 5PQ. 
 

-Original Message-
From: li...@webstandardsgroup.org [mailto:li...@webstandardsgroup.org] On
Behalf Of David Hucklesby
Sent: 11 December 2008 20:39
To: wsg@webstandardsgroup.org
Subject: Re: [WSG] positioning help needed

On Wed, 10 Dec 2008 12:03:46 +, kevin mcmonagle wrote:
 Hi I'm trying to modify this template to work with a footer. The 
 problem is getting a footer to float below the right side div. I can't 
 figure out how to keep #sidebar liquid but still float a footer under it.
Is it possible.


Nope. Absolutely positioned boxes are taken out of the normal flow.
 This means they have no impact on the layout of later siblings.[1]


 heres the example:

 http://www.gortahork.eu/en


Try using a floated construction instead. Examples here:

 http://blog.html.it/layoutgala/

[1] http://www.w3.org/TR/CSS21/visuren.html#choose-position

Cordially,
David
--



***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: memberh...@webstandardsgroup.org
***



--
No virus found in this incoming message.
Checked by AVG. 
Version: 7.5.552 / Virus Database: 270.9.15/1835 - Release Date: 07/12/2008
16:56




***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: memberh...@webstandardsgroup.org
***



RE: [WSG] hover state on icons(indivdual li backgrounds)

2008-12-08 Thread Essential eBiz Solutions Ltd
Hi Kevin,
I thunk your problem is in the CSS you are using a class selected
attached to the a attribute but in the XHTML you trying to use it as a ID
selector on the LI element. Try this:
 
ul li.home{
background-image:url(../images/icons/homeover.gif);
 background-repeat:no-repeat;background-position:-94px 1px; }


ul li.home:hover{
background-image:url(../images/icons/homeover.gif);
 background-repeat:no-repeat;background-position:-4px 1px; }

li class=home a href# class=homeHome/a /li



Many Thanks



Disclaimer: This email and its attachments may be confidential and are
intended solely for the use of the individual to whom it is addressed. Any
views or opinions expressed are solely those of the author and do not
necessarily represent those of Essential eBiz Solutions Ltd. If you are not
the intended recipient of this email and its attachments then please contact
the sender and do not use or forward this e-mail to anyone.

Essential eBiz Solutions Ltd, Registered in England and Wales Company
Registration No: 57200784. Registered Office: 6, Gibson Place, Meir,
Stoke-on-Trent, Staffordshire, ST3 5PQ. 
 

-Original Message-
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On
Behalf Of kevin mcmonagle
Sent: 08 December 2008 16:16
To: wsg@webstandardsgroup.org
Subject: [WSG] hover state on icons(indivdual li backgrounds)

Is it possible to get two images into an li anchor if each background image
or icon is unique.
All the online tutrials that ive found are for list items that share a
common background image - but this must have been done before.


heres the css ive tried:

 #home a{background-image:url(../images/icons/home.gif);
 background-repeat:no-repeat;background-position:-4px 1px; }
 

 a.home{
background-image:url(../images/icons/homeover.gif);
 background-repeat:no-repeat;background-position:-94px 1px; }


 a.home:hover{
background-image:url(../images/icons/homeover.gif);
 background-repeat:no-repeat;background-position:-4px 1px; }


In the xhtml ive tried both these scenarios and different combinations of
ids/classes on the above css.

li id=home  a href# class=homeHome/a li id=home
class=home a href#Home/a

The problem is that once one background is in the anchor or li i cant get
another to reposition over it...
Unless someone has a better idea Im thinking about doing something dirty
like wrapping a span around the li's.


If this doesnt make any sense to you here is my very under-construction
example:
http://www.gortahork.eu/en

-best
kevin



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



--
No virus found in this incoming message.
Checked by AVG. 
Version: 7.5.552 / Virus Database: 270.9.15/1835 - Release Date: 07/12/2008
16:56




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



[WSG] Accessible JS/Mootools

2008-10-28 Thread Essential eBiz Solutions Ltd

 Hi Everyone,

I'm trying to implement a few features from the mootools library on a
clients web site.

 

Basically I'm trying to get 3 element to load differently on the page load.

 

the 1st one is the navigation bar which I think is completed

 

the second is a div that has a .png image for transparency that I want to
slide into place so basically have it's width go from 0px - 300px

 

then when that has finished it animation for the text inside it which has
another div container to fade in.

 

can anyone help? I've searched the web and the only things I can find either
don't work or they aren't accessible.

 

div class=page-animation 

div class=page-content (needs to have the slide from 0px to 310px on
page load)
div class=padding(needs to have any text/images contained to fade in on
page load)
h1Welcome to strongACB/strong/h1
pstrongLorem ipsum dolor sit amet, consectetuer adipiscing elit. Nulla
consequat est sed tellus. Donec ante augue, suscipit nec, tempor a, accumsan
sit amet, lectus./strong/p
pAliquam dolor mi, tempus in, congue at, blandit eu, nulla. Nam in quam
eget nisl malesuada fringilla. Mauris eget sapien. Duis eu augue eu est
rutrum semper. Nunc et tellus. Nunc rhoncus, ante facilisis bibendum
feugiat, quam est sagittis felis, a imperdiet quam nisi non dolor. Praesent
rutrum lectus non dui. Aenean lorem. Sed pulvinar mauris vitae mauris.
Vivamus vitae tellus at nunc ullamcorper rhoncus./p
pQuisque lectus lorem, venenatis non, scelerisque a, suscipit at, neque.
Quisque faucibus feugiat lacus. Morbi ullamcorper diam ut dolor./p
/div
/div
/div

 

site is at www.essentialebizsolutions.net/client/acb

 


Many thanks

Essential eBiz Solutions
0800 327 7935


 http://www.essentialebizsolutions.net www.essentialebizsolutions.net

Disclaimer: This email and its attachments may be confidential and are
intended solely for the use of the individual to whom it is addressed. Any
views or opinions expressed are solely those of the author and do not
necessarily represent those of Essential eBiz Solutions Ltd. If you are not
the intended recipient of this email and its attachments then please contact
the sender and do not use or forward this e-mail to anyone.

Essential eBiz Solutions Ltd, Registered in England and Wales Company
Registration No: 57200784. Registered Office: 92, Stanton Road, Meir,
Stoke-on-Trent, Staffordshire, ST3 6DF.

Please consider the environmental impact of printing this e-mail.

CONFIDENTIAL: This email is intended for and confidential to the named
recipient. If you have received a copy in error, please accept our apologies
and destroy it. You may not use or disclose the contents of this e-mail to
anyone, nor take copies of it. The only copies permitted are to be made by
the named recipient and for the purpose of completing successful electronic
transmission to the named recipient and then only on condition that these
copies, with this notice attached, are kept confidential until destruction.

 



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

RE: [WSG] Accessible JS/Mootools

2008-10-28 Thread Essential eBiz Solutions Ltd
can anyone help me with this?
 

Many Thanks

Mathew O'Connor

 http://www.essentialebizsolutions.net/ 

0800 3277935

 


  _  

 


Disclaimer: This email and its attachments may be confidential and are
intended solely for the use of the individual to whom it is addressed. Any
views or opinions expressed are solely those of the author and do not
necessarily represent those of Essential eBiz Solutions Ltd. If you are not
the intended recipient of this email and its attachments then please contact
the sender and do not use or forward this e-mail to anyone.

Essential eBiz Solutions Ltd, Registered in England and Wales Company
Registration No: 57200784. Registered Office: 92 Stanton Road, Meir,
Stoke-on-Trent, Staffordshire, ST3 6DF. 

 

 

 

 

  _  

From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On
Behalf Of Essential eBiz Solutions Ltd
Sent: 28 October 2008 15:32
To: wsg@webstandardsgroup.org
Subject: [WSG] Accessible JS/Mootools



 Hi Everyone,

I'm trying to implement a few features from the mootools library on a
clients web site.

 

Basically I'm trying to get 3 element to load differently on the page load.

 

the 1st one is the navigation bar which I think is completed

 

the second is a div that has a .png image for transparency that I want to
slide into place so basically have it's width go from 0px - 300px

 

then when that has finished it animation for the text inside it which has
another div container to fade in.

 

can anyone help? I've searched the web and the only things I can find either
don't work or they aren't accessible.

 

div class=page-animation 

div class=page-content (needs to have the slide from 0px to 310px on
page load)
div class=padding(needs to have any text/images contained to fade in on
page load)
h1Welcome to strongACB/strong/h1
pstrongLorem ipsum dolor sit amet, consectetuer adipiscing elit. Nulla
consequat est sed tellus. Donec ante augue, suscipit nec, tempor a, accumsan
sit amet, lectus./strong/p
pAliquam dolor mi, tempus in, congue at, blandit eu, nulla. Nam in quam
eget nisl malesuada fringilla. Mauris eget sapien. Duis eu augue eu est
rutrum semper. Nunc et tellus. Nunc rhoncus, ante facilisis bibendum
feugiat, quam est sagittis felis, a imperdiet quam nisi non dolor. Praesent
rutrum lectus non dui. Aenean lorem. Sed pulvinar mauris vitae mauris.
Vivamus vitae tellus at nunc ullamcorper rhoncus./p
pQuisque lectus lorem, venenatis non, scelerisque a, suscipit at, neque.
Quisque faucibus feugiat lacus. Morbi ullamcorper diam ut dolor./p
/div
/div
/div

 

site is at www.essentialebizsolutions.net/client/acb

 


Many thanks

Essential eBiz Solutions
0800 327 7935


 http://www.essentialebizsolutions.net www.essentialebizsolutions.net

Disclaimer: This email and its attachments may be confidential and are
intended solely for the use of the individual to whom it is addressed. Any
views or opinions expressed are solely those of the author and do not
necessarily represent those of Essential eBiz Solutions Ltd. If you are not
the intended recipient of this email and its attachments then please contact
the sender and do not use or forward this e-mail to anyone.

Essential eBiz Solutions Ltd, Registered in England and Wales Company
Registration No: 57200784. Registered Office: 92, Stanton Road, Meir,
Stoke-on-Trent, Staffordshire, ST3 6DF.

Please consider the environmental impact of printing this e-mail.

CONFIDENTIAL: This email is intended for and confidential to the named
recipient. If you have received a copy in error, please accept our apologies
and destroy it. You may not use or disclose the contents of this e-mail to
anyone, nor take copies of it. The only copies permitted are to be made by
the named recipient and for the purpose of completing successful electronic
transmission to the named recipient and then only on condition that these
copies, with this notice attached, are kept confidential until destruction.

 


***
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]
***image003.jpgebs_logov2.jpg

RE: [WSG] Font-size inheritance issue?

2008-10-25 Thread Essential eBiz Solutions Ltd
Hi Aaron,
I'm more than happy to supply a CSS menu tutorial for a standard or
drop down menu. 

-Original Message-
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On
Behalf Of Aaron Wheeler
Sent: 25 October 2008 18:57
To: wsg@webstandardsgroup.org
Subject: RE: [WSG] Font-size inheritance issue?

Hi all my name is Aaron and I own the new site cssboard.co.uk I am writing
to you all today to see if anyone could help me out with 3 minutes of their
time. I am startinga new magazine (FREE) called Css Design it is a magazine
designed at reaching the designers of the web world who loved and will only
stick to the css standard way of life. 

In short I am looking for as much help as I can writing the articles ( all
adverts go to you and you companies / projects) 

The themes this month is as follows

IN THIS ISSUE

The Growth of Gallery  Design Competition Sites (Article)

How to create the perfect css menu navigation (Tutorial)

Where is design heading in 2009(Article)

The Perfect Layout (Tutorial) 

Clean Code (Article)

Design Competition - Design a new church site (Prize award of free css bible
book)

Resources ( A collection of links that will build up as the magazine gets
better)

3 - 4 pages of advertising throughout the issue

Best CSS Gallery - We will be doing an article on the best css gallery site
we can find.


If you can help please let me know , Thanks 

Aaron




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



--
No virus found in this incoming message.
Checked by AVG. 
Version: 7.5.549 / Virus Database: 270.8.3/1744 - Release Date: 24/10/2008
18:08




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



RE: [WSG] JavaScript clarification please

2008-10-23 Thread Essential eBiz Solutions Ltd
Hi Brett, 

  Javascript can be object orientated, it all depends on how your
using it. If you are using DOM etc then it's object. It's just like PHP 5
which is now object orientated with classes like GD+ and some of the classes
that rely on classes to work. I'm not a JS expert so I can't really explain
more than that, but I'm sure someone on here knows a bit more. 

 

  _  

From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On
Behalf Of Brett Patterson
Sent: 23 October 2008 22:53
To: wsg@webstandardsgroup.org
Subject: [WSG] JavaScript clarification please

 

I am in the middle of a conversation with this guy who says that JavaScript
is an object-oriented language. Is he correct? Could you please site some
references?

***
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] Accessible and cross browser online slide system

2008-10-22 Thread Essential eBiz Solutions Ltd
The jastAslide links don’t work in firefox

-Original Message-
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On
Behalf Of Diego La Monica
Sent: 22 October 2008 16:50
To: wsg@webstandardsgroup.org
Subject: R: [WSG] Accessible and cross browser online slide system

 
Hi Thierry,
  I solved the keyboard navigation issues, try to take a look now [1], I've
uploaded an updated version of the script. Only the active tab got focus
while and you can change tab only with left/right arrow... It seems like
reasonable way to work for you? ;-)

Cheers,
Diego La Monica
Web 2.0 - Standards - Accessibilità
mobile: +39 3337235382 - skype: diego.la.monica
web: http://diegolamonica.info - http://jastegg.it

P.S. With IE7 the page you've suggested [2] me is broken.

[1] http://jastegg.it/jastASlide/
[2]
http://www.tjkdesign.com/articles/keyboard-friendly_tabbed-panels/jump-link
s.asp



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



-- 
No virus found in this incoming message.
Checked by AVG. 
Version: 7.5.549 / Virus Database: 270.8.2/1738 - Release Date: 21/10/2008
14:10




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



RE: [WSG] suckerfish problem - ie6

2008-09-25 Thread Essential eBiz Solutions Ltd
Your top links aren't working in Firefox, the nav li's need a z-index to
appear above the flash.

-Original Message-
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On
Behalf Of Gunlaug Sørtun
Sent: 25 September 2008 15:44
To: wsg@webstandardsgroup.org
Subject: Re: [WSG] suckerfish problem - ie6

kevin mcmonagle wrote:
 Hi, Having a problem with suckerfish drowndowns, ie6 shows the nested
 lists expanded to the full height of all li's.  Im doing the css for
 a programmer and im not sure whats going wrong. is it possible the 
 javascript fix isnt being picked up? Im not doing that part of the 
 programming.
 
 Anyone see this before?
 
 www.grandcentralhotel.ie

Sure, IE6 has no respect for declared dimensions - !important or not,
and expands #mainMenu li to make room for #mainMenu li ul.

Suggest you add...

* html #mainMenu li ul {margin-bottom: -1000px;}

...to prevent IE6 from acting on the height.

regards
Georg
-- 
http://www.gunlaug.no


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



-- 
No virus found in this incoming message.
Checked by AVG. 
Version: 7.5.524 / Virus Database: 270.7.2/1689 - Release Date: 24/09/2008
18:51




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



RE: [WSG] suckerfish problem - ie6

2008-09-25 Thread Essential eBiz Solutions Ltd
FF3, it only happens on the home page where the flash is, if you set your
flash container to z-index 1 (assuming your using SWFobject) and you ul to
z-index 99 then it will work in all browsers.

-Original Message-
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On
Behalf Of kevin mcmonagle
Sent: 25 September 2008 19:35
To: wsg@webstandardsgroup.org
Subject: Re: [WSG] suckerfish problem - ie6

Thanks,
Only other services and local information have drop downs and they are 
showing up in ff3 for me.
what version are you using?



Essential eBiz Solutions Ltd wrote:
 Your top links aren't working in Firefox, the nav li's need a z-index to
 appear above the flash.

   




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



-- 
No virus found in this incoming message.
Checked by AVG. 
Version: 7.5.524 / Virus Database: 270.7.2/1689 - Release Date: 24/09/2008
18:51




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



RE: [WSG] semantics of a simple form

2008-09-25 Thread Essential eBiz Solutions Ltd
Personally I would say yes, the legend give vital information about what
information is being request and the fieldset tells the users/browser/reader
that the information with in it is linked together

-Original Message-
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On
Behalf Of kevin mcmonagle
Sent: 25 September 2008 21:29
To: wsg@webstandardsgroup.org
Subject: [WSG] semantics of a simple form

im not an expert on this but should there be a fieldset or legend around 
this?
not even sure if it qualifies as a form, although it has a submit button.

h4Check-in Date:/h4
  select name=...
option value=101/option
.
/select   
select name=... id=...
option selected=selected value=09|2008Sep 08/option
.
/select

 
h4Check-out Date:/h4
 select name=...
option value=101/option
./select
  select name=...
option selected=selected value=09|2008Sep 08/option
.
/select

div class=button
input type=submit name=... value=Search id=... /
/div

-thanks in advance
kevin



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



-- 
No virus found in this incoming message.
Checked by AVG. 
Version: 7.5.524 / Virus Database: 270.7.2/1689 - Release Date: 24/09/2008
18:51




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



RE: [WSG] Position and peace of mind

2008-09-04 Thread Essential eBiz Solutions Ltd
With the absolute style you've tried, a z-index may help the ie issue's.

-Original Message-
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On
Behalf Of John Unsworth
Sent: 04 September 2008 05:29
To: wsg@webstandardsgroup.org
Subject: Fwd: [WSG] Position and peace of mind

-- Forwarded message --
From: John Unsworth [EMAIL PROTECTED]
Date: 4 Sep 2008 14:05
Subject: Re: [WSG] Position and peace of mind
To: Kepler Gelotte [EMAIL PROTECTED]


On 04/09/2008, Kepler Gelotte [EMAIL PROTECTED] wrote:
  John,
 
   It would really help when you have a specific issue like this to post a
url
   where people could see your site. Most hosting companies allow you to
create
   subdomains so you could put the web site on your host as
   http://problemsite.mydomain.com/
 
   Best regards,
 
 
   Kepler Gelotte
   Neighbor Webmaster, Inc.
   156 Normandy Dr., Piscataway, NJ 08854
   www.neighborwebmaster.com
   phone/fax: (732) 302-0904


Thanks for replying Kepler,
 I've arranged to put the two versions up for viewing.
 The relatively positioned div's is at;
 http://distributeit.com.au/wsg/relative-index.html
 and the absolutes are here;
 http://distributeit.com.au/wsg/absolute-index.html

 The issue with the More Info buttons in Opera disapears when I
 removed the absolute position call in the CSS...but so do the images.
 And I'd like to advise that the call in the head of the HTML for the
 CSS is taken from Jon Hicks' presentation A Day in Deployment, I
 thought it was a good method although I am aware that the Yahoo front
 end optimisation people advise that the @import rule is not perfect.
 For anyone not aware of the Jon Hicks presentation, you'll find it
 here;
 http://www.hicksdesign.co.uk/journal/design-to-deployment

 Many thanks

John Unsworth


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



-- 
No virus found in this incoming message.
Checked by AVG. 
Version: 7.5.524 / Virus Database: 270.6.15/1649 - Release Date: 03/09/2008
07:15




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



[WSG] Accesbility Help

2008-09-04 Thread Essential eBiz Solutions Ltd
 http://www.essentialebizsolutions.net Click the Essential eBiz Solutions
logo to visit our home page


 Hi All,


This is a mixed question, I have a contact form that I'm
building. I want to add a human verifier to the forms but not a captcha one
because they are far from accessible, I'm not that good at PHP though to
figure it out, I already use the Mikes Green Beast form for general contact
but this will be to process order request. I've trawled the internet but all
I can find is captcha solutions, can any one point me in the right
direction?


 


Many thanks


Essential eBiz Solutions Ltd

6 Gibson Place

Meir

Stoke-on-Trent

 

www.essentialebizsolutions.net

Disclaimer: This email and its attachments may be confidential and are
intended solely for the use of the individual to whom it is addressed. Any
views or opinions expressed are solely those of the author and do not
necessarily represent those of Essential eBiz Solutions Ltd. If you are not
the intended recipient of this email and its attachments then please contact
the sender and do not use or forward this e-mail to anyone.

Essential eBiz Solutions Ltd, Registered in England and Wales Company
Registration No: 57200784. Registered Office: 6, Gibson Place, Meir,
Stoke-on-Trent, Staffordshire, ST3 5PQ.

Please consider the environmental impact of printing this e-mail.

CONFIDENTIAL: This email is intended for and confidential to the named
recipient. If you have received a copy in error, please accept our apologies
and destroy it. You may not use or disclose the contents of this e-mail to
anyone, nor take copies of it. The only copies permitted are to be made by
the named recipient and for the purpose of completing successful electronic
transmission to the named recipient and then only on condition that these
copies, with this notice attached, are kept confidential until destruction

Hosting Plans http://www.krystal.co.uk/aff/aff.php?id=135_1 



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

RE: [WSG] Accesbility Help

2008-09-04 Thread Essential eBiz Solutions Ltd
Mike your still a god in my eyes, even more so now. Many thanks.

-Original Message-
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On
Behalf Of Mike at Green-Beast.com
Sent: 04 September 2008 17:12
To: wsg@webstandardsgroup.org
Subject: Re: [WSG] Accesbility Help

Hi eBiz,

In this article [1] I explain the how-to a bit and offer some additional 
solutions. Perhaps you could integrate those code snippets in your order 
form.

[1] http://green-beast.com/blog/?p=220

Respectfully,
Mike Cherim



- Original Message - 
From: Essential eBiz Solutions Ltd [EMAIL PROTECTED]
To: [EMAIL PROTECTED]; wsg@webstandardsgroup.org
Sent: Thursday, September 04, 2008 10:41 AM
Subject: [WSG] Accesbility Help


 http://www.essentialebizsolutions.net Click the Essential eBiz Solutions
 logo to visit our home page


 Hi All,


This is a mixed question, I have a contact form that I'm
 building. I want to add a human verifier to the forms but not a captcha 
 one
 because they are far from accessible, I'm not that good at PHP though to
 figure it out, I already use the Mikes Green Beast form for general 
 contact
 but this will be to process order request. I've trawled the internet but 
 all
 I can find is captcha solutions, can any one point me in the right
 direction?





 Many thanks


 Essential eBiz Solutions Ltd

 6 Gibson Place

 Meir

 Stoke-on-Trent



 www.essentialebizsolutions.net

 Disclaimer: This email and its attachments may be confidential and are
 intended solely for the use of the individual to whom it is addressed. Any
 views or opinions expressed are solely those of the author and do not
 necessarily represent those of Essential eBiz Solutions Ltd. If you are 
 not
 the intended recipient of this email and its attachments then please 
 contact
 the sender and do not use or forward this e-mail to anyone.

 Essential eBiz Solutions Ltd, Registered in England and Wales Company
 Registration No: 57200784. Registered Office: 6, Gibson Place, Meir,
 Stoke-on-Trent, Staffordshire, ST3 5PQ.

 Please consider the environmental impact of printing this e-mail.

 CONFIDENTIAL: This email is intended for and confidential to the named
 recipient. If you have received a copy in error, please accept our 
 apologies
 and destroy it. You may not use or disclose the contents of this e-mail to
 anyone, nor take copies of it. The only copies permitted are to be made by
 the named recipient and for the purpose of completing successful 
 electronic
 transmission to the named recipient and then only on condition that these
 copies, with this notice attached, are kept confidential until destruction

 Hosting Plans http://www.krystal.co.uk/aff/aff.php?id=135_1



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



-- 
No virus found in this incoming message.
Checked by AVG. 
Version: 7.5.524 / Virus Database: 270.6.16/1650 - Release Date: 03/09/2008
16:13




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



RE: [WSG] Accesbility Help

2008-09-04 Thread Essential eBiz Solutions Ltd
Pretty much what I was lucking for, similar to Mike's solution. Work on a
screen reader to unlike captcha.

-Original Message-
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On
Behalf Of Joseph Taylor
Sent: 04 September 2008 18:02
To: wsg@webstandardsgroup.org
Subject: Re: [WSG] Accesbility Help

If you want to avoid captchas, my recommendation would be to add a 
question that would foil a robot. Just explain that this field is for 
that specifically.

Something like:

fieldset
legendHuman Verification/legend

pThis section is used to thwart evil spam robots. Fill in the correct 
answer./p

div
labelWhat color is the sky? (hint: blue)/label
input type=text name=human_verifier
/div
/fieldset

You're PHP would be:

?php
// check the answer
if ($_POST['human_verifier'] != 'blue')
{
// incorrect
echo 'Robot! Get out!');
}
else
{
// correct
echo 'Welcome, Human.';
}
?

This is obviously a very, very simple solution but it has worked on 
reducing/removing form spam on a couple of my sites quite well while 
being an accessible solution. I'm welcome to an contradictory thoughts 
on this.

Joseph R. B. Taylor
/Designer / Developer/
--
Sites by Joe, LLC
/Clean, Simple and Elegant Web Design/
Phone: (609) 335-3076
Fax: (866) 301-8045
Web: http://sitesbyjoe.com
Email: [EMAIL PROTECTED]



Essential eBiz Solutions Ltd wrote:

 * Click the Essential eBiz Solutions logo to visit our home page 
 http://www.essentialebizsolutions.net *


   * Hi All, *


   * This is a mixed question, I have a contact form that I'm building.
   I want to add a human verifier to the forms but not a captcha one
   because they are far from accessible, I'm not that good at PHP
   though to figure it out, I already use the Mikes Green Beast form
   for general contact but this will be to process order request. I've
   trawled the internet but all I can find is captcha solutions, can
   any one point me in the right direction? *


   * *


   * Many thanks *

 Essential eBiz Solutions Ltd

 6 Gibson Place

 Meir

 Stoke-on-Trent

 www.essentialebizsolutions.net http://www.essentialebizsolutions.net

 ** Disclaimer ** : This email and its attachments may be confidential 
 and are intended solely for the use of the individual to whom it is 
 addressed. Any views or opinions expressed are solely those of the 
 author and do not necessarily represent those of Essential eBiz 
 Solutions Ltd. If you are not the intended recipient of this email and 
 its attachments then please contact the sender and do not use or 
 forward this e-mail to anyone.

 Essential eBiz Solutions Ltd, Registered in England and Wales Company 
 Registration No: 57200784. Registered Office: 6, Gibson Place , Meir, 
 Stoke-on-Trent, Staffordshire , ST3 5PQ .

 Please consider the environmental impact of printing this e-mail.

 CONFIDENTIAL: This email is intended for and confidential to the named 
 recipient. If you have received a copy in error, please accept our 
 apologies and destroy it. You may not use or disclose the contents of 
 this e-mail to anyone, nor take copies of it. The only copies 
 permitted are to be made by the named recipient and for the purpose of 
 completing successful electronic transmission to the named recipient 
 and then only on condition that these copies, with this notice 
 attached, are kept confidential until destruction

 Hosting Plans http://www.krystal.co.uk/aff/aff.php?id=135_1


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



-- 
No virus found in this incoming message.
Checked by AVG. 
Version: 7.5.524 / Virus Database: 270.6.16/1650 - Release Date: 03/09/2008
16:13



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



RE: [WSG] DocType Given is... Document Looks Like...

2008-09-04 Thread Essential eBiz Solutions Ltd
As far as I'm aware XHTML strict was never programmed to acknowledge
attributes, this was something that was only available in the transitional
format. If you remove language=javascript1.2 then you're page will
validate perfectly.

 

 

  _  

From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On
Behalf Of Cole Kuryakin
Sent: 05 September 2008 00:40
To: wsg@webstandardsgroup.org
Subject: RE: [WSG] DocType Given is... Document Looks Like...

 

Hi Todd -

 

Link is here: http://www.koisis.com/.framework/-public/index.php

 

Yes, I have verified that it's HTML validator - which is based upon Tidy -
extension that is giving me this info (it's not an error or even a warning).

 

As mentioned, all my pages do validate (as per HTML Validator) as I always
get a green check mark and 0 errors / 0 warnings at the bottom-right-hand
corner of FF.

 

As mentioned, no where near an emergency or a problem, but I am just
curious.

 

Cole

 

  _  

From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On
Behalf Of Todd Budnikas
Sent: Thursday, September 04, 2008 7:08 PM
To: wsg@webstandardsgroup.org
Subject: Re: [WSG] DocType Given is... Document Looks Like...

 

Cole, can you post a url so people can see the validator results and review
the code? Everything looks on the up-and-up from what you've posted. I've
never used the FF HTML Validator extension (is it the one based on HTML
Tidy?), so i can't speak for that. The Web Developer extension just pushes
the page to the W3C validator. Please also verify which Validator of the 2
you're running into trouble with.

 

 

On Sep 4, 2008, at 12:47 AM, Cole Kuryakin wrote:

 

Hello all -

 

I've got the following doctype at the head of each of my pages:

!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Strict//EN
http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd;

html xmlns=http://www.w3.org/1999/xhtml; xml:lang=en lang=en

 

I take great pains to validate everything I do on every page, but, even if
the page shows as valid (using FF's HTML Validator extension - or Web
Developer extension. I can't remember which) when I view source on a valid
page, I always get an info box that states:

 

Info: Doctype given is -//W3C//DTD XHTML 1.0 Strict//EN

Info: Document content looks like XHTML 1.0 Transitional

I don't think that this is - by any means - any reason for me to be worried
about my code/structure/et. al, but I've always wondered why, if I feed a
xhtml 1.0 STRICT doc type why the validator always says that my stuff looks
TRANSITIONAL?

Am I doing something wrong? 

Any insight would be appreciated.

Cole


***
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]
*** 
***
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] Google chrome... Coming very soon...

2008-09-02 Thread Essential eBiz Solutions Ltd
Just downloaded it. Seems that yet another blue chip is using a browsing
phishing tool, this time it was to rely specific download instructions

-Original Message-
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On
Behalf Of Spellacy, Michael
Sent: 02 September 2008 23:11
To: wsg@webstandardsgroup.org
Subject: RE: [WSG] Google chrome... Coming very soon...

Heh. Looks like somebody at Google is a big fan of Understanding Comics
By Scott McCloud. This is nice though.

Regards,
Spell

Michael Spellacy
Senior User Interface Developer
TMP Worldwide Advertising  Communications, LLC
205 Hudson Street, 5th Floor
New York, NY 10013

-Original Message-
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED]
On Behalf Of Conyers, Dwayne
Sent: Tuesday, September 02, 2008 9:23 AM
To: wsg@webstandardsgroup.org
Subject: RE: [WSG] Google chrome... Coming very soon...

There is an interesting and very humorous comic that describes Chrome:



http://books.google.com/books?id=8UsqHohwwVYCprintsec=frontcover#PPA19,
M1



I like the multi-threading.





--
The generation that used acid to escape reality is now taking antacid to
deal with reality.
http://blog.dwacon.com


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



-- 
No virus found in this incoming message.
Checked by AVG. 
Version: 7.5.524 / Virus Database: 270.6.14/1646 - Release Date: 01/09/2008
18:03




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



RE: [WSG] Code for Firefox, hack for IE

2008-09-01 Thread Essential eBiz Solutions Ltd
I would say code for standards at the end of the day, because standard is
really the minimum requirement, once that's ticked off then code/hack for
other browsers. Can't say I've read it anywhere but my web sites certainly
look, work and load a lot better since I've started following that process.

-Original Message-
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On
Behalf Of David McKinnon
Sent: 01 September 2008 11:55
To: wsg@webstandardsgroup.org
Subject: [WSG] Code for Firefox, hack for IE

Hi,

For a while now, I've been operating on the principle Code for  
Firefox, hack for IE.

That is, writing CSS for the most standards-compliant browser, and  
then making adjustments for non-standard behaviour.
I said this in a meeting last week to argue a point and my boss said  
who says?.

I could have said me, but maybe that's not a good enough answer.
Somewhere some years ago I read this, or heard someone at a conference  
or something and it got stuck in my head.

Is this the way anyone works?
Is it the best way to work?
Does anyone know where I got this idea from? Book? Blog? A bit of  
googling this afternoon turned up not very much.

Thanks,
David 


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



-- 
No virus found in this incoming message.
Checked by AVG. 
Version: 7.5.524 / Virus Database: 270.6.14/1644 - Release Date: 31/08/2008
16:59




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



RE: [WSG] E649: The default scripting language must be specified for an intrinsic event:

2008-08-31 Thread Essential eBiz Solutions Ltd
Magento is great in practice, but I've found that the only big thing about
it for my customers is the admin facilities. But for a designer it's a lot
of hard work. I've seen some fantastic examples of what can be done with
Magento and there have been some great features that use jQuery (by far the
easiest javascript ever!). Now that Magento is completely released the main
updates will come from people like us who will develop something for a
client and share it with the community. If you'd like someone to bounce
ideas around with please feel free to contact me off list.

-Original Message-
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On
Behalf Of tee
Sent: 31 August 2008 03:41
To: wsg@webstandardsgroup.org
Subject: Re: [WSG] E649: The default scripting language must be specified
for an intrinsic event:

Hi Anthony,

Thanks for the advice - I know all these by theory :) Problem is in  
reality there are limitation as to how much I can do or if I am  
capable of doing.

I failed to mention, it's for Magento project, which inline scripting  
and prototype are heavily used. I'd been working on various Magento  
themes that I have made lots of effort to make the markup more  
semantically sounds, and stripped out all inline styles, but  
eliminating inline scripting and prototype (magento has written its  
own scripts that also rely on prototype script) isn't something that  
can be easily done even for a proficient js programmer - I guess it  
needs a full house of web developers. There were talk about developing  
jQuery extension for Magento in the Magento community, and that  
hopefully one day those who are favor for jQuery will have alternative  
choice - it dies immediately as nobody wants to make effort but expect  
someone else do it for them, for free. Can't blame them, it's just  
human nature.

Anyway, I'd been learning jQuery for a while and have implemented a  
few jQuery features to my themes. Also, just now I was very please to  
see jQuery launches a new site.

I am however, would like to hear from other members who have been  
working on Magento to give some feedback how/if they have made  
improvement on accessibility.

tee

On Aug 30, 2008, at 6:37 PM, Anthony wrote:

 First of all try to avoid in-line scripting. You could make great  
 use of jquery, mootools or any other library.

 Make sure to provide an alternative method (buttons, links, etc) to  
 make things accessible for javascript disabled browsers, screen  
 readers, etc.

 Regards,
 Anthony.

 Sent from my iPhone!

 On 31/08/2008, at 10:06 AM, tee [EMAIL PROTECTED] wrote:

 I looked up the reference from W3C, but all I got is a blurry  
 picture that makes my head spins.

 I added a meta tag:
 meta http-equiv=Content-Script-Type content=text/javascript

 No effect.


 Example of offenders.

 select id=select-language  
 onchange=window.location.href=this.value

 li onmouseover=toggleMenu(this,1) onmouseout=toggleMenu(this, 
 0)/li


 So my question, what fatal effect it has for accessibility if I  
 can't get rid of them?

 Thanks!

 tee





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




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



-- 
No virus found in this incoming message.
Checked by AVG. 
Version: 7.5.524 / Virus Database: 270.6.13/1642 - Release Date: 29/08/2008
18:12




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



RE: [WSG] how to use images and text in a menue

2008-08-28 Thread Essential eBiz Solutions Ltd
Have you got an example of what your wanting to achieve?

-Original Message-
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On
Behalf Of Michael Horowitz
Sent: 28 August 2008 19:52
To: wsg@webstandardsgroup.org
Subject: [WSG] how to use images and text in a menue

How would people suggest if I have a menu with an image on top and text 
underneath and I want both the text and the image as a link

I'm thinking of making them link items and use css to move the image on 
top of the text.  Does that sound semantically correct.

lia href=#img src=images/home.png //a /li
lia href=#HOME/a/li

-- 
Michael Horowitz
Your Computer Consultant
http://yourcomputerconsultant.com
561-394-9079



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



-- 
No virus found in this incoming message.
Checked by AVG. 
Version: 7.5.524 / Virus Database: 270.6.10/1638 - Release Date: 27/08/2008
19:06




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



RE: [WSG] How to move text near but not on the bottom of a div

2008-07-31 Thread Essential eBiz Solutions Ltd
Hi Michael,
Try this,
#header{
margin:0px;
padding:0px;
width: 100%;
height: 73px;
background-image:url(../images/header4.jpg);
}
#header img{
float: left;
}
#header ul li{
float:right;
font-size:10px;
}

#header ul li a {
text-decoration:none;
color:#4d4325;
line-height: 14px;
margin:0px;
padding:0px;
}

-Original Message-
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On
Behalf Of Michael Horowitz
Sent: 31 July 2008 16:50
To: wsg@webstandardsgroup.org
Subject: [WSG] How to move text near but not on the bottom of a div

I have a menu list of items at horowitzfamily.net.  In Dreamweaver they 
line up near the bottom of my header div but in browsers IE, Firefox, 
Opera and Safari they end up on the top.
I thought I might us line-height to move them (as that worked on my side 
menu list but got inconsistent results accross browsers.  Any 
suggestions on how to best choose a location of a menu like this


#header{
margin:0px;
padding:0px;
width: 100%;
height: 73px;
background-image:url(../images/header4.jpg);
}
#header img{
float: left;
}
#header ul li{
float:right;
font-size:10px;
/*line-height: 14px;*/
margin:0px;
padding:0px;
}

#header ul a {
text-decoration:none;
color:#4d4325;
   

}

Thanks

-- 
Michael Horowitz
Your Computer Consultant
http://yourcomputerconsultant.com
561-394-9079



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



-- 
No virus found in this incoming message.
Checked by AVG. 
Version: 7.5.524 / Virus Database: 270.5.7/1580 - Release Date: 29/07/2008
17:26




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



RE: [WSG] Making an image come right up to a list

2008-07-30 Thread Essential eBiz Solutions Ltd
Try this,

#mainNav ul {
Padding: 0;
Margin: 0;
}

That may help, don't know why but I've had to do that a few times with
nested lists.

-Original Message-
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On
Behalf Of Michael Horowitz
Sent: 30 July 2008 20:06
To: wsg@webstandardsgroup.org
Subject: [WSG] Making an image come right up to a list

I have a div within that div I have a menu set as a ul followed right 
underneath by an image.  Currently there is unwanted space between the 
list elements and the image.  There doesn't seem to be any padding or 
margins that would cause this.

I am including my current css for this div

#mainNav{
padding-left: 10px;
padding-right: 10px;
height: 600px;
width: 230px;
float: left;
font-size:8px;
   
}

#mainNav ul a {
margin:0;
padding:0;
display:block;
line-height:45px;
text-decoration:none;
color:#00;
background:url(../images/button3.jpg);
text-indent:35px;
left center;
}

#mainNav img {
float: right;
}

-- 
Michael Horowitz
Your Computer Consultant
http://yourcomputerconsultant.com
561-394-9079



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



-- 
No virus found in this incoming message.
Checked by AVG. 
Version: 7.5.524 / Virus Database: 270.5.7/1580 - Release Date: 29/07/2008
17:26




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



RE: [WSG] Aligning a menu to the bottom of a div

2008-07-29 Thread Essential eBiz Solutions Ltd
Hi Micheal, if you change the containing DIV to a em based height then
adding a em value to the margin-top selector in your css would ensure it
stays at the bottom even if the page is resized. Nice easy solution and
makes it accessible in all browsers then.

-Original Message-
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On
Behalf Of Michael Horowitz
Sent: 29 July 2008 22:56
To: wsg@webstandardsgroup.org
Subject: [WSG] Aligning a menu to the bottom of a div

I have a horizontal menu in my header div and I would like it to be 
aligned at the bottom of my div instead of the top.  I've used 
vertical-align: bottom but that isn't working

#header ul li{
float:right;
font-size:10px;
height: 80px;
vertical-align: bottom;
}


A 2nd question originally put my height in the header element but when I 
added the #header ul li I found it stopped working so I moved it there.  
I would love any ideas why I needed to do that.

-- 
Michael Horowitz
Your Computer Consultant
http://yourcomputerconsultant.com
561-394-9079



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



-- 
No virus found in this incoming message.
Checked by AVG. 
Version: 7.5.524 / Virus Database: 270.5.6/1577 - Release Date: 28/07/2008
06:55




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



RE: [WSG] Aligning a menu to the bottom of a div

2008-07-29 Thread Essential eBiz Solutions Ltd
I'm not expert either but to make an expandable/retractable design using
em's instead of pixel will make each element resize in relation to each
other. i.e. 

#header ul li{
float:right;
font-size:1ems;
height: 6ems;
margin-top: 0.5ems;
}

If you use that kind of method then it will resize very nicely. I haven't
managed to work out a pixel to ems calculator although I know there are some
sites out there with some really useful guides. I'm still slaved to
Dreamweaver so I design the work and ems by sight until it looks right, then
I test it against the browsers, not an exact science sadly. I'll see if I
can dig up the reference sites I've used in the past.



-Original Message-
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On
Behalf Of Michael Horowitz
Sent: 29 July 2008 23:46
To: wsg@webstandardsgroup.org
Subject: Re: [WSG] Aligning a menu to the bottom of a div

If I wanted to replace my pixels with em's what would I do?  I've seen 
some discussion of them but aren't an expert.  I did a fix with margin 
that did work

Michael Horowitz
Your Computer Consultant
http://yourcomputerconsultant.com
561-394-9079



Essential eBiz Solutions Ltd wrote:
 Hi Micheal, if you change the containing DIV to a em based height then
 adding a em value to the margin-top selector in your css would ensure it
 stays at the bottom even if the page is resized. Nice easy solution and
 makes it accessible in all browsers then.

 -Original Message-
 From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On
 Behalf Of Michael Horowitz
 Sent: 29 July 2008 22:56
 To: wsg@webstandardsgroup.org
 Subject: [WSG] Aligning a menu to the bottom of a div

 I have a horizontal menu in my header div and I would like it to be 
 aligned at the bottom of my div instead of the top.  I've used 
 vertical-align: bottom but that isn't working

 #header ul li{
 float:right;
 font-size:10px;
 height: 80px;
 vertical-align: bottom;
 }


 A 2nd question originally put my height in the header element but when I 
 added the #header ul li I found it stopped working so I moved it there.  
 I would love any ideas why I needed to do that.

   


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



-- 
No virus found in this incoming message.
Checked by AVG. 
Version: 7.5.524 / Virus Database: 270.5.6/1577 - Release Date: 28/07/2008
06:55




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



RE: [WSG] Aligning a menu to the bottom of a div

2008-07-29 Thread Essential eBiz Solutions Ltd
That's a great resource, I image the node would be any div or relative item
contained within the div.

-Original Message-
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On
Behalf Of Barry
Sent: 30 July 2008 00:41
To: wsg@webstandardsgroup.org
Subject: Re: [WSG] Aligning a menu to the bottom of a div

Hi, if you want to replace pixels with ems the easiest and quickest way is
to use the em calculator, you can find it here http://riddle.pl/emcalc/ if
you are not already aware of it.

Hope this helps

If I wanted to replace my pixels with em's what would I do?  I've seen 
some discussion of them but aren't an expert.  I did a fix with margin 
that did work

Michael Horowitz
Your Computer Consultant
http://yourcomputerconsultant.com
561-394-9079



Essential eBiz Solutions Ltd wrote:
 Hi Micheal, if you change the containing DIV to a em based height then
 adding a em value to the margin-top selector in your css would ensure it
 stays at the bottom even if the page is resized. Nice easy solution and
 makes it accessible in all browsers then.

 -Original Message-
 From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On
 Behalf Of Michael Horowitz
 Sent: 29 July 2008 22:56
 To: wsg@webstandardsgroup.org
 Subject: [WSG] Aligning a menu to the bottom of a div

 I have a horizontal menu in my header div and I would like it to be 
 aligned at the bottom of my div instead of the top.  I've used 
 vertical-align: bottom but that isn't working

 #header ul li{
 float:right;
 font-size:10px;
 height: 80px;
 vertical-align: bottom;
 }


 A 2nd question originally put my height in the header element but when I 
 added the #header ul li I found it stopped working so I moved it there.  
 I would love any ideas why I needed to do that.

   


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




-- 
Barry Wardrop
redRoute Creative

t: +44 01502506832
w: www.redroutecreative.co.uk
e: [EMAIL PROTECTED]


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



-- 
No virus found in this incoming message.
Checked by AVG. 
Version: 7.5.524 / Virus Database: 270.5.6/1577 - Release Date: 28/07/2008
06:55




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



RE: [WSG] Firefox 3 and fieldset elements

2008-07-29 Thread Essential eBiz Solutions Ltd
I would generally avoid a fieldset for navigation item's. If you can
accomplish the effect you want with div's then use your div's. The main time
a fieldset is used is to hold form element's.

This is from the W3C site http://www.w3.org/TR/WCAG10-HTML-TECHS/

The following HTML 4.01 mechanisms group content and make it easier to
understand.:

* Use FIELDSET to group form controls into semantic units and describe
the group with the LEGEND element.
* Use OPTGROUP to organize long lists of menu options into smaller
groups..
* Use tables for tabular data and describe the table with CAPTION.
* Group table rows and columns with THEAD, TBODY, TFOOT, and COLGROUP.
* Nest lists with UL, OL, and DL.
* Use section headings (H1 - H6) to create structured documents and
break up long stretches of text. Refer to the following section for more
information.
* Break up lines of text into paragraphs (with the P element).
* Group related links. Refer to the section Grouping and bypassing links

All of these grouping mechanisms should be used when appropriate and
natural, i.e., when the information lends itself to logical groups. Content
developers should not create groups randomly, as this will confuse all
users.

Your list is using the ul and li selector's which the fieldset element
is not designed to work with


-Original Message-
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On
Behalf Of Adam Cooper
Sent: 30 July 2008 02:35
To: wsg@webstandardsgroup.org
Subject: [WSG] Firefox 3 and fieldset elements

Hi all,

Just wondering if anyone can shed some light on this -
I have a relatively positioned element with a nav element inside this.

* The relatively positioned element has a 4em top margin and 40px top  
padding.

* The nav element is positioned absolutely (top 0; right 25px) with a  
negative top margin the same as it's height (3em).

If the relatively positioned element is a div, this displays fine in  
Safari 3, FF3 and Opera 9.5.
However, if I change this element to a fieldset, it breaks under FF3.

http://www.perkler.com/ff3_problem/div.html
http://www.perkler.com/ff3_problem/fieldset.html

To make matters worse, Firebug reports no difference in the computed  
styles between the div and fieldset elements.
In fact, when using Firebug to highlight the navigation element, it  
shows a ghost element where the navigation should be.

The problem is the same whether the page is served as text/html or  
application/xml+xhtml.

Cheers,
Adam

  


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



-- 
No virus found in this incoming message.
Checked by AVG. 
Version: 7.5.524 / Virus Database: 270.5.6/1577 - Release Date: 28/07/2008
06:55




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



[WSG] Vertical Scrolling

2008-07-25 Thread Essential eBiz Solutions Ltd
I'm still working on a tight layout for a soon to end client. I'm trying to
write a price list page for them, but the height of the page is fixed to
550px, and for the life of me I can't think of how to make the DIV scroll
without having a vertical scroll bar and for it to still work in IE6, 7 and
FireFox without dirty hacks.

 

If anyone can help that will be brilliant as I want the user to experience
the site the same no matter what browser they are using.

 

Thanks

Mat

www.i-matto.co.uk http://www.i-matto.co.uk/ 

 

 

 



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

RE: [WSG] Vertical Scrolling

2008-07-25 Thread Essential eBiz Solutions Ltd
Hi Darren,
Just realised my error, I want to use a vertical scroll bar but not
have the horizontal one showing.

I've uploaded an example of the page as it is now, but all the text hide's
because of the fixed height, I've tried to have my client allow me to expand
the height from 550 to 100% but it's a no go.

Example is at url www.essentialebizsolutions.net/client/human/example.gif

Many thanks

-Original Message-
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On
Behalf Of Darren Lovelock
Sent: 25 July 2008 13:07
To: wsg@webstandardsgroup.org
Subject: RE: [WSG] Vertical Scrolling

Hi Mat,
 
Can you show us an example? Not really sure how you would want it to scroll
without a vertical scrollbar, unless you want it to scroll horizontally?
 
To create another method of scrolling I would presume that you will have to
use javascript.
 
I'm thinking though that the simplest idea would be to not limit the page
height to 550px. Seems very small to me!
 
Cheers,
 
Darren Lovelock
Munky Online Web Design
http://www.munkyonline.co.uk http://www.munkyonline.co.uk/ 
T: +44 (0)20-8816-8893



From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On
Behalf Of Essential eBiz Solutions Ltd
Sent: 25 July 2008 12:11
To: wsg@webstandardsgroup.org
Subject: [WSG] Vertical Scrolling



I'm still working on a tight layout for a soon to end client. I'm trying to
write a price list page for them, but the height of the page is fixed to
550px, and for the life of me I can't think of how to make the DIV scroll
without having a vertical scroll bar and for it to still work in IE6, 7 and
FireFox without dirty hacks.

 

If anyone can help that will be brilliant as I want the user to experience
the site the same no matter what browser they are using.

 

Thanks

Mat

www.i-matto.co.uk http://www.i-matto.co.uk/ 

 

 

 


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



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



RE: [WSG] Vertical Scrolling

2008-07-25 Thread Essential eBiz Solutions Ltd
When I do that the horizontal scroll bar shows aswell

-Original Message-
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On
Behalf Of Piotr Zalewa
Sent: 25 July 2008 13:43
To: wsg@webstandardsgroup.org
Subject: Re: [WSG] Vertical Scrolling

Hi
Just add to the style of the div containing the content to scroll
overflow: auto;

On Fri, 2008-07-25 at 12:10 +0100, Essential eBiz Solutions Ltd wrote:
 I'm still working on a tight layout for a soon to end client. I'm
 trying to write a price list page for them, but the height of the page
 is fixed to 550px, and for the life of me I can't think of how to make
 the DIV scroll without having a vertical scroll bar and for it to
 still work in IE6, 7 and FireFox without dirty hacks.
 
  
 
 If anyone can help that will be brilliant as I want the user to
 experience the site the same no matter what browser they are using.
 
  
 
 Thanks
 
 Mat
 
 www.i-matto.co.uk

Piotr Zalewa
-- 
Web Developer 
http://webdev.zalewa.info



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



-- 
No virus found in this incoming message.
Checked by AVG. 
Version: 7.5.524 / Virus Database: 270.5.6/1572 - Release Date: 25/07/2008
06:51




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



RE: [WSG] Vertical Scrolling

2008-07-25 Thread Essential eBiz Solutions Ltd
That's what I was tying to find last night, Is there a way to make it so the
scroll bar only show if the content requires more space than what the box
allows?

-Original Message-
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On
Behalf Of Darren Lovelock
Sent: 25 July 2008 14:41
To: wsg@webstandardsgroup.org
Subject: RE: [WSG] Vertical Scrolling

Mat,

Ah I see! Have you tried adding in something like:

overflow-y: scroll;
overflow-x: hidden; 

to your CSS?

Darren

-Original Message-
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On
Behalf Of Essential eBiz Solutions Ltd
Sent: 25 July 2008 13:39
To: wsg@webstandardsgroup.org
Subject: RE: [WSG] Vertical Scrolling

Hi Darren,
Just realised my error, I want to use a vertical scroll bar but not
have the horizontal one showing.

I've uploaded an example of the page as it is now, but all the text hide's
because of the fixed height, I've tried to have my client allow me to expand
the height from 550 to 100% but it's a no go.

Example is at url www.essentialebizsolutions.net/client/human/example.gif

Many thanks

-Original Message-
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On
Behalf Of Darren Lovelock
Sent: 25 July 2008 13:07
To: wsg@webstandardsgroup.org
Subject: RE: [WSG] Vertical Scrolling

Hi Mat,
 
Can you show us an example? Not really sure how you would want it to scroll
without a vertical scrollbar, unless you want it to scroll horizontally?
 
To create another method of scrolling I would presume that you will have to
use javascript.
 
I'm thinking though that the simplest idea would be to not limit the page
height to 550px. Seems very small to me!
 
Cheers,
 
Darren Lovelock
Munky Online Web Design
http://www.munkyonline.co.uk http://www.munkyonline.co.uk/
T: +44 (0)20-8816-8893



From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On
Behalf Of Essential eBiz Solutions Ltd
Sent: 25 July 2008 12:11
To: wsg@webstandardsgroup.org
Subject: [WSG] Vertical Scrolling



I'm still working on a tight layout for a soon to end client. I'm trying to
write a price list page for them, but the height of the page is fixed to
550px, and for the life of me I can't think of how to make the DIV scroll
without having a vertical scroll bar and for it to still work in IE6, 7 and
FireFox without dirty hacks.

 

If anyone can help that will be brilliant as I want the user to experience
the site the same no matter what browser they are using.

 

Thanks

Mat

www.i-matto.co.uk http://www.i-matto.co.uk/ 

 

 

 


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



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



-- 
No virus found in this incoming message.
Checked by AVG. 
Version: 7.5.524 / Virus Database: 270.5.6/1572 - Release Date: 25/07/2008
06:51




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



RE: [WSG] Vertical Scrolling

2008-07-25 Thread Essential eBiz Solutions Ltd
Thanks for that Darren, works perfectly without any ugly hacks, and it
passes w3c.

-Original Message-
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On
Behalf Of Darren Lovelock
Sent: 25 July 2008 15:52
To: wsg@webstandardsgroup.org
Subject: RE: [WSG] Vertical Scrolling

Yes I believe if you change the css to auto it will only show the scroll if
it's required.

So.. 

overflow-y: auto; 
overflow-x: hidden;

In theory it should work.

Cheers,

Darren

-Original Message-
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On
Behalf Of Essential eBiz Solutions Ltd
Sent: 25 July 2008 15:17
To: wsg@webstandardsgroup.org
Subject: RE: [WSG] Vertical Scrolling

That's what I was tying to find last night, Is there a way to make it so the
scroll bar only show if the content requires more space than what the box
allows?

-Original Message-
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On
Behalf Of Darren Lovelock
Sent: 25 July 2008 14:41
To: wsg@webstandardsgroup.org
Subject: RE: [WSG] Vertical Scrolling

Mat,

Ah I see! Have you tried adding in something like:

overflow-y: scroll;
overflow-x: hidden; 

to your CSS?

Darren

-Original Message-
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On
Behalf Of Essential eBiz Solutions Ltd
Sent: 25 July 2008 13:39
To: wsg@webstandardsgroup.org
Subject: RE: [WSG] Vertical Scrolling

Hi Darren,
Just realised my error, I want to use a vertical scroll bar but not
have the horizontal one showing.

I've uploaded an example of the page as it is now, but all the text hide's
because of the fixed height, I've tried to have my client allow me to expand
the height from 550 to 100% but it's a no go.

Example is at url www.essentialebizsolutions.net/client/human/example.gif

Many thanks

-Original Message-
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On
Behalf Of Darren Lovelock
Sent: 25 July 2008 13:07
To: wsg@webstandardsgroup.org
Subject: RE: [WSG] Vertical Scrolling

Hi Mat,
 
Can you show us an example? Not really sure how you would want it to scroll
without a vertical scrollbar, unless you want it to scroll horizontally?
 
To create another method of scrolling I would presume that you will have to
use javascript.
 
I'm thinking though that the simplest idea would be to not limit the page
height to 550px. Seems very small to me!
 
Cheers,
 
Darren Lovelock
Munky Online Web Design
http://www.munkyonline.co.uk http://www.munkyonline.co.uk/
T: +44 (0)20-8816-8893



From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On
Behalf Of Essential eBiz Solutions Ltd
Sent: 25 July 2008 12:11
To: wsg@webstandardsgroup.org
Subject: [WSG] Vertical Scrolling



I'm still working on a tight layout for a soon to end client. I'm trying to
write a price list page for them, but the height of the page is fixed to
550px, and for the life of me I can't think of how to make the DIV scroll
without having a vertical scroll bar and for it to still work in IE6, 7 and
FireFox without dirty hacks.

 

If anyone can help that will be brilliant as I want the user to experience
the site the same no matter what browser they are using.

 

Thanks

Mat

www.i-matto.co.uk http://www.i-matto.co.uk/ 

 

 

 


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



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



--
No virus found in this incoming message.
Checked by AVG. 
Version: 7.5.524 / Virus Database: 270.5.6/1572 - Release Date: 25/07/2008
06:51




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

RE: [WSG] Vertical Scrolling

2008-07-25 Thread Essential eBiz Solutions Ltd
Hi Darren,
Would you be able to send that info again for me, would be really
appreciated, and thanks again for the info on the scrolling

-Original Message-
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On
Behalf Of Darren Lovelock
Sent: 25 July 2008 16:19
To: wsg@webstandardsgroup.org
Subject: RE: [WSG] Vertical Scrolling

No problem, glad I could help :)

BTW, I sent you a message about your blog (www.i-matto.co.uk) through your
company's website contact form. (Couldn't find a way of contacting you on
the blog)

There was some error coming up that I thought you should know about!
 
Cheers, Darren

-Original Message-
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On
Behalf Of Essential eBiz Solutions Ltd
Sent: 25 July 2008 16:04
To: wsg@webstandardsgroup.org
Subject: RE: [WSG] Vertical Scrolling

Thanks for that Darren, works perfectly without any ugly hacks, and it
passes w3c.

-Original Message-
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On
Behalf Of Darren Lovelock
Sent: 25 July 2008 15:52
To: wsg@webstandardsgroup.org
Subject: RE: [WSG] Vertical Scrolling

Yes I believe if you change the css to auto it will only show the scroll if
it's required.

So.. 

overflow-y: auto;
overflow-x: hidden;

In theory it should work.

Cheers,

Darren

-Original Message-
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On
Behalf Of Essential eBiz Solutions Ltd
Sent: 25 July 2008 15:17
To: wsg@webstandardsgroup.org
Subject: RE: [WSG] Vertical Scrolling

That's what I was tying to find last night, Is there a way to make it so the
scroll bar only show if the content requires more space than what the box
allows?

-Original Message-
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On
Behalf Of Darren Lovelock
Sent: 25 July 2008 14:41
To: wsg@webstandardsgroup.org
Subject: RE: [WSG] Vertical Scrolling

Mat,

Ah I see! Have you tried adding in something like:

overflow-y: scroll;
overflow-x: hidden; 

to your CSS?

Darren

-Original Message-
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On
Behalf Of Essential eBiz Solutions Ltd
Sent: 25 July 2008 13:39
To: wsg@webstandardsgroup.org
Subject: RE: [WSG] Vertical Scrolling

Hi Darren,
Just realised my error, I want to use a vertical scroll bar but not
have the horizontal one showing.

I've uploaded an example of the page as it is now, but all the text hide's
because of the fixed height, I've tried to have my client allow me to expand
the height from 550 to 100% but it's a no go.

Example is at url www.essentialebizsolutions.net/client/human/example.gif

Many thanks

-Original Message-
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On
Behalf Of Darren Lovelock
Sent: 25 July 2008 13:07
To: wsg@webstandardsgroup.org
Subject: RE: [WSG] Vertical Scrolling

Hi Mat,
 
Can you show us an example? Not really sure how you would want it to scroll
without a vertical scrollbar, unless you want it to scroll horizontally?
 
To create another method of scrolling I would presume that you will have to
use javascript.
 
I'm thinking though that the simplest idea would be to not limit the page
height to 550px. Seems very small to me!
 
Cheers,
 
Darren Lovelock
Munky Online Web Design
http://www.munkyonline.co.uk http://www.munkyonline.co.uk/
T: +44 (0)20-8816-8893



From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On
Behalf Of Essential eBiz Solutions Ltd
Sent: 25 July 2008 12:11
To: wsg@webstandardsgroup.org
Subject: [WSG] Vertical Scrolling



I'm still working on a tight layout for a soon to end client. I'm trying to
write a price list page for them, but the height of the page is fixed to
550px, and for the life of me I can't think of how to make the DIV scroll
without having a vertical scroll bar and for it to still work in IE6, 7 and
FireFox without dirty hacks.

 

If anyone can help that will be brilliant as I want the user to experience
the site the same no matter what browser they are using.

 

Thanks

Mat

www.i-matto.co.uk http://www.i-matto.co.uk/ 

 

 

 


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



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

RE: [WSG] Vertical Scrolling

2008-07-25 Thread Essential eBiz Solutions Ltd
Hi Darren,
Thank you for that, I did have 6 comments that were pending for a
week while I was aware so it maybe those, I double checked all my comments
and definitely going to upgrade to the new wordpress release.

Thanks for the heads up.

-Original Message-
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On
Behalf Of Darren Lovelock
Sent: 25 July 2008 19:13
To: wsg@webstandardsgroup.org
Subject: RE: [WSG] Vertical Scrolling

Sure, no problem.

I'm using FF3 and this message comes up:

Reported Attack Site!

This web site at www.i-matto.co.uk has been reported as an attack site and
has been blocked based on your security preferences.

Attack sites try to install programs that steal private information, use
your computer to attack others, or damage your system.

Some attack sites intentionally distribute harmful software, but many are
compromised without the knowledge or permission of their owners.

Then is gives you two buttons - one is 'get me out of here' and the other is
'why was this site blocked?' which leads to this page:
http://safebrowsing.clients.google.com/safebrowsing/diagnostic?client=Firefo
xhl=en-GBsite=http://www.i-matto.co.uk/

So I would check your hosting to make sure everything is ok! Looks like it
could have been hijacked or if not my FF is going crazy! 

You may have to upgrade your blog software.
  
Regards,

Darren
  
-Original Message-
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On
Behalf Of Essential eBiz Solutions Ltd
Sent: 25 July 2008 18:33
To: wsg@webstandardsgroup.org
Subject: RE: [WSG] Vertical Scrolling

Hi Darren,
Would you be able to send that info again for me, would be really
appreciated, and thanks again for the info on the scrolling

-Original Message-
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On
Behalf Of Darren Lovelock
Sent: 25 July 2008 16:19
To: wsg@webstandardsgroup.org
Subject: RE: [WSG] Vertical Scrolling

No problem, glad I could help :)

BTW, I sent you a message about your blog (www.i-matto.co.uk) through your
company's website contact form. (Couldn't find a way of contacting you on
the blog)

There was some error coming up that I thought you should know about!
 
Cheers, Darren

-Original Message-
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On
Behalf Of Essential eBiz Solutions Ltd
Sent: 25 July 2008 16:04
To: wsg@webstandardsgroup.org
Subject: RE: [WSG] Vertical Scrolling

Thanks for that Darren, works perfectly without any ugly hacks, and it
passes w3c.

-Original Message-
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On
Behalf Of Darren Lovelock
Sent: 25 July 2008 15:52
To: wsg@webstandardsgroup.org
Subject: RE: [WSG] Vertical Scrolling

Yes I believe if you change the css to auto it will only show the scroll if
it's required.

So.. 

overflow-y: auto;
overflow-x: hidden;

In theory it should work.

Cheers,

Darren

-Original Message-
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On
Behalf Of Essential eBiz Solutions Ltd
Sent: 25 July 2008 15:17
To: wsg@webstandardsgroup.org
Subject: RE: [WSG] Vertical Scrolling

That's what I was tying to find last night, Is there a way to make it so the
scroll bar only show if the content requires more space than what the box
allows?

-Original Message-
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On
Behalf Of Darren Lovelock
Sent: 25 July 2008 14:41
To: wsg@webstandardsgroup.org
Subject: RE: [WSG] Vertical Scrolling

Mat,

Ah I see! Have you tried adding in something like:

overflow-y: scroll;
overflow-x: hidden; 

to your CSS?

Darren

-Original Message-
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On
Behalf Of Essential eBiz Solutions Ltd
Sent: 25 July 2008 13:39
To: wsg@webstandardsgroup.org
Subject: RE: [WSG] Vertical Scrolling

Hi Darren,
Just realised my error, I want to use a vertical scroll bar but not
have the horizontal one showing.

I've uploaded an example of the page as it is now, but all the text hide's
because of the fixed height, I've tried to have my client allow me to expand
the height from 550 to 100% but it's a no go.

Example is at url www.essentialebizsolutions.net/client/human/example.gif

Many thanks

-Original Message-
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On
Behalf Of Darren Lovelock
Sent: 25 July 2008 13:07
To: wsg@webstandardsgroup.org
Subject: RE: [WSG] Vertical Scrolling

Hi Mat,
 
Can you show us an example? Not really sure how you would want it to scroll
without a vertical scrollbar, unless you want it to scroll horizontally?
 
To create another method of scrolling I would presume that you will have to
use javascript.
 
I'm thinking though that the simplest idea would be to not limit the page
height to 550px. Seems very small to me!
 
Cheers,
 
Darren Lovelock
Munky Online Web Design
http://www.munkyonline.co.uk http://www.munkyonline.co.uk/
T: +44 (0)20-8816-8893



From: [EMAIL

RE: [WSG] Select for menus

2008-07-22 Thread Essential eBiz Solutions Ltd
As far as I am aware the select option on a drop down list use's Javascript
to make it into a jump menu. If you want to cater to the wider audience I
would say using ul and CSS would be a much better option. Maybe have the
jump menu but have the javascript de-grade if a users haven't got it and
show a drop down menu with CSS?

Just an idea.

-Original Message-
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On
Behalf Of Rochester oliveira
Sent: 22 July 2008 19:46
To: wsg@webstandardsgroup.org
Subject: [WSG] Select for menus

Hi,

I'm working on a job for a Brazilian university, and we should put on
the page a menu with links for others government websites. See an
example : http://www.radiobras.gov.br/estatico/ the yellow bar in the
top have a select menu.
Should I use ul or follow the other sites and use the select?

-- 
[]'s

-
Rochester Oliveira
Web Designer
Itajubá - MG - Brasil


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



-- 
No virus found in this incoming message.
Checked by AVG. 
Version: 7.5.524 / Virus Database: 270.5.4/1566 - Release Date: 22/07/2008
06:00




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



[WSG] Iamge Gallery CSS help

2008-07-08 Thread Essential eBiz Solutions Ltd
Hi All,

I've got a design issue. I need to have a page that show's 4
galleries. I've already written the gallery script that I'll be using with
requires and includes, but I need to copy a flash design for the gallery
holder. I need to place 4 divs in the same area and when one is selected
have it expand to show that gallery. I've been playing with the CSS but
having trouble with getting it to recognise which DIV is active, I may need
some JavaScript, but I have no knowledge of it.

 

My CSS so far is 

 

div.gal_holder {

width: 400px;

height: 300px;

position: relative;

float: left}

 

div.gal_holder a {

display: none;

}

div.gal_holder a:hover {

display: block;

z-index: 99;

}

div.gal_holder a:active {

display: block;

z-index: 99;

}

 

An ideas would be great.

 

Many Thanks

 

Disclaimer : This email and its attachments may be confidential and are
intended solely for the use of the individual to whom it is addressed. Any
views or opinions expressed are solely those of the author and do not
necessarily represent those of Essential eBiz Solutions Ltd. If you are not
the intended recipient of this email and its attachments then please contact
the sender if you believe you have received this email in error.

Essential eBiz Solutions Ltd, Registered in England and Wales Company
Registration No: 57200784. Registered Office: 92, Stanton Road, Meir,
Stoke-on-Trent, Staffordshire, ST3 6DF.

 



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

RE: [WSG] Iamge Gallery CSS help

2008-07-08 Thread Essential eBiz Solutions Ltd
Yeah, mine's a little bit of both to be fair, If the div's are shown wrong
then when the CSS is switched off it could be messy, I don't want to use
flash as the target is 11 - 16 year olds on school pc's so big chance of IE6
showing it's ugly head. Just looking for an accessible and compliant way to
show it with a little flair.

-Original Message-
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On
Behalf Of Adam Martin
Sent: 09 July 2008 00:46
To: wsg@webstandardsgroup.org
Subject: RE: [WSG] Iamge Gallery CSS help

I feel that this list is turning into a please help me without any regard to
whether it is a web standards issue or not.

 

From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On
Behalf Of Essential eBiz Solutions Ltd
Sent: Wednesday, 9 July 2008 9:35 AM
To: wsg@webstandardsgroup.org
Subject: [WSG] Iamge Gallery CSS help

 

Hi All,

I've got a design issue. I need to have a page that show's 4
galleries. I've already written the gallery script that I'll be using with
requires and includes, but I need to copy a flash design for the gallery
holder. I need to place 4 divs in the same area and when one is selected
have it expand to show that gallery. I've been playing with the CSS but
having trouble with getting it to recognise which DIV is active, I may need
some JavaScript, but I have no knowledge of it.

 

My CSS so far is 

 

div.gal_holder {

width: 400px;

height: 300px;

position: relative;

float: left}

 

div.gal_holder a {

display: none;

}

div.gal_holder a:hover {

display: block;

z-index: 99;

}

div.gal_holder a:active {

display: block;

z-index: 99;

}

 

An ideas would be great.

 

Many Thanks

 

Disclaimer : This email and its attachments may be confidential and are
intended solely for the use of the individual to whom it is addressed. Any
views or opinions expressed are solely those of the author and do not
necessarily represent those of Essential eBiz Solutions Ltd. If you are not
the intended recipient of this email and its attachments then please contact
the sender if you believe you have received this email in error.

Essential eBiz Solutions Ltd, Registered in England and Wales Company
Registration No: 57200784. Registered Office: 92, Stanton Road, Meir,
Stoke-on-Trent, Staffordshire, ST3 6DF.

 


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



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



RE: [WSG] Nowrap for floats

2008-07-05 Thread Essential eBiz Solutions Ltd
From what I can see there it's because of the image you are using.

 

Try

.float1, .float2, .float{

float:left;

}

.float1 img {

height: 20px;

width: 20px;

float: left;

}

 

 

  _  

From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On
Behalf Of akella
Sent: 05 July 2008 11:38
To: wsg@webstandardsgroup.org
Subject: [WSG] Nowrap for floats

 

Hi list! Got a CSS question, it's now two days in my head.
Here is my HTML, just to be abstract:

div class=float
  div class=float1/div
  div class=float2Some random text/div
/div
and smth like this in CSS:
.float1, .float2, .float{float:left}

My problem is that i need .float1-2 to be on the same line.
Here is how it should look like: http://cssing.org.ua/a/2.png
But it breaks like this: http://cssing.org.ua/a/1.png
(the text and the green block are two floats, the block itself is a float)
So i need something like nowrap-for-floats.

I solved this problem for Safari, FF, Opera by:
.float{display:table}
.float1, .float2{display:table-cell}

But that doesn't  work in IE. May be someone got such an experience? Fancy
ie-expression? i would highly appreciate any ideas on this subject.

Thanx in advance!

regards,
Yuriy akella Artyukh,
http://cssing.org.ua


***
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] flash navigation - Devils advocate

2008-06-24 Thread Essential eBiz Solutions Ltd
If you want to use a flash based navigation system and you are using swf
object then I would use the no script area to include a CSS based navigation
system for non-flash users. This way it can be searched by Google etc and be
user accessible.

i.e.

div id=flash_navigation
ul id=navigation
lia href=link.htmlLink/a/li
/ul
/div

script type=text/javascript
// ![CDATA[

var so = new SWFObject(bin/navigation.swf, navigation,
300, 50, 8, #00);
so.addParam(scale, noscale);
so.addParam(quality, high);
so.addParam(wmode, transparent);
so.addParam(movie,navigation);
so.write(flash_navigation);
// ]]
/script

-Original Message-
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On
Behalf Of kevin mcmonagle
Sent: 25 June 2008 00:36
To: wsg@webstandardsgroup.org
Subject: [WSG] flash navigation - Devils advocate

Using swf object 2.0 embeded swfs as an xhtml sites primary navigation - 
what are the liabilities?


-kevin




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



-- 
No virus found in this incoming message.
Checked by AVG. 
Version: 7.5.524 / Virus Database: 270.4.1/1514 - Release Date: 23/06/2008
07:17




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



RE: [WSG] HTML special characters coding

2008-06-17 Thread Essential eBiz Solutions Ltd
Hi Kevin,
I use the amp;? Code purely because not all browser's can read  on
it's own as this tells the browser to expect a special character, which in
turn leads to a more user friendly experience.

-Original Message-
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On
Behalf Of kevin_erickson
Sent: 17 June 2008 21:55
To: wsg@webstandardsgroup.org
Subject: [WSG] HTML special characters coding

Hello,
I am looking for advice on if the best way to code for special characters is
to use the actual character or the attribute value or the alt code?
i.e. for the ampersand should one use  or amp;? Does it matter? I know
that Dreamweaver automates some of this but what is the best practice?

Thank you

kevin


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



-- 
No virus found in this incoming message.
Checked by AVG. 
Version: 7.5.524 / Virus Database: 270.3.0/1505 - Release Date: 16/06/2008
07:20




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



RE: [WSG] transparency, png IE6 ??

2008-06-16 Thread Essential eBiz Solutions Ltd
Even that site resource advise's to use the htc approach. I use this on a
number of website and it works really well. I attach it to a style sheet for
IE6 or below that way my CSS still passes validation.

http://bjorkoy.com/past/2007/4/8/the_easiest_way_to_png/


-Original Message-
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On
Behalf Of Jens-Uwe Korff
Sent: 17 June 2008 00:50
To: wsg@webstandardsgroup.org
Subject: RE: [WSG] transparency, png IE6 ??

 
 Does anyone have a clever full functional solution for this
transparency crap to make work ?

I know it's a rather old thread but I just came across a nice solution
which does not even need an iepngfix.htc Javascript.

One template I work on required a semitransparent background. I have it
working nicely cross-browser (FF, IE6, IE7) with the following:

CSS:

.className {background:transparent url('img/707070_90pc.png') repeat 0
0} /* The 'pc' indicates the opacity, 90% here */
* html .className
{background:none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoad
er(enabled=true, sizingMethod=scale,
src='css/skin-travel/img/707070_90pc.png')}

The first line if for standards-compliant browsers, the second one for
IE6 only.

Image:

You'll also need the PNG image. Here's the magic: Usually a PNG image
used with the proprietary filter overlays any links and renders them
unclickable. But I found a website [1] which offers a fix: You have to
use a certain image size, then IE6 allows clickable links. 

So I made the PNG just 10x2 pixels (wXh).

That's it. The site's not live yet, so I cannot offer a link.

Cheers,
 
Jens 

[1] http://www.daltonlp.com/view/217

The information contained in this e-mail message and any accompanying files
is or may be confidential. If you are not the intended recipient, any use,
dissemination, reliance, forwarding, printing or copying of this e-mail or
any attached files is unauthorised. This e-mail is subject to copyright. No
part of it should be reproduced, adapted or communicated without the written
consent of the copyright owner. If you have received this e-mail in error
please advise the sender immediately by return e-mail or telephone and
delete all copies. Fairfax does not guarantee the accuracy or completeness
of any information contained in this e-mail or attached files. Internet
communications are not secure, therefore Fairfax does not accept legal
responsibility for the contents of this message or attached files.


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



-- 
No virus found in this incoming message.
Checked by AVG. 
Version: 7.5.524 / Virus Database: 270.3.0/1504 - Release Date: 15/06/2008
17:52




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



RE: [WSG] Embed a flash file 100%

2008-05-13 Thread Essential eBiz Solutions Ltd
Hi Laert,

Try this

 

div id=flashcontent
 
   strongYou need to upgrade your Flash Player/strong
   This is replaced by the Flash content. 
   Place your alternate content here and users without the Flash
plugin or with 
   Javascript turned off will see this. Content here allows you
to leave out codenoscript/code 
   tags. Include a link to a
href=fullpage.html?detectflash=falsebypass the detection/a if you wish.
/div

script type=text/javascript
   // ![CDATA[
   
   var so = new SWFObject(main.swf, main, 100%, 100%,
8, #ff);
   so.addVariable(flashVarText, this is passed in via
FlashVars for example only);
   so.addParam(scale, scale);
   so.addParam(quality, high);
   so.addParam(wmode, transparent);
   so.write(flashcontent);
   
   // ]]
/script

 

 

  _  

From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On
Behalf Of Laert Jansen
Sent: 13 May 2008 02:58
To: wsg@webstandardsgroup.org
Subject: Re: [WSG] Embed a flash file 100%

 

I´ve already set the height to 100%. The flash file is 778 x 560 px 
I can´t find out why that white area is showing on the top.



On Mon, May 12, 2008 at 3:18 PM, Michael Persson [EMAIL PROTECTED] wrote:


Hi Laert,

I suggest you make it higher in order to fit 1024 768 screen in order to
eliminate the gap... im not a flash expert but I have published many sites
that are full size...

im using this, might make a difference

html, body {
   height: 100%;
   font-family:verdana;
}

michael



 :) thanks

 On Mon, May 12, 2008 at 2:09 PM, James Jeffery 
 [EMAIL PROTECTED] wrote:

 I had a quick peek but im having problems with this browser at college
 so
 i can't help until i get home

 Nice site btw.

 On Mon, May 12, 2008 at 5:49 PM, Laert Jansen [EMAIL PROTECTED]
 wrote:

  Hey, thanks a lot. Here´s what I´m working on
  http://www.laertjansen.com/zecafreitas/
 
  Would you mind to take a look? :) I have a problem. The flash is the
  black portion only and it should be at the top...I mean, there should
 not
  exist that white area.any ideia of what am I doing wrong?
 
  thanks a lot
 
  On Sat, May 10, 2008 at 4:11 PM, James Jeffery 
  [EMAIL PROTECTED] wrote:
 
   SWFObject is currently the best way to go about embedding flash.
  
   On Sat, May 10, 2008 at 7:28 PM, Michael Persson [EMAIL PROTECTED]
   wrote:
  
   
Hi Laert,
   
have a look at www.staff-jeans.com where I have a full flash site
wit ha
full flash independent on the screen size...
   
Michael
   
   
 Hello everyone.

 well, I´d like to know what´s the right way to embed a flash
 file
into the
 html without tables. The flash file is 100% width and height.

 Thanks a lot

 Laert

 --
 Laert Jansen
 www.laertjansen.com



***
 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]
***
   
   
  
   ***
   List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
   Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
   Help: [EMAIL PROTECTED]
   ***
  
 
 
 
  --
  Laert Jansen
  www.laertjansen.com
 
  ***
  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]
 ***




 --
 Laert Jansen
 www.laertjansen.com


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






RE: R: [WSG] Firefox skips dropdown and multi-select list with tabbing (?)

2008-05-04 Thread Essential eBiz Solutions Ltd
Just tabbed through the whole checkout forms in FireFox without any problems

-Original Message-
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On
Behalf Of tee
Sent: 04 May 2008 23:35
To: wsg@webstandardsgroup.org
Subject: Re: R: [WSG] Firefox skips dropdown and multi-select list with
tabbing (?)



On May 4, 2008, at 7:52 AM, Diego La Monica wrote:

 Hi tee,
  can you provide an (un)working example?




Here you are,
http://74.52.59.43/index.php

You need to add a product, then either use 'get a quote' (simple form)  
or go ahead with 'proceed to checkout', then select 'checkout as  
guest', continue, so that it brings you to step2, Billing information,  
where you can have a better tabbing starts from First Name field.

Safari picks up the dropdown list from State/Province and Country. As  
for for the Multi-select field that I menationed also not working, the  
working example is in the admin, therefor I can't show you.

Just few minutes ago I wake up from my dream that maybe I was missing  
the 'option:focus' - though I never remembering see it before, I added  
it anyway. No luck!

input:focus, select:focus, textarea:focus, option:focus  {
background: #ced5e1;color:#333;}

My suspicion are
1) The Prototype accordion or the script that pulls the States and  
Countries' value is causing it, but I kind of rule it out.
2) Some input fields (Name, Email, Addresses) are showing light yellow  
background color. Is this the default of Firefox or a Developer  
toolbar plugin doing the trick?  And somehow cripples the tab focus on  
select.

Didn't test them from IE and Opera yet as I don't remember they have  
tab feature.

tee


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



-- 
No virus found in this incoming message.
Checked by AVG. 
Version: 7.5.524 / Virus Database: 269.23.8/1413 - Release Date: 03/05/2008
11:22




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



RE: R: [WSG] Firefox skips dropdown and multi-select list with tabbing (?)

2008-05-04 Thread Essential eBiz Solutions Ltd
I would say it's the mac that's causing your problems.

I'm running XP Pro with Mozilla/5.0 (Windows; U; Windows NT 5.1; en-GB;
rv:1.8.1.14) Gecko/20080404 Firefox/2.0.0.14

Good to see Magneto being put to good use. Still rebuilding my server to
take it with it's new approach to the database connecton.


-Original Message-
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On
Behalf Of tee
Sent: 05 May 2008 00:11
To: wsg@webstandardsgroup.org
Subject: Re: R: [WSG] Firefox skips dropdown and multi-select list with
tabbing (?)


On May 4, 2008, at 4:00 PM, Essential eBiz Solutions Ltd wrote:

 Just tabbed through the whole checkout forms in FireFox without any  
 problems


This is VERY ODD!!!  What version of FF /platform do you use?
  I am on Mac, FF v2.0.0.14. I wish I can capture the tabbing in  
action so that I can show you :(

tee


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



-- 
No virus found in this incoming message.
Checked by AVG. 
Version: 7.5.524 / Virus Database: 269.23.8/1413 - Release Date: 03/05/2008
11:22




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



RE: R: [WSG] Alternative to align = center?

2008-05-03 Thread Essential eBiz Solutions Ltd
There is the old faithful

p aligncentreImage/p
Which as far as I'm aware is valid in XHTML strict, or the method Stuart
mentioned with the pre-set div tag.


-Original Message-
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On
Behalf Of Stuart Foulstone
Sent: 03 May 2008 10:37
To: wsg@webstandardsgroup.org
Subject: Re: R: [WSG] Alternative to align = center?

Or use a CSS class to do the same,

div class=”centre” 

and

.centre {
  text-align: center;
}

On Sat, May 3, 2008 10:22 am, Diego La Monica wrote:
 What about div style=”text-align: center” ?





 Diego La Monica

 Web 2.0 - Standards - Accessibilità

 mobile: +39 3337235382 - skype: diego.la.monica

 web: http://diegolamonica.info - http://jastegg.it



   _

 Da: Simon [mailto:[EMAIL PROTECTED]
 Inviato: sabato 3 maggio 2008 11.15
 A: wsg@webstandardsgroup.org
 Oggetto: [WSG] Alternative to align = center?



 Hi,



 I know that the align attribute such as div align=”center” is not
 allowed
 in XHTML Strict, but it got me thinking on what the possible alternatives
 are for a dynamic environment such as a forum?



 For instance if I know the image width or the total width of all the
 images
 will be the same I usually put them in a wrapper with a fixed width and
 use
 margin: 5px auto as an example.



 What happens if you will never know the width of the images or how many
 images someone may post, as happens on a forum I run. I’ve resorted to
 creating a bbcode tag that uses div align=”center” as that is the only
 way
 I can think of.



 Are these scenarios always doomed to use transitional doctypes and
 deprecated code?



 I’d be interested in your opinions



 Cheers

 Simon


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





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



-- 
No virus found in this incoming message.
Checked by AVG. 
Version: 7.5.524 / Virus Database: 269.23.7/1410 - Release Date: 01/05/2008
17:30




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