from:"Richard Mather"

[WSG] Re: WSG Digest

2009-10-06 Thread Richard Mather

Hi Bob,

That's a good one.

I've had a quick play and the only way I've found that works as you intend
is by giving widths in % - ie, your fixed divs, 1, 2 (floated left) and 4
(floated right) all have, say, width:10%; while your elastic div 3 (also
floated left) is given width:70%;

Markup, using background colours to visually define the divs:


box 1 - fixed
box 2 - fixed
box 3 - elastic - stretches with
content
box 4 - fixed


#wrapper {
overflow:hidden;
width:100%;
}

#wrapper div {
height:50px;
}

#wrapper .fixed {
width:10%;
}

#wrapper .elastic {
width:70%;
}

#wrapper #box1 {
background:#f0;
float:left;
}

#wrapper #box2 {
background:#fff000;
float:left;
}

#wrapper #box3 {
background:#00f000;
float:left;
}

#wrapper #box4 {
background:#f0;
float:right;
}

It's not perfect by any means - anyone else got any methods?


Rich


2009/10/6 

> *
> WEB STANDARDS GROUP MAIL LIST DIGEST
> *
>
>
> From: "designer" 
> Date: Tue, 6 Oct 2009 11:28:30 +0100
> Subject: elasticity and floats
>
> Can anyone help me sort a problem please:
>
> I want to make a banner/masthead with 4 divs. Nos 1,2 and 4 are fixed
> width
> and I want div 3 to be flexible width and fill the gap:
>
>
> 
>
> [fixed- float left] [fixed - float left] [elastic - no floats] [fixed -
> float right]
>
> 
>
> The wrapper div takes care of the clearing, using overflow : hidden.
>
> It's easy with a table, but I don't seem to be able to do it with
> floats.
> The ways I've tried either don't line up the divs vertically, or the 3rd
> div
> width shrinks to content size.
>
> I hope I've explained this properly (nothing online to see yet) and I
> hope
> someone can help.
>
> Thanks,
>
> Bob
>
>
> **
> Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
> Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
> Help: memberh...@webstandardsgroup.org
> **
>
>
>


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

[WSG] CSS list-style

2009-10-06 Thread Richard Mather

Hi all,

I'm wondering about colouring bullet points in a  and wanted to know if
there was a way of having the list-style: a different colour to the text
within the  without having to resort to putting it all within a
as per my example:


content


ul {
color:#380;
list-style-type:disc;
}
ul li span {
color:#000;
}


Many thanks
Rich


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

[WSG] Re: WSG Digest

2009-10-28 Thread Richard Mather

Hi Bob,

According to Wikipedia, the UK Government recommends accesskey="s" for skip
nav:

http://en.wikipedia.org/wiki/Access_key#Use_of_standard_access_key_mappings


Rich

2009/10/29 

> *
> WEB STANDARDS GROUP MAIL LIST DIGEST
> *
>
>
> From: "designer" 
> Date: Wed, 28 Oct 2009 13:36:32 -
> Subject: skip links
>
> Can anyone point me to the best way of providing a 'skip nav' procedure
> which is invisible to sighted readers but is picked up by screen
> readers?  It seems a can of worms - I've searched and read about it, but
> (of course) it is impossible to find out which way is recommended by
> real world web designers who have actually used a bullet-proof approach.
>
> I'd be really grateful . . .
>
> Thanks,
>
> Bob
>
>
> **
> Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
> Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
> Help: memberh...@webstandardsgroup.org
> **
>
>
>


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

[WSG] Re: WSG Digest

2010-11-08 Thread Richard Mather

Hi Grant,

Looks like a good old animated gif:

http://www.google.co.uk/logos/2010/xraydiscovery2010-ps.gif


Richard


On 8 November 2010 23:20,  wrote:

