Re: [WSG] Wrapping text before float drop
Chris F.A. Johnson wrote: If they *must* be side by side, then the relationship *is* tabular in nature. We disagree, Chris : "tabular" implies that there is a relationship (other than a spatial relationship) between the component elements. Valid examples of "tabular" could include : Latin verso; Greek recto (same text) Imperial verso; Metric recto (same quantities) and an invalid example would be : Navigation links verso; arbitrary content recto. ** Phil. *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
Re: [WSG] Wrapping text before float drop
Chris F.A. Johnson wrote: Use a table. If the relationship between them is such that they must be side by side, then a table is the correct element to use. Two columns must be side-by-side, Chris, yet the received wisdom is that a table is an inappropriate way of presenting such material, both because it compromises accessibility and because the semantics of are inappropriate to something that is not fundamentally tabular in nature. I have exactly the same requirement (except in my case it is the second column that I would like to shrink as the window narrows), and I too am keen to learn of a clean CSS-based solution. Philip Taylor *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
[WSG] Event handling and HTML image maps
Because it is possible to create an image map in HTML with overlapping areas as shewn here : [Area A [Area ] B ] where the end of Area A lies entirely within Area B (and the start of Area B lies entirely within Area A), it is possible in at least one mental model of reality for events to be generated in this sequence : A.onmouseover; B.onmouseover; B.onmouseout; ??? A.onmouseout. My questions are therefore as follows : (1) Can A.onmouseover indeed be followed by B.onmouseover without an intervening A.onmouseout ? (2) If (1) is the case, is it standards-defined whether A.onmouseout will occur when the mouse leaves Area B via an edge that does not lie within Area A? (3) As events are asynchronous, is there any standards-defined guaranty that one event handler will run to completion before another event handler can start ? Philip Taylor *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
Re: [WSG] Exemples to use microformats?
Tks for all responses. On Mon, Feb 23, 2009 at 11:12 AM, MichaelMD wrote: > On Mon, 2009-02-23 at 04:19 -0300, Ronaldo Bitencourt - Webmaster wrote: > > I am looking for example to use microformtas, something relatively new > > here in brazil, someone can help me with some links? > > > > > http://microformats.org/wiki/ > > > > > > *** > List 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] Exemples to use microformats?
I am looking for example to use microformtas, something relatively new here in brazil, someone can help me with some links? Tkss *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
RE: [WSG] HELP with CSS
Hello Olajide,
Actually yuors is a pretty simple fix.
Lose the and tags and include your text and graphix inside
your with your thumbnail. Create a class called
.leftimg {
float:left;
} In your style and then call it from your tag class="leftimg
A working example can be seen at http://1fite.com/17.html
I had a similar problem and solved it.
Good luck,
Troy
_
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On
Behalf Of Olajide Olaolorun
Sent: Thursday, July 26, 2007 1:18 PM
To: WSG
Subject: [WSG] HELP with CSS
Can someone help me out here:
http://www.olajideolaolorun.com/gfx/
There is a problem with where the text start and where the pictures end..
For some reson it loads under the pictres and i have to use the p tag to
create spacing for it... can someone help me out.
--
Best Regards,
Olajide Olaolorun
###
Personal: http://www.olajideolaolorun.com
Business: http://www.tripleo.biz
***
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]
***
[WSG] Correct structure of lists with headers
Hi everyone, I read some tutorials about lists but i don't find how make good structure list that have headers. How i make this list? Which are the best option? I think do it like it: OPTION 1: Phrase Header Phrase header Phrase header Phrase header Phrase header OPTION 2: Phrase Header Phrase header Phrase header Phrase header Phrase header Thanks, César Caballero www.darkrassel.com *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] Jello Mold not working right in IE/Win
#sizer {width:_expression_(document.body.clientWidth
> 1554 ? "402px" : "75%" );}
I would prefer not to have to fiddle with the proportions of the
buttons just for IE, so would it be possible for someone to translate
that _expression_ into plain english for me so I can fiddle with the
numbers instead? I don't understand what they're all doing, so it's
difficult to know where to make the changes I need.
Cheers,
Seona.
All the above means:
"if the screen width is wider than 1554px then #sizer will be 402px wide, or else it will 75% of the screen width"
I hope that was clear enough, it's the best I came up with ;-)
All the best and good luck
Paolo Dodet
Re: [WSG] New to Standards.
Try this: www.w3schools.com It helped me a lot in the beginning. Cheers Paolo
Re: [WSG] Images as DIV Background with and without link (w3c friendly)
Hi Fausto, To cut things short: there is nothing wrong with images used as background via CSS as long as theses images are used as layout and not to give meaningful pieces of information to the visitors. You may end up confusing people who use text-only or speech devices. Read this article from 24ways.org, I've found it very helpful, myself. You're from Brazil, hu? I'm living in Florianópolis, WONDERFUL!!! Cheers mate!!!
RE: [WSG] Argh! Clearing issues with center column
Hello there, Have you tried applying the clearfix hack to a container wrapping around your whole page? I didn't test it thoroughly but it seemed to work on IE 5.5 and 6 for me. Good luck. ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list & getting help **
RE: [WSG] Hiding Headings
Oh, great. So my skip links shouldn't be inside such a div then? :* So I have now changed the top of my page code to read: This site will look much better in a browser that supports http://www.webstandards.org/upgrade/"; title="Download a browser that complies with Web standards.">web standards, but it is accessible to any browser or Internet device. . Skip navigation Is this the most commonly used and accessible approach? -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Lance Willett The reason display:none is unadvisable is due to screen readers ignoring the content (which since it's an h1 element we are assuming it's important). The full reasons are fleshed out here: http://css-discuss.incutio.com/?page=ScreenreaderVisibility ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list & getting help **
RE: [WSG] Hiding Headings
Don't both these solutions still have the same issue with
Firefox's ability to drag content areas?
Has display:none become un-PC of
late?
From: [EMAIL PROTECTED]
[mailto:[EMAIL PROTECTED] On Behalf Of Christian
MontoyaSent: Wednesday, 28 September 2005 12:53 PMTo:
wsg@webstandardsgroup.orgSubject: Re: [WSG] Hiding
Headings
Psh, left? Do top:h1 {position: absolute;top:
-1px;}No need to risk the embarrasment of having the h1 element
seen on a 12,000 pixel resolution screen.
On 9/27/05, Lance
Willett <[EMAIL PROTECTED]>
wrote:
On
9/27/05, Nick Gleitzman <[EMAIL PROTECTED]>
wrote:> Joseph R. B. Taylor wrote:>>
>> > 1. Put the H1 in there, but set it's display to "none" on
the style > > sheet.> >> > 2. Set the header
overflow to hidden, then set the top padding on the> > H1 to be a
pixel more than the header's height - thereby hiding the> > heading
text. > >> > One problem I discovered with the second
method - you can drag the> > content in Firefox, revealing the
heading...> >> > Which approach is better? Do
search engine spiders know the heading > > is hidden in scenario one
and skip that text? Is there a known> > workaround for
the issue caused by scenario two?>> Instead of {display: none},
use {margin-left: 999px}. Visitors won't > see the H1 text, but Search
Engines will; and nothing to see if content> dragged...>>
N> ___> Omnivision. Websight.> http://www.omnivision.com.au/>>
**> The discussion
list for http://webstandardsgroup.org/>> See
http://webstandardsgroup.org/mail/guidelines.cfm> for
some hints on posting to the list & getting help>
**
>>Joseph,I agree with Nick, except I would do
px. I made the mistake ofdoing 999px one time, and on a
large monitor the h1 snuck in from theside and it was
embarassing!So your CSS would look like this: h1
{position: absolute;left: -px;}Search engines will
still see it that way and there is no chance thatit will show on your
layout.--Lance Willettsimpledream web studioPhone:
520.954.5607Email: [EMAIL PROTECTED]Web: http://www.simpledream.net**
The discussion list for http://webstandardsgroup.org/See
http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list & getting
help**
RE: [WSG] WE05 - who's going?
Well I don't know if everyone else is the die-hard fan of this group that I am but I thought a forehead tattoo with 'WSG' would do the trick. -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Herrod, Lisa Sent: Tuesday, 27 September 2005 3:09 PM To: 'wsg@webstandardsgroup.org' Subject: RE: [WSG] WE05 - who's going? How about a secret password that you have to sneak into the first 60 seconds of meeting someone :)..? any ideas? -Original Message- From: Focas, Grant [mailto:[EMAIL PROTECTED] Sent: Tuesday, 27 September 2005 3:03 PM To: wsg@webstandardsgroup.org Subject: RE: [WSG] WE05 - who's going? I'm going, see you there. Grant -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] Behalf Of Webmaster Sent: Tuesday, 27 September 2005 2:19 PM To: wsg@webstandardsgroup.org Subject: [WSG] WE05 - who's going? So who's going to the Web Essnetials conference this week? Anyone interested in a group catch-up? I thought it might be nice to put some faces to all these names. ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list & getting help ** ** This message is intended for the addressee named and may contain privileged information or confidential information or both. If you are not the intended recipient please delete it and notify the sender. ** ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list & getting help ** ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list & getting help ** ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list & getting help **
[WSG] WE05 - who's going?
So who's going to the Web Essnetials conference this week? Anyone interested in a group catch-up? I thought it might be nice to put some faces to all these names. ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list & getting help **
RE: [WSG] Konqueror and Galeon issues
> ...my third column is pulling back into the centre in Konqueror and Galeon. For thos who are interested, this is a clearing problem which only seems to occur in these browsers. The good news is that the wonderful new .clearfix solution for clearing floats does the trick very nicely. For those still using clearing DIVs, HRs and BRs I urge you to look at adopting this new solution. Far more elegant and it actually works as expected. The only disclaimer lies in the explicit order of your DIC elements. Apologies if I'm going over old ground but this solution has entirely changed the way I construct my sites. ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list & getting help **
RE: [WSG] displaying 3.1 3.2 etc. instead of 1 2 3
Ben, the logic is the same, you just need to set the UL as a nested list and apply your list style type (numeric) and start number (3). -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Ben Curtis Sent: Friday, 23 September 2005 2:03 AM To: wsg@webstandardsgroup.org Subject: Re: [WSG] displaying 3.1 3.2 etc. instead of 1 2 3 Webmaster wrote: > The far simpler way would be simpy to use: > > Text > Text > Text > This would render as: 3. Text 4. Text 5. Text The poster wants: 3.1. Text 3.2. Text 3.3. Text -- Ben Curtis : webwright bivia : a personal web studio http://www.bivia.com v: (818) 507-6613 ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list & getting help ** ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list & getting help **
RE: [WSG] Clearleft.com
Georg, the fix doesn't suggest putting different values on html and body (or
did I miss the whole point?).
I understood the solution to be setting body and/or html to 100.01% and then
setting any other styles and text-level attributes with ems or %. Did I get
it wrong?
I've just done a complete run of screenshots using the above method and can
still see some variations in size, particularly at larger sizes (h1-h3).
-Original Message-
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED]
On Behalf Of Gunlaug Sørtun
Sent: Friday, 23 September 2005 9:40 AM
To: wsg@webstandardsgroup.org
Subject: Re: [WSG] Clearleft.com
Andy Budd wrote:
>> Why don't you ask mister Rutter? http://www.clagnut.com/blog/348/
>
> You know what, I must have known this at some stage as I always set %
> on the body tag to avoid problems with font sizing in IE. I just
> didn't put two and two together and realise it was the same issue. I
> think the name "extreme font-resizing bug" just threw me as I've never
> heard it called that before.
I thought it was a quite descriptive "name" for an old bug. Must be a flaw
in my Norwenglish... :-)
Seriously though; if solving it by setting 'font-size: 100%;' on 'html'
and em-value on 'body', then better make sure it _is_ '100%' and _no_ other
value on 'html'. Otherwise it looks like we may have a nice, but unwanted,
variation of font-sizes across browser-land.
Test 1:
html {font-size: 100%;}
body {font-size: 1em;}
... should result in 1em as base.
Test 2:
html {font-size: 200%;}
body {font-size: 0.5em;}
... should result in 1em as base.
Test 3:
html {font-size: 50%;}
body {font-size: 2em;}
... should result in 1em as base.
Only IE/win gave me the indicated results (1em).
Opera)8.50) and Firefox(1.5b1) didn't agree on anything but test 1.
- Can anyone confirm (or correct) this result?
- What about other browsers?
regards
Georg
--
http://www.gunlaug.no
**
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list & getting help
**
**
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list & getting help
**
RE: [WSG] Konqueror and Galeon issues
[edit edit] Doh!
[edit] I did, of course, mean "should I apply a .clearfix style to each
parent div and NOT the all-encompassing hack below.
-Original Message-
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED]
On Behalf Of Webmaster
Sent: Thursday, 22 September 2005 12:52 PM
To: wsg@webstandardsgroup.org
Subject: [WSG] Konqueror and Galeon issues
Hi all,
The fix provided the other day to clear floats and make disappearing content
re-appear worked well enough in most browsers.
However, having just performed a preview test at http://browsershots.org
(incidentally, this site deserves an award for its service to the web-dev
community), I'm horrified to discover that my third column is pulling back
into the centre in these two broswers.
The question is: should I care? Is this due to quirks in those browsers? All
others display just how I intended.
The screenshots can be viewed here:
http://browsershots.org/website/363651/
Do I simply need to apply my fix to ALL higher-level container divs?
/* Improved hack for Peekaboo bug which causes content from #middle
to disappear
if its height is less than that of #right. Include backjslash here
for IE5-Mac \*/
@media screen {
* html #middle { height: 0; }
}
/* end fix */
**
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list & getting help
**
**
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list & getting help
**
RE: [WSG] keyboard onclick activation on Mac
[edit] I did, of course, mean "should I apply a .clearfix style and NOT the neat hack below. -Original Message- My concern is that the Enter key is also the default key to submit forms. An onKeypress event could be trigger by most any other key, preferably the spacebar. Although, as we know, this key also has the function of making selections in radio groups and select boxes. -Original Message- From: Patrick H. Lauke But Enter *is* the keyboard equivalent of the mouse click, so no you should not filter it...or am I missing something here? ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list & getting help ** ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list & getting help **
[WSG] Konqueror and Galeon issues
Hi all,
The fix provided the other day to clear floats and make disappearing content
re-appear worked well enough in most browsers.
However, having just performed a preview test at http://browsershots.org
(incidentally, this site deserves an award for its service to the web-dev
community), I'm horrified to discover that my third column is pulling back
into the centre in these two broswers.
The question is: should I care? Is this due to quirks in those browsers? All
others display just how I intended.
The screenshots can be viewed here:
http://browsershots.org/website/363651/
Do I simply need to apply my fix to ALL higher-level container divs?
/* Improved hack for Peekaboo bug which causes content from #middle
to disappear
if its height is less than that of #right. Include backjslash here
for IE5-Mac \*/
@media screen {
* html #middle { height: 0; }
}
/* end fix */
**
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list & getting help
**
RE: [WSG] keyboard onclick activation on Mac
My concern is that the Enter key is also the default key to submit forms. An onKeypress event could be trigger by most any other key, preferably the spacebar. Although, as we know, this key also has the function of making selections in radio groups and select boxes. -Original Message- From: Patrick H. Lauke But Enter *is* the keyboard equivalent of the mouse click, so no you should not filter it...or am I missing something here? ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list & getting help **
RE: [WSG] displaying 3.1 3.2 etc. instead of 1 2 3
Be nice. It's a common enough solution. MS don't get absolutely everything wrong, you know. :P -Original Message- From: Patrick H. Lauke MsoNormal? Somebody's been exporting from Word, eh? ;) Webmaster wrote: > The far simpler way would be simpy to use: > > > Text > Text > Text > ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list & getting help **
RE: [WSG] keyboard onclick activation on Mac
Patrick H. Lauke quoth: > Or, if you must, and your audience does include Mac users, write your own > little javascript filter function to ignore TAB before activating whatever > behaviour is in the onclick. And indeed one for the Enter key. I guess the point I was trying ot make is that these keys already had specific amnd well understood functions well before the Internet infected the ether. It shouldn't have been a leap of thought to reserve them for exclusive functions. As you say, the W3C got it wrong. Nuff said. ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list & getting help **
RE: [WSG] controlling font size in form text box
Janelle Clemens wrote: > using em was way to inconsistent cross browser. Janelle, another thing to consider when using ems and % for your font-size is to also apply these units to your layout (header, columns etc.). This way everything will flow just beautifully when resized. You need to get your designer to think outside the box and not be so precious. I've settled many an argument simply by throwing quotes from the Web standards bible at people. At the end of the day, when it comes to making a site accessible, they won't have a leg to stand on... [cringe] ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list & getting help **
RE: [WSG] controlling font size in form text box
Another cool tool, which is free, is Screen Ruler. http://www.spadixbd.com/freetools/jruler.htm It's only limitation IMO is that is can only measure in pixels, inches, picas and centimeters. The developer is the type of guy that would happily add other units however. Especially for the sake of accessibility. -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Paul Bennett Sent: Thursday, 22 September 2005 8:07 AM To: wsg@webstandardsgroup.org Subject: RE: [WSG] controlling font size in form text box 1. personally that font size is already borderline readable (and I have good vision) any smaller than 9px (some would say 10px) is getting into the squinty-eyes arena. 2. According to my screen callipers, the font size the designer wants is 7px. There's a reason it looks too small at this size - because it is. Your designer might have to just be happy with 9px IMHO. Paul Need to measure things onscreen (to appease designers, for example) then check out this 'Screen Callipers' utility: http://www.iconico.com/caliper/index.aspx (I'm not afflated, just a happy user) ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list & getting help ** ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list & getting help **
RE: [WSG] controlling font size in form text box
Janelle, I'm gonna take a stab in the dark and assume that
the difficulty you've been having is a result of the much-discussed and lightly
documented IE font-size bug.
As stated in previous posts, simply give your html or
body tag a font-size of 100.01% and then use ems (preferably) for any further
definitions.
I usually follow with a few basics
like:
p, li, input { font-size: 80% }
Tabel cells sometimes inherit depending on how the rest of
your stylesheet is set up.
Give it a go. You'll see it works and that it's muc easier
to keep site-wide control.
The other option of fixing a 9pt font is simply a big fat
no-no. :)
From: [EMAIL PROTECTED]
[mailto:[EMAIL PROTECTED] On Behalf Of Janelle
ClemensSent: Thursday, 22 September 2005 7:42 AMTo:
wsg@webstandardsgroup.orgSubject: [WSG] controlling font size in form
text box
My designer is on me
to reduce the size of the font in the search box on the templates for our
redesign. But I can not get it to budge without getting too
small. Does anyone know of a trick for this. We
have decided to use a fixed font (px or pt) for the search box text.
Two reasons: 1. to keep it constant when a viewer increases
their browser font, and 2. using em was way to inconsistent cross
browser. The text under the search box is the size my designer
wants it to be.
http://www.sgi.com/tempie/search_font.html
.box {font-size:
9px;}
Thank
you,
Janelle
RE: [WSG] Clearleft.com
>> If it was spinning, the name "clear:left" would have to change to >> "clear:right" at every 180 degrees. > or clear:both :o) You guys are just s 80s. ;) ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list & getting help **
RE: [WSG] displaying 3.1 3.2 etc. instead of 1 2 3
The far simpler way would be simpy to use: Text Text Text Works in IE and Firefox. Probably all the others too. From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of James EllisSent: Wednesday, 21 September 2005 10:24 PMTo: wsg@webstandardsgroup.orgSubject: Re: [WSG] displaying 3.1 3.2 etc. instead of 1 2 3 HiYes there is, using "counter". Only works in Opera and KHTML browser (Konquerer, possibly Safari), though.http://www.meyerweb.com/eric/css/tests/css2/sec12-05a.htmCheersJames On 9/21/05, Taco Fleur - Pacific Fox <[EMAIL PROTECTED]> wrote: Is there any way to make list look like 3.1 text text 3.2 text text 3.3 text text 3.4 text text Instead of 1 text text 2 text text 3 text text 4 text text I am thinking NOT with plain markup, but I could be wrong (just checking). And how would someone else do this? Just use and put the numbering within the list item as text? Taco Fleur - Pacific Foxan industry leader with commercial IT experience since 1994 …http://www.pacificfox.com
RE: [WSG] displaying 3.1 3.2 etc. instead of 1 2 3
The far simpler way would be simpy to use: Text Text Text Works in IE and Firefox. Probably all the others too. From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of James EllisSent: Wednesday, 21 September 2005 10:24 PMTo: wsg@webstandardsgroup.orgSubject: Re: [WSG] displaying 3.1 3.2 etc. instead of 1 2 3 HiYes there is, using "counter". Only works in Opera and KHTML browser (Konquerer, possibly Safari), though.http://www.meyerweb.com/eric/css/tests/css2/sec12-05a.htmCheersJames On 9/21/05, Taco Fleur - Pacific Fox <[EMAIL PROTECTED]> wrote: Is there any way to make list look like 3.1 text text 3.2 text text 3.3 text text 3.4 text text Instead of 1 text text 2 text text 3 text text 4 text text I am thinking NOT with plain markup, but I could be wrong (just checking). And how would someone else do this? Just use and put the numbering within the list item as text? Taco Fleur - Pacific Foxan industry leader with commercial IT experience since 1994 …http://www.pacificfox.com
RE: [WSG] keyboard onclick activation on Mac
This is true and it's so goddamn annoying. You would have thought someone would either exclude the TAB key from keypress events (and other keys like Enter, Alt, arrows etc) which are generally reserved for other functions. This is one aspect of meeting accessibility requirements that I find quite painful. The easy answer, of course, is to avoid Javascript events altogether. -Original Message- From: Patrick Lauke However, in Firefox - and, if I recall correctly, Mozilla (Seamonkey) as well - a tab also counts as a keypress. Therefore, simply tabbing to the link and attempting to tab to the next one will trigger the onkeypress event. In this case, the user starts tabbing, and all of a sudden the print dialog comes up... Patrick ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list & getting help **
RE: [WSG] two background images + fixed width layout
> Hi, > Sorry for my poor English :( > This is what I want : > http://lxm.lotusseeds.com/example.gif Ah, yes. That helps. It's tricky but do-able. The trick will be using GIFs with transparency. All very accessible. > And this requires fluid layout? Not at all. In fact, fixed layout would probably suit your purposes better here unless you were going to use the same alignment on all your background images. Incidentally, I would try to achieve this with two images and no more. Play around with it and you'll get something you're happy with. It may not mirrow the original image exactly though. ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list & getting help **
RE: [WSG] two background images + fixed width layout
Tee, I'm not sure exactly what you're trying to achieve but why don't you
just try nesting a couple of divs and giving them a background image each?
The following example illustrates the idea and would visually display a
three column layout. Of course, you could use and combination of images and
positiong that you liked.
#main1 {background: url(../images/grey.gif) top left repeat-y;}
#main2 {background:url(../images/blue.gif) top right repeat-y;}
mailto:[EMAIL PROTECTED]
On Behalf Of tee
Sent: Wednesday, 21 September 2005 9:34 AM
To: wsg@webstandardsgroup.org
Subject: [WSG] two background images + fixed width layout
Hi, I am working on a fixed width layout site that I would like to use two
background images. I know that it's impossible to do so in CSS however is
there a (standards compliant) trick I could use? Or do you know CSS based
website that use two background images that you can point me to?
I was thinking to use extra divs just for background images but with fixed
layout my content gone south as soon as I applied the extra divs.
Please see the current layout here:
http://lxm.lotusseeds.com/index.html
The first part of background image (dark green) is placed in the #container
which goes all the way down to #footer.
Then I have the drop shadow part of the background (dark green and earth
tone) in #wrapper, and the first part of earth tone placed in
#supportingText, then the bottom part in #footer.
However I would like to achieve this:
the first part of dark green background image runs across entire screen
horizontally (repeat-x) (I guess I can set a fixed height with no repeat-y
to achieve the visual effect I wanted)
the second part of earth tone background image runs across entire screen
horizontally (repeat-x)
and everything in the #container stays the same.
Is this do-able?
Thanks in advance!
tee
**
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list & getting help
**
**
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list & getting help
**
RE: [WSG] Clearleft.com
Oh, one small encoding issue (?) which came up as well. For some reason I'm getting the HTML entity and not the " in the text below. "Download and complete our client worksheet, and we'll send you a proposal within a week." -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Andy Budd Sent: Wednesday, 21 September 2005 1:59 AM To: wsg@webstandardsgroup.org Subject: [WSG] Clearleft.com Hi folks, We've just launched our new company website, and would love your feedback. http://www.clearleft.com/ Yours Andy Budd http://www.andybudd.com/ 01273 241355 07880 636677 ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list & getting help ** ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list & getting help **
RE: [WSG] Clearleft.com
Dodge the bad and just watch all the good, Andy. It's a great site. It's visual simplicity belies the efforts you've gone to in creating it. I love the testimonial blockquote styling. Tray shiek. I've gotta tell you though, I did notice a few clear: rights in those stylesheets. :) One curious thing I noticed (which only appears if you really scrunch the page size) is that the header actually develops horizontal and vertical scrollbars. No biggie. I was at about 600x480 at that stage. Again, kudos for going with a fluid full-width display. Makes me feel less alone. -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Andy Budd Sent: Wednesday, 21 September 2005 9:19 AM To: wsg@webstandardsgroup.org Subject: Re: [WSG] Clearleft.com > A little on the boring side, where are the images, the site is just > text. Well I wanted to make the logo spin, but the others thought it was a bad idea ;-) Seriously though, we will be adding pictures of us on the relevant "about" pages, as well as creating a case study area in the not too distant future to highlight interesting work. However I do think that the site is about the text rather than superfluous images, so we wanted to put the content at the forefront of the site. Yours Andy Budd http://www.andybudd.com/ 01273 241355 07880 636677 ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list & getting help ** ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list & getting help **
RE: [WSG] Disappearing conent in middle column
Hi Andreas, That's the bug alright. If only I'd thought to search Google for 'peekaboo' and not 'CSS content disappears' or similar. ;) Gunlaug's fix certainly did the trick. Thanks, Gunlaug! It appears the Holly Hack might also work but would oyu believe the original article for this on PositionIsEverytyhing ( www.positioniseverything.net/articles/hollyhack.html )has now been moved to http://www.communitymx.com/abstract.cfm?cid=47F29 and requires payment?! Thanks a lot for your quick responses. -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Andreas Boehmer [Addictive Media] Sent: Tuesday, 20 September 2005 2:22 PM To: wsg@webstandardsgroup.org Subject: RE: [WSG] Disappearing conent in middle column > -Original Message- > From: Webmaster [mailto:[EMAIL PROTECTED] > Sent: Tuesday, 20 September 2005 2:03 PM > To: wsg@webstandardsgroup.org > Subject: [WSG] Disappearing conent in middle column > > The content in the centre column (i.e. the main content) of my site > template disappears on page load. It reappears as soon as you rollover > any link, or drag over the body text itself. > Did you check if it is the peekaboo bug? http://www.positioniseverything.net/explorer/peekaboo.html ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list & getting help ** ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list & getting help **
RE: [WSG] Disappearing conent in middle column
Hi Christian. Yes, I have.
The clearer class looks like this.
.clearer { clear:
both; line-height: 0; height: 0; margin: 0px;
padding: 0px; background:
transparent; }
For those not seeing the problem it is duplicated ONLY
under these circumstamces.
1. The centre colums content height is less than that
of the right column AND you click in the Address bar after page load and
hit RETURN.
2. On an subsequent visit using the browser's arrow
keys.
From: [EMAIL PROTECTED]
[mailto:[EMAIL PROTECTED] On Behalf Of Christian
MontoyaSent: Tuesday, 20 September 2005 2:14 PMTo:
wsg@webstandardsgroup.orgSubject: Re: [WSG] Disappearing conent in
middle column
Are you applying "clear:both;" to these divs?
On 9/20/05, Webmaster
<[EMAIL PROTECTED]>
wrote:
Hi
all,Another bizarre IE bug. I've searched and searched and can find
nothing suitable to fix this.The content in the centre column
(i.e. the main content) of my site templatedisappears on page load. It
reappears as soon as you rollover any link, ordrag over the body text
itself. This is a continuation of the same problem I had earlier which
someonerecommended would be solved by using a as a clearing
element insteadof a .Converting DIVs to BRs only
resulted in more arcane behaviour. In fact, clearing floats in the usual
fashion generally results in problems.The problem only seems to occur
when the content in the right column exceedsthe height of the centre
column.For those interested the live example is here: http://d81314.i50.quadrahosting.com.au/layout_test.htmAny
and all suggestions/solutions much
appreciated.Paul**
The discussion list for http://webstandardsgroup.org/See
http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list & getting
help**
[WSG] Disappearing conent in middle column
Hi all, Another bizarre IE bug. I've searched and searched and can find nothing suitable to fix this. The content in the centre column (i.e. the main content) of my site template disappears on page load. It reappears as soon as you rollover any link, or drag over the body text itself. This is a continuation of the same problem I had earlier which someone recommended would be solved by using a as a clearing element instead of a . Converting DIVs to BRs only resulted in more arcane behaviour. In fact, clearing floats in the usual fashion generally results in problems. The problem only seems to occur when the content in the right column exceeds the height of the centre column. For those interested the live example is here: http://d81314.i50.quadrahosting.com.au/layout_test.htm Any and all suggestions/solutions much appreciated. Paul ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list & getting help **
RE: [WSG] weird three menu on IE 5
Note for "Bert Doorn": Sorry for slamming your mail server, this is my first (actually second) time posting to this list and I should have read its guidelines more carefully. But a simple "please use plain text and keep thread quoting to a minimum" would likewise suffice. ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list & getting help **
RE: [WSG] weird three menu on IE 5
Can you describe what its doing wrong in
IE 5 and 5.5?
From: setiawan77th
[mailto:[EMAIL PROTECTED]
Sent: Tuesday, August 23, 2005
2:59 AM
To: wsg@webstandardsgroup.org
Subject: [WSG] weird three menu on
IE 5
Can someone be so kind helping me to my problem with three menu.
It's work o IE6 and Mozzila.
But some how it look weird in IE5 and IE5.5
[CSS]
#menu {
margin-bottom: 30px;
}
#menu ul {
margin: 0 0 0 auto;
padding: 0;
text-align: left;
list-style: none;
border: none;
width: 200px;
}
#menu li {
margin: 0 0 0 0;
padding: 0;
list-style-type: none;
border: none;
}
#menu a {
padding: 5px 0px 0px 15px;
font-size: 11px;
display: block;
background: url('../images/dot.gif') no-repeat left center;
text-decoration: none;
font-style:normal;
font-variant:normal;
font-weight:normal;
font-size:11px;
font-family:Lucida Grande, Lucida Sans Unicode, verdana, lucida, sans-serif;
text-align: left;
border: none;
}
#menu a:hover {
border: none;
text-decoration: none;
color: #FF;
background: url('../images/dot_active.gif') no-repeat left center;
}
[HTML]