> *
> WEB STANDARDS GROUP MAIL LIST DIGEST
> *
>
>
> From: "Grant Bailey" 
> Date: Mon, 8 Nov 2010 23:13:51 +1100
> Subject: Google 'X-ray' banner
>
> Hello,
>
> Does anyone know how Google did their 'X-ray' banner that appeared
> today? (See
> http://www.telegraph.co.uk/technology/google/8116827/X-rays-150th-annive
> rsary-celebrated-with-Google-Doodle.html if the banner has been
> replaced.) It glows and fades. This is not Flash, so I'd love to know
> how they did it. Does anyone know? Is it an animated Gif, or some HTML5
> trick?
>
> Thank you,
>
> Grant Bailey
>
>
>
> **
> Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
> Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
> Help: memberh...@webstandardsgroup.org
> **
>
>
>


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

[WSG] Re: WSG Digest

2011-03-09 Thread Richard Mather

Try facebook's generated code:

http://developers.facebook.com/docs/reference/plugins/like/

http://www.facebook.com/plugins/like.php?href&layout=standard&show_faces=true&width=450&action=like&font&colorscheme=light&height=80";
scrolling="no" frameborder="0" style="border:none; overflow:hidden;
width:450px; height:80px;" allowTransparency="true">



On 9 March 2011 22:47,   wrote:
> *
> WEB STANDARDS GROUP MAIL LIST DIGEST
> *
>
>
> From: "designer" 
> Date: Wed, 9 Mar 2011 11:46:05 -
> Subject: html5 and iframes?
>
> I am having a problem with iframes in html5. I am trying to put a facebook
> 'like' link on a website and the results are not always as expected.
> Particularly, IE 7 and 8 show a border AND the box size is different! I am
> using this:
>
>
>  src="http://www.facebook.com/plugins/like.php?href=www.marscovista.co.uk&layout=standard&show_faces=false&action=like&font=verdana&colorscheme=light&";>
>    
>
> in conjunction with
>
> #noborder {
>  border : 0!important;
>  height : 35px;
>  width : 600px;
> }
>
> It's fine in Firefox, Safari and IE6 (amazingly!), but not in IE7 and 8. Am
> I missing something?  You can see it in situ here:
>
> http://www.marscovista.fsnet.co.uk/index_beta.html
>
> Any help gratefully recvd!
>
> Thanks,
>
> Bob
>
>
>
>
> **
> Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
> Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
> Help: memberh...@webstandardsgroup.org
> **
>
>
>


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

[WSG] Re: WSG Digest

2011-04-01 Thread Richard Mather

3.6.16

On 1 April 2011 18:54,  wrote:

> *
> WEB STANDARDS GROUP MAIL LIST DIGEST
> *
>
>
> From: tee 
> Date: Thu, 31 Mar 2011 00:41:16 -0700
> Subject: what is the exact version of FF 3.6 x prior to FF4?
>
> I upgraded to FF4 without checking the compatibility of the addons.
>
> Both YSlow and Page Speed aren't compatible, now I need to install the
> previous version that I used, but can't remember the exact version.
> There seems to be a number of 3.6.x.
>
> This is for Mac. Thanks!
>
> BTW, FF mobile is out.
>
> tee
>
>
> *
> From: "Chris F.A. Johnson" 
> Date: Thu, 31 Mar 2011 03:49:23 -0400 (EDT)
> Subject: Re: [WSG] what is the exact version of FF 3.6 x prior to FF4?
>
> On Thu, 31 Mar 2011, tee wrote:
>
> > I upgraded to FF4 without checking the compatibility of the addons.
> >
>
> > Both YSlow and Page Speed aren't compatible, now I need to install
> > the previous version that I used, but can't remember the exact
> > version. There seems to be a number of 3.6.x.
>
> The latest I have is 3.6.13
>
> > This is for Mac. Thanks!
>
> After upgrading to FF4, most addons worked -- until I restarted FF.
>
> However, after re-installing the addons, most of them worked fine.
>
>
> --
>Chris F.A. Johnson, 
>Author:
>Pro Bash Programming: Scripting the GNU/Linux Shell (2009, Apress)
>Shell Scripting Recipes: A Problem-Solution Approach (2005, Apress)
>
> *
> From: =?UTF-8?Q?Kristaps_Anc=C4=81ns?= 
> Date: Thu, 31 Mar 2011 09:58:10 +0200
> Subject: Re: [WSG] what is the exact version of FF 3.6 x prior to FF4?
>
> 3.6.15
>
> Ar cieÅ†u,
> Kristaps AncÄ ns
>
> Mob.: +371 29831831
> E-pasts: kristaps.anc...@gmail.com
> Skype: kristaps.ancans
> Web: www.fyfi.net, www.metalguide.org
>
>
> On Thu, Mar 31, 2011 at 09:49, Chris F.A. Johnson  >wro
> te:
>
> > On Thu, 31 Mar 2011, tee wrote:
> >
> >  I upgraded to FF4 without checking the compatibility of the addons.
> >>
> >>
> >  Both YSlow and Page Speed aren't compatible, now I need to install
> >> the previous version that I used, but can't remember the exact
> >> version. There seems to be a number of 3.6.x.
> >>
> >
> >The latest I have is 3.6.13
> >
> >  This is for Mac. Thanks!
> >>
> >
> >After upgrading to FF4, most addons worked -- until I restarted FF.
> >
> >However, after re-installing the addons, most of them worked fine.
> >
> >
> > --
> >   Chris F.A. Johnson, 
> >   Author:
> >   Pro Bash Programming: Scripting the GNU/Linux Shell (2009, Apress)
> >   Shell Scripting Recipes: A Problem-Solution Approach (2005, Apress)
> >
> >
> > ***
> > List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
> > Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
> > Help: memberh...@webstandardsgroup.org
> > ***
> >
> >
>
>
> *
> From: Fabien BENARIAC 
> Date: Thu, 31 Mar 2011 10:05:14 +0200
> Subject: Re: [WSG] what is the exact version of FF 3.6 x prior to FF4?
>
> Le 31/03/11 09:49, Chris F.A. Johnson a écrit :
> > On Thu, 31 Mar 2011, tee wrote:
> >
> >> I upgraded to FF4 without checking the compatibility of the addons.
> >>
> >
> >> Both YSlow and Page Speed aren't compatible, now I need to install
> >> the previous version that I used, but can't remember the exact
> >> version. There seems to be a number of 3.6.x.
> >
> > The latest I have is 3.6.13
> >
> >> This is for Mac. Thanks!
> >
> > After upgrading to FF4, most addons worked -- until I restarted FF.
> I just have to re-install firebug... YSlow was ok after for me. btw, I
> think a upgrade is usefull (I don't understand why you want to run FF3x
> modules with FF4x...)
>
> >
> > However, after re-installing the addons, most of them worked fine.
> >
> >
>
>
> *
> From: "Chris F.A. Johnson" 
> Date: Thu, 31 Mar 2011 04:12:09 -0400 (EDT)
> Subject: Re: [WSG] what is the exact version of FF 3.6 x prior to FF4?
>
> On Thu, 31 Mar 2011, Fabien BENARIAC wrote:
> ...
> > (I don't understand why you want to run FF3x modules
> > with FF4x...)
>
>   If it ain't broke...
>
> --
>Chris F.A. Johnson, 
>Author:
>Pro Bash Programming: Scripting the GNU/Linux Shell (2009, Apress)
>Shell Scripting Recipes: A Problem-Solution Approach (2005, Apress)
>
> *
> From: tee 
> Date: Thu, 31 Mar 2011 01:44:59 -0700
> Subject: Re: [WSG] what is the exact version of FF 3.6 x prior

[WSG] Re: WSG Digest

[WSG] CSS list-style

[WSG] Re: WSG Digest

[WSG] Re: WSG Digest

[WSG] Re: WSG Digest

[WSG] Re: WSG Digest

6 matches

Site Navigation

Mail list logo

Footer information