[WSG] Defining A Definition List
Hi, Would a be appropriate for the following scenario? News Article name and date article content or News Article name date article content ___ "Knowing is not enough, you must apply; willing is not enough, you must do." ---Bruce Lee ** 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] To PNG Or Not To PNG
Hi, This is exactly what I had in mind, thanks. to clarify my understanding an 8-bit png doesn't have an alpha channel, so transparency is derived the same as gif, from a solid color. However, the 24-bit png has an alpha channel specifying transparency? On Saturday, November 27, 2004, at 05:29 PM, Patrick H. Lauke wrote: Chris Kennon wrote: I would like to use a PNG. What graceful solution exists for accommodating IE? Provide an 8 bit fallback PNG for IE, set as default background, and then use some CSS that IE doesn't understand (e.g. using child selectors) to set the background to the 24 bit one instead. Not really an answer to your question, but this could nonetheless give you an idea of what I'm talking about http://www.splintered.co.uk/experiments/19/ Assuming that you do actually need a 24 bit one... Patrick H. Lauke -- _ re·dux (adj.): brought back; returned. used postpositively [latin : re-, re- + dux, leader; see duke.] www.splintered.co.uk | www.photographia.co.uk http://redux.deviantart.com ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list & getting help ** ___ "Knowing is not enough, you must apply; willing is not enough, you must do." ---Bruce Lee ** 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] Includes in XHTML
Jonathan T. Sage wrote: I was wondering if there is an easy way to tell the browser to render just a section of the page in a HTML4 mode, to avoid it bombing out. You could use an object tag, but it would suffer from most of the negatives of an iframe. If you choose to have PHP parse the HTML, as Rob suggested, I believe there are some tools available. You may find something at http://pear.php.net or http://sourceforge.net/. I think HTML Tidy is a possibility (http://tidy.sourceforge.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] Image Positioning Problems :(
added this to #client, is this the idea your looking for? clear: both; margin-bottom: 50px; On Sun, 28 Nov 2004 14:27:56 +1100, Joshua Leung <[EMAIL PROTECTED]> wrote: > > Hi there CSS-Crew.. > > I have never posted anything on here yet, so please bear with me .. > > I'm trying to layout this page in CSS, but I have forced myself not to use > tables, and as you can see the pictures are not aligning with their > corresponding text boxes... > > could anyone suggest anything that may be of help? > > Also, there seems to be a small 4px gap between the navigation bar and the > background of the content div... how can I get rid of this? > > you can have a look at the page here: > http://www.triplejosh.com/work/test/clients.html > > sorry also that my Code is all over the place, I've only just started to > learn CSS ... > > Thanks for this, > Josh. > > ** > The discussion list for http://webstandardsgroup.org/ > > See http://webstandardsgroup.org/mail/guidelines.cfm > for some hints on posting to the list & getting help > ** > > -- Jonathan T. Sage Theatrical Lighting / Set Designer Professional Web Design [HTTP://www.JTSage.com] [HTTP://design.JTSage.com] [EMAIL PROTECTED] [See Headers for Contact Info] ** 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] another problem with new site
I see the css in netscape 7.1 using a regular ISP. On 11/27/2004 5:19:24 PM, [EMAIL PROTECTED] wrote: > Geez, and here I thought I had covered all the bases...*sigh* > > I've been getting several emails from visitors saying they're using AOL > or Netscape 7.1 and they're not seeing the CSS. > > I'm completely lost > with this one. Any thoughts? > > http://cslewis.drzeus.net > -- > > ~john > _ > Dr. Zeus Web Development > http://www.DrZeus.net > "content without clutter" > > > > ** > 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] Image Positioning Problems :(
Hi there CSS-Crew.. I have never posted anything on here yet, so please bear with me .. I'm trying to layout this page in CSS, but I have forced myself not to use tables, and as you can see the pictures are not aligning with their corresponding text boxes... could anyone suggest anything that may be of help? Also, there seems to be a small 4px gap between the navigation bar and the background of the content div... how can I get rid of this? you can have a look at the page here: http://www.triplejosh.com/work/test/clients.html sorry also that my Code is all over the place, I've only just started to learn CSS ... Thanks for this, Josh. ** 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] Validation and Accessibility Reports out side of the W3C
Mark Harwood wrote: Now we have just run a SiteMore.com check on part of the development site and it has come back kicking and screaming at us as we are using WIDTH and HEIGHT on 's and ALIGN on 's It shouldn't be that difficult to write a small program to go through the files and whenever it finds a table with width or height, or an aligned image, to remove the attributes and either add a style attribute or add an id and insert the style rules in a style block. ** 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] IE's New JavaScript Blocking Feature
Mordechai Peller wrote: Another solution is not to use in-line JavaScript. Unless they check external script files (which I don't think they do, but I could be wrong) if your script attaches onclick behaviours on load via the DOM, i seriously doubt that bobby will pick this up. to do that, it would need to effectively run the javascript itself and then analyse the resulting DOM tree. so yes, that would be a good option (and agree about the separation, of course) Patrick H. Lauke -- _ re·dux (adj.): brought back; returned. used postpositively [latin : re-, re- + dux, leader; see duke.] www.splintered.co.uk | www.photographia.co.uk http://redux.deviantart.com ** 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] IE's New JavaScript Blocking Feature
I may be missing something here but when WinXP SP2 was installed on all
the PCs at work, all it seemed to block were ("popup") windows that opened
automatically (i.e. "onLoad"). A link that requires a click, such as:
http://google.com/"; onclick="window.open(this.href,
'popupwindow','width=400,height=300,scrollbars=1,resizable=1');
return false;">Google
seems to work just fine.
Jonathan Cooper
Manager of Information / Website
Art Gallery of New South Wales
Sydney, Australia
http://www.artgallery.nsw.gov.au
[EMAIL PROTECTED] wrote on 27/11/2004 06:06:50 PM:
>
> Mark Harwood wrote:
> ---
> The best and only way i do pop-ups is
>
> href="http://google.com/"; onclick="window.open(this.href, 'popupwindow',
> 'width=400,height=300,scrollbars,resizable');return false;"
>
> this allows you to do whatever you like with the link and also makes it
> valid, right click-able and so forth..
> ---
>
> Well I can see that it doesn't take long for the topics to 'off topic'
in
> this list! :)
>
> As for the fix ... With the snippet of JavaScript that Mark supplied
above,
> I still get the information bar and no JavaScript run unless you choose
to
> allow it. This was the main problem and reason for the post actually.
>
>
>
>
>
> -Original Message-
> From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On
> Behalf Of Lawrence Carriere
> Sent: Friday, November 26, 2004 12:37 PM
> To: Web Standards Group
> Subject: [WSG] IE's New JavaScript Blocking Feature
>
> I've got two questions but as they are different topics completely, I
will
> separate them into two different threads. They kind of relate, but not
> enough, so here's the first one regarding IE's New JavaScript Blocking
> Feature:
> --
>
> IE's new content blocking features are wreaking havoc on my methods and
> designs!
>
> For the longest time I've been using the included JavaScript w/
> rel="external"
(http://www.sitepoint.com/article/standards-compliant-world)
> method to have links open up new browser windows while keeping the code
> valid. I know that I've got to use these methods to keep the code valid
as
> standards compliance outlines that you shouldn't opening new content in
> different windows. BUT! With some of my applications, I'd like to have
new
> windows open while keeping my code valid anyway.
>
> The extremely irritating this is, no IE has that lovely content blocker
> (added in with Service Pack 2) that cause the JavaScript to be blocked.
Sure
> you can just tell it to include the content and off you go but for those
> that don't know any better, (and trust me, I to Tech Support for an ISP
and
> there are a lot of people that don't know any better), it's a real pain
and
> the chances that your pages will not be rendered properly are too high.
>
> Any thoughts? Ideas?
>
> Thanks
>
> --
> LAWRENCE CARRIERE
> [EMAIL PROTECTED]
> www.lawrencecarriere.com
>
>
> **
> The discussion list for http://webstandardsgroup.org/
>
> See http://webstandardsgroup.org/mail/guidelines.cfm
> for some hints on posting to the list & getting help
> **
>
>
> **
> The discussion list for http://webstandardsgroup.org/
>
> See http://webstandardsgroup.org/mail/guidelines.cfm
> for some hints on posting to the list & getting help
> **
>
**
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] IE's New JavaScript Blocking Feature
Derek Featherstone wrote: As for using onkeypress, if the "validators" (by which I assume you mean Bobby, et al) then, they need to get a clue. The automated tool is only there to help, not to be the final arbiter of what is and isn't accessible. Another solution is not to use in-line JavaScript. Unless they check external script files (which I don't think they do, but I could be wrong), they can't complain about what they don't know about. The truth is you should be separating your behavioral layer, anyway. For help with unobtrusive JavaScript: http://www.onlinetools.org/articles/unobtrusivejavascript/ ** 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] CSS Footer
Lawrence Carriere wrote:
Note the footer. I want it to be the same height and width and always on the
bottom (no matter how much content there is).
With CSS, it's simple: {position : fixed; bottom : 0;}
The problem is you-know-who doesn't support it. So you second choice is
JavaScript. IIRC, ALA had an article about it some months ago. As far as
IE w/o JS, well, let's just say we live in an imperfect world.
**
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] To PNG Or Not To PNG
Chris Kennon wrote: I would like to use a PNG. What graceful solution exists for accommodating IE? Provide an 8 bit fallback PNG for IE, set as default background, and then use some CSS that IE doesn't understand (e.g. using child selectors) to set the background to the 24 bit one instead. Not really an answer to your question, but this could nonetheless give you an idea of what I'm talking about http://www.splintered.co.uk/experiments/19/ Assuming that you do actually need a 24 bit one... Patrick H. Lauke -- _ re·dux (adj.): brought back; returned. used postpositively [latin : re-, re- + dux, leader; see duke.] www.splintered.co.uk | www.photographia.co.uk http://redux.deviantart.com ** 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] Includes in XHTML
alright, dumb question anyway. My original expectation on all these includes was that the incoming file was plaintext, with only replacments on newlines. A little php magic and I just dumped the rest of the markup. Thanks for the time ~j On Sun, 28 Nov 2004 01:55:14 +0100, Rob Mientjes <[EMAIL PROTECTED]> wrote: > You can't render a part of a page as HTML, but it is possible to let > PHP parse all pages with some variable or something like that as HTML > instead of XHTML. > > > > > On Sat, 27 Nov 2004 19:51:21 -0500, Jonathan T. Sage <[EMAIL PROTECTED]> > wrote: > > good evening - > > > > I've set up my site to serve as XHTML 1.1 - the entire site is > > actually a single PHP file that parses a bunch of XML. my problem > > comes in on a few pages where I am actually serving an e-mail archive, > > some of which contains some not very well written HTML (hotmail > > actually). I was wondering if there is an easy way to tell the > > browser to render just a section of the page in a HTML4 mode, to avoid > > it bombing out. google hasn't turned up much. For more info on what > > I'm looking to fix, take a look at the sub pages of : > > > > http://theatre.msu.edu/Productions/smcallboard.php > > > > thanks ~j > > > > -- > > Jonathan T. Sage > > Theatrical Lighting / Set Designer > > Professional Web Design > > > > [HTTP://www.JTSage.com] > > [HTTP://design.JTSage.com] > > [EMAIL PROTECTED] > > [See Headers for Contact Info] > > ** > > The discussion list for http://webstandardsgroup.org/ > > > > See http://webstandardsgroup.org/mail/guidelines.cfm > > for some hints on posting to the list & getting help > > ** > > > > > > > -- > Cheers, > Rob. > » http://www.zooibaai.nl/b/ > > > ** > The discussion list for http://webstandardsgroup.org/ > > See http://webstandardsgroup.org/mail/guidelines.cfm > for some hints on posting to the list & getting help > ** > > -- Jonathan T. Sage Theatrical Lighting / Set Designer Professional Web Design [HTTP://www.JTSage.com] [HTTP://design.JTSage.com] [EMAIL PROTECTED] [See Headers for Contact Info] ** 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] To PNG Or Not To PNG
IE will handle 8 bit transparency (same as gif) in a PNG just fine, you don't need to do anything. 24 bit transparency support requires some IE only work-arounds. See: http://devilock.mine.nu/pixie/ as a behavior: http://webfx.eae.net/dhtml/pngbehavior/pngbehavior.html or as javascript: http://dean.edwards.name/IE7/ someone correct me if I'm wrong, but all these methods rely on javascript being enabled. Terrence Wood. Chris Kennon wrote: Hello All, At the following url: working.ckimedia.com/index.php I've a nav that i would like to highlight, with a pencil underline graphic, my boggle is the background. A gif or jpg will not work with background image, so I would like to use a PNG. What graceful solution exists for accommodating IE? -- *** Are you in the Wellington area and interested in web standards? Wellington Web Standards Group inaugural meeting 9 Dec 2004. See http://webstandardsgroup.org/go/event24.cfm for details *** ** 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] Includes in XHTML
You can't render a part of a page as HTML, but it is possible to let PHP parse all pages with some variable or something like that as HTML instead of XHTML. On Sat, 27 Nov 2004 19:51:21 -0500, Jonathan T. Sage <[EMAIL PROTECTED]> wrote: > good evening - > > I've set up my site to serve as XHTML 1.1 - the entire site is > actually a single PHP file that parses a bunch of XML. my problem > comes in on a few pages where I am actually serving an e-mail archive, > some of which contains some not very well written HTML (hotmail > actually). I was wondering if there is an easy way to tell the > browser to render just a section of the page in a HTML4 mode, to avoid > it bombing out. google hasn't turned up much. For more info on what > I'm looking to fix, take a look at the sub pages of : > > http://theatre.msu.edu/Productions/smcallboard.php > > thanks ~j > > -- > Jonathan T. Sage > Theatrical Lighting / Set Designer > Professional Web Design > > [HTTP://www.JTSage.com] > [HTTP://design.JTSage.com] > [EMAIL PROTECTED] > [See Headers for Contact Info] > ** > The discussion list for http://webstandardsgroup.org/ > > See http://webstandardsgroup.org/mail/guidelines.cfm > for some hints on posting to the list & getting help > ** > > -- Cheers, Rob. » http://www.zooibaai.nl/b/ ** 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] Includes in XHTML
good evening - I've set up my site to serve as XHTML 1.1 - the entire site is actually a single PHP file that parses a bunch of XML. my problem comes in on a few pages where I am actually serving an e-mail archive, some of which contains some not very well written HTML (hotmail actually). I was wondering if there is an easy way to tell the browser to render just a section of the page in a HTML4 mode, to avoid it bombing out. google hasn't turned up much. For more info on what I'm looking to fix, take a look at the sub pages of : http://theatre.msu.edu/Productions/smcallboard.php thanks ~j -- Jonathan T. Sage Theatrical Lighting / Set Designer Professional Web Design [HTTP://www.JTSage.com] [HTTP://design.JTSage.com] [EMAIL PROTECTED] [See Headers for Contact Info] ** 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] To PNG Or Not To PNG
Hello All, At the following url: working.ckimedia.com/index.php I've a nav that i would like to highlight, with a pencil underline graphic, my boggle is the background. A gif or jpg will not work with background image, so I would like to use a PNG. What graceful solution exists for accommodating IE? Chris ___ "Knowing is not enough, you must apply; willing is not enough, you must do." ---Bruce Lee ** 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] another problem with new site
On Sat, 27 Nov 2004 22:19:24 +, john <[EMAIL PROTECTED]> wrote: > I've been getting several emails from visitors saying they're using AOL > or Netscape 7.1 and they're not seeing the CSS. Check the list archives - this came up just last week, It sounds like your server is serving the css files as text/plain instead of text/css. -- Kay Smoljak http://kay.smoljak.com/ ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list & getting help **
[WSG] another problem with new site
Geez, and here I thought I had covered all the bases...*sigh* I've been getting several emails from visitors saying they're using AOL or Netscape 7.1 and they're not seeing the CSS. I'm completely lost with this one. Any thoughts? http://cslewis.drzeus.net -- ~john _ Dr. Zeus Web Development http://www.DrZeus.net "content without clutter" ** 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] font too small??
Thank you for the detailed reply, Felix. You've certainly given me
something to think about and work on.
~john
_
Dr. Zeus Web Development
http://www.DrZeus.net
"content without clutter"
on 11/27/2004 6:21 PM Felix Miata said the following:
john wrote on Fri, 26 Nov 2004 17:26:19 +:
For the most part, the debute of my "standards-friendly" redesign has
been met with great fanfare, but I've been receiving a few emails from
people saying that the text is "way too small." This, I do not
understand, as I've used em to specify font sizes, and they all look
good to most. Of course, I'm not striving for MOST...I want ALL.
So, what would be affecting these users who are saying the text is too
small? Default computer font size? What do I tell them, or is there
anything more I can do on my site?
http://cslewis.drzeus.net
From http://cslewis.drzeus.net/style.css I collected the following:
font-size: 0.7em; .new
font-size: 0.7em; .small
font-size: 0.8em; #tabmenu a, a.active
font-size: 0.8em; #content
font-size: 0.8em; #sidemenu li a
font-size: 0.85em; #footer
font-size: .9em; td
font-size: 100.01%; body
font-size: 1em; .introtext
font-size: 1em; .paper
font-size: 1em; #content ul
font-size: 1.2em; #qotd blockquote p
font-size: 400%; .drop
font-size: 12px; #secondarymenu
font-size: 17px; h2
font-size: 20px; h1
font-size: 36px; #banner h1
Are all the last four affiliated with images? If not, they too should be
sized in em, keywords, or percent.
and from http://cslewis.drzeus.net/forums/templates/peasoup/peasoup.css
font-size: 10px; .copyright
font: 11px input,textarea, select
font-size: 11px; .code
font-size: 11px; .gensmall
font-size: 11px; .name
font-size: 11px; .postdetails
font-size: 11px; .quote
font-size: 11px; .topictitle
font-size: 11px; input.button
font-size: 11px; th
font-size: 12px .cattitle
font-size: 12px; .forumlink
font-size: 12px; .gen
font-size: 12px; .genmed
font-size: 12px; .mainmenu
font-size: 12px; th.thHead,td.catHead
font-size: 14px; .postbody
font-size: 18px; .maintitle,h1,h2
Looking at the the homepage with Domi, I see some cascading ems e.g.:
#content .small = 80% * 70% = 56% Verdana(huge),Arial(large),helv(average)
#content .introtext = 80% * 120% = 96% georgia(average),tnr(small),times(small)
Visitor 1 with 800x600 and default (his preference) set to 13px arrives
and sees:
#content = 80% = 10.4px
#content .small = 80% * 70% = 7.28px
#content .introtext = 80% * 120% = 12.48px
#sidemenu li a = 80% = 10.4px
http://members.ij.net/mrmazda/tmp/Images/cslewis1.png
The minimum intelligible size for a PC display is 9px, so your #content
.small is clearly too small no matter how good the eyes and large the
display.
If it was me, I'd not let the cascade happen. Try using a keyword
instead in .small at least.
Visitor 2 with flat panel 1400x1050 and default (his preference) set to
22px arrives and sees:
#content = 80% = 17.6px
#content .small = 80% * 70% = 12.3px
#content .introtext = 80% * 120% = 21.1px
#sidemenu li a = 80% = 17.6px
http://members.ij.net/mrmazda/tmp/Images/cslewis2.png
Then he clicks the link "forums" and sees:
again http://cslewis.drzeus.net/forums/templates/peasoup/peasoup.css
plus inline styles:
font-size: 0.6em; #footer = 13.2px
font-size: 0.8em; #tabmenu a, a.active = 17.6px
font-size: 20px; h1
font-size: 36px; #banner h1
http://members.ij.net/mrmazda/tmp/Images/cslewis3.png
So, most of what he sees on arrival is smaller than his default, then he
clicks a link, and most of the new page shrinks more, which easily could
be the people complaining. Also, it shows a significant reason why I so
rarely try to use any web forum.
http://members.ij.net/mrmazda/tmp/Images/cslewis4.png shows result of
user above zooming the same page enough to restore the main content to
his preferred size.
If the site was one I frequent, it would probably look something like
this:
http://members.ij.net/mrmazda/tmp/Images/cslewis5.png
due to user stylesheet with rules something like:
@-moz-document url-prefix(http://cslewis.drzeus.net/) {
.small {font-size: smaller !important;} /* or font-size: small */
.new {font-size: x-small !important;} /* or font-size: small */
h1 {font-size: x-large !important;}
h2 {font-size: large !important;}
#tabmenu a, a.active {font-size: small !important;}
#qotd {font-family: Arial, Helvetica, sans-serif !important;}
#qotd blockquote p {font-size: medium !important;}
#content, #content ul {font-size: medium !important;}
#content blockquote {font-family: Arial, Helvetica, sans-serif !important;}
#footer {font-size: x-small !important;}
#sidemenu li a {font-size: small !important;}
#secondarymenu {font-size: x-small !important;} /* or font-size: small */}
Maybe your stylesheets could apply the Golden Rule (Matthew 7:12) wholly
(main content 100% based) instead of partially (merely resizable in browsers
lacking zoom).
See also http://members.ij.net/mrmazda/auth/defaultsize.html and URL below
*
Re: [WSG] font too small??
john wrote on Fri, 26 Nov 2004 17:26:19 +:
> For the most part, the debute of my "standards-friendly" redesign has
> been met with great fanfare, but I've been receiving a few emails from
> people saying that the text is "way too small." This, I do not
> understand, as I've used em to specify font sizes, and they all look
> good to most. Of course, I'm not striving for MOST...I want ALL.
> So, what would be affecting these users who are saying the text is too
> small? Default computer font size? What do I tell them, or is there
> anything more I can do on my site?
> http://cslewis.drzeus.net
>From http://cslewis.drzeus.net/style.css I collected the following:
font-size: 0.7em; .new
font-size: 0.7em; .small
font-size: 0.8em; #tabmenu a, a.active
font-size: 0.8em; #content
font-size: 0.8em; #sidemenu li a
font-size: 0.85em; #footer
font-size: .9em; td
font-size: 100.01%; body
font-size: 1em; .introtext
font-size: 1em; .paper
font-size: 1em; #content ul
font-size: 1.2em; #qotd blockquote p
font-size: 400%; .drop
font-size: 12px; #secondarymenu
font-size: 17px; h2
font-size: 20px; h1
font-size: 36px; #banner h1
Are all the last four affiliated with images? If not, they too should be
sized in em, keywords, or percent.
and from http://cslewis.drzeus.net/forums/templates/peasoup/peasoup.css
font-size: 10px; .copyright
font: 11px input,textarea, select
font-size: 11px; .code
font-size: 11px; .gensmall
font-size: 11px; .name
font-size: 11px; .postdetails
font-size: 11px; .quote
font-size: 11px; .topictitle
font-size: 11px; input.button
font-size: 11px; th
font-size: 12px .cattitle
font-size: 12px; .forumlink
font-size: 12px; .gen
font-size: 12px; .genmed
font-size: 12px; .mainmenu
font-size: 12px; th.thHead,td.catHead
font-size: 14px; .postbody
font-size: 18px; .maintitle,h1,h2
Looking at the the homepage with Domi, I see some cascading ems e.g.:
#content .small = 80% * 70% = 56% Verdana(huge),Arial(large),helv(average)
#content .introtext = 80% * 120% = 96% georgia(average),tnr(small),times(small)
Visitor 1 with 800x600 and default (his preference) set to 13px arrives
and sees:
#content = 80% = 10.4px
#content .small = 80% * 70% = 7.28px
#content .introtext = 80% * 120% = 12.48px
#sidemenu li a = 80% = 10.4px
http://members.ij.net/mrmazda/tmp/Images/cslewis1.png
The minimum intelligible size for a PC display is 9px, so your #content
.small is clearly too small no matter how good the eyes and large the
display.
If it was me, I'd not let the cascade happen. Try using a keyword
instead in .small at least.
Visitor 2 with flat panel 1400x1050 and default (his preference) set to
22px arrives and sees:
#content = 80% = 17.6px
#content .small = 80% * 70% = 12.3px
#content .introtext = 80% * 120% = 21.1px
#sidemenu li a = 80% = 17.6px
http://members.ij.net/mrmazda/tmp/Images/cslewis2.png
Then he clicks the link "forums" and sees:
again http://cslewis.drzeus.net/forums/templates/peasoup/peasoup.css
plus inline styles:
font-size: 0.6em; #footer = 13.2px
font-size: 0.8em; #tabmenu a, a.active = 17.6px
font-size: 20px; h1
font-size: 36px; #banner h1
http://members.ij.net/mrmazda/tmp/Images/cslewis3.png
So, most of what he sees on arrival is smaller than his default, then he
clicks a link, and most of the new page shrinks more, which easily could
be the people complaining. Also, it shows a significant reason why I so
rarely try to use any web forum.
http://members.ij.net/mrmazda/tmp/Images/cslewis4.png shows result of
user above zooming the same page enough to restore the main content to
his preferred size.
If the site was one I frequent, it would probably look something like
this:
http://members.ij.net/mrmazda/tmp/Images/cslewis5.png
due to user stylesheet with rules something like:
@-moz-document url-prefix(http://cslewis.drzeus.net/) {
.small {font-size: smaller !important;} /* or font-size: small */
.new {font-size: x-small !important;} /* or font-size: small */
h1 {font-size: x-large !important;}
h2 {font-size: large !important;}
#tabmenu a, a.active {font-size: small !important;}
#qotd {font-family: Arial, Helvetica, sans-serif !important;}
#qotd blockquote p {font-size: medium !important;}
#content, #content ul {font-size: medium !important;}
#content blockquote {font-family: Arial, Helvetica, sans-serif !important;}
#footer {font-size: x-small !important;}
#sidemenu li a {font-size: small !important;}
#secondarymenu {font-size: x-small !important;} /* or font-size: small */}
Maybe your stylesheets could apply the Golden Rule (Matthew 7:12) wholly
(main content 100% based) instead of partially (merely resizable in browsers
lacking zoom).
See also http://members.ij.net/mrmazda/auth/defaultsize.html and URL below
--
"Congress shall make no law respecting an establishment of religion or
prohibiting the free exercise thereof..." U.S. Constitution, Amendment 1
Team OS/2 ** Reg. Linux User #211409
Felix Miata *** http://members.ij.net/mrmazda/auth/wauth.html
[WSG] Windows ME and AOL problem
smime.p7m Description: S/MIME encrypted message
Re: [WSG] Text selection in CSS layouts
Aaron Pollock wrote: Can anyone help as to why (in IE at least) it's not possible to select/copy text without selecting other content automatically in this page? http://www.marketingmixers.com/new.php This happens to me a lot on CSS layouts but I've never had a definitive explanation. This time, a client's asked for one. Any way I can fix it? IIRC it happens with absolutely positioned element in (some?) IEs in Strict-Mode. Workaround is forcing IE into Quirksmode. Susanne -- Susanne Jäger http://sujag.de - Webentwicklung und -beratung ** 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] Text selection in CSS layouts
perhaps helps: http://www.webmasterworld.com/forum83/4846.htm greetings johannes - Original Message - From: "Aaron Pollock" <[EMAIL PROTECTED]> To: <[EMAIL PROTECTED]> Sent: Saturday, November 27, 2004 5:10 PM Subject: [WSG] Text selection in CSS layouts > Hi folks, > > Can anyone help as to why (in IE at least) it's not possible to select/copy > text without selecting other content automatically in this page? > > http://www.marketingmixers.com/new.php > > This happens to me a lot on CSS layouts but I've never had a definitive > explanation. This time, a client's asked for one. Any way I can fix it? > > Thanks, > > Aaron > > -- > No virus found in this outgoing message. > Checked by AVG Anti-Virus. > Version: 7.0.289 / Virus Database: 265.4.3 - Release Date: 26/11/2004 > > > > > -- > No virus found in this outgoing message. > Checked by AVG Anti-Virus. > Version: 7.0.289 / Virus Database: 265.4.3 - Release Date: 26/11/2004 > > ** > 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] Text selection in CSS layouts
Aaron Pollock wrote: Can anyone help as to why (in IE at least) it's not possible to select/copy text without selecting other content automatically in this page? It seems to be a known IE bug. Haven't heard of any workarounds, unfortunately... Patrick H. Lauke -- _ re·dux (adj.): brought back; returned. used postpositively [latin : re-, re- + dux, leader; see duke.] www.splintered.co.uk | www.photographia.co.uk http://redux.deviantart.com ** 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] Accessible Image-Tab Rollovers
On Sat, Nov 27, 2004 at 04:17:35PM +0100, Johannes Reiss wrote: > no, I don't think this is the problem, because I set FF NOT for the > originating site only and it doesn't work the first time you call the site > ... > it works only if you reload the site or rollover the buttons ... Ahh! - the site loaded very slowly here, so when the images didn't appear on first load, I dismissed them as having timed out - (that was the conclusion I came to when they appeared on second try, where the site loaded quickly) but I see now that it's reproducable... https://bugzilla.mozilla.org/show_bug.cgi?id=220266 that seems to be the bug about it, but it's marked as fixed back in 2003-10-02 - why it's still happening is a bit.. odd :) (moving perhaps a tad out of the lists scope) I've just checked the source* of the build I have, and in mozilla/layout/xul/base/src/nsBoxFrame.cpp the patch put forward by David Baron is clearly implemented - it seems something else must have broken it again at some later point... *source=http://gentoo.oregonstate.edu/distfiles/firefox-1.0-source.tar.bz2 > > johannes > > > > - Original Message - > From: "Kim Kruse" <[EMAIL PROTECTED]> > To: <[EMAIL PROTECTED]> > Sent: Saturday, November 27, 2004 4:05 PM > Subject: Re: [WSG] Accessible Image-Tab Rollovers > > > > Sorry for the stupid post... I set FF to show imgs for the originating > > site only. > > > > Kim > > > > Christian Sonne wrote: > > > > >On Sat, Nov 27, 2004 at 02:28:08PM +0100, Kim Kruse wrote: > > > > > > > > >>Hi, > > >> > > >>I'm trying to find a CSS/image solution for a menu (not enough room for > > >>text based menu) and I found Dan Cederholms > > >>http://www.simplebits.com/bits/tab_rollovers.html which looks fine in > > >>IE6/Opera but no go with FF 1.0. > > >> > > >>So now I wonder... does it just don't work with FF? > > >> > > >> > > > > > >Looks exactly the same in my Konqueror 3.3.1, FF 1.0 RC2 and Opera 7.54 > > >Final - what problems are you experiencing? > > > > > > > > > > > >>Kim > > >>** > > >>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 > ** > -- Christian Sonne Stud. scient. math-phys at University of Copenhagen -BEGIN GEEK CODE BLOCK- Version: 3.12 GM/S/CS/O d? s: a--->? C++ UL++>$ P+ L++ E--- W++ N o@ K? w !O M-- V? PS++(+) PE@ Y-- PGP-@ t+ 5? X++ R@ tv++ b+(++) DI+>++ D G@ e>+ h! r-(--) y? --END GEEK CODE BLOCK-- http://geeksbynature.dk ** 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] Text selection in CSS layouts
Hi folks, Can anyone help as to why (in IE at least) it's not possible to select/copy text without selecting other content automatically in this page? http://www.marketingmixers.com/new.php This happens to me a lot on CSS layouts but I've never had a definitive explanation. This time, a client's asked for one. Any way I can fix it? Thanks, Aaron -- No virus found in this outgoing message. Checked by AVG Anti-Virus. Version: 7.0.289 / Virus Database: 265.4.3 - Release Date: 26/11/2004 -- No virus found in this outgoing message. Checked by AVG Anti-Virus. Version: 7.0.289 / Virus Database: 265.4.3 - Release Date: 26/11/2004 ** 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] Accessible Image-Tab Rollovers
no, I don't think this is the problem, because I set FF NOT for the originating site only and it doesn't work the first time you call the site ... it works only if you reload the site or rollover the buttons ... johannes - Original Message - From: "Kim Kruse" <[EMAIL PROTECTED]> To: <[EMAIL PROTECTED]> Sent: Saturday, November 27, 2004 4:05 PM Subject: Re: [WSG] Accessible Image-Tab Rollovers > Sorry for the stupid post... I set FF to show imgs for the originating > site only. > > Kim > > Christian Sonne wrote: > > >On Sat, Nov 27, 2004 at 02:28:08PM +0100, Kim Kruse wrote: > > > > > >>Hi, > >> > >>I'm trying to find a CSS/image solution for a menu (not enough room for > >>text based menu) and I found Dan Cederholms > >>http://www.simplebits.com/bits/tab_rollovers.html which looks fine in > >>IE6/Opera but no go with FF 1.0. > >> > >>So now I wonder... does it just don't work with FF? > >> > >> > > > >Looks exactly the same in my Konqueror 3.3.1, FF 1.0 RC2 and Opera 7.54 > >Final - what problems are you experiencing? > > > > > > > >>Kim > >>** > >>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 **
Re: [WSG] Accessible Image-Tab Rollovers
works correct in IE 6, Opera, but not in FF1.0, NS7.2! (works only if you have rolled over the buttons first) with XP SP1, but read the postings in http://www.simplebits.com/notebook/2003/09/30/accessible_imagetab_rollovers.html there is discussed about this problem... greetings johannes - Original Message - From: "Kim Kruse" <[EMAIL PROTECTED]> To: <[EMAIL PROTECTED]> Sent: Saturday, November 27, 2004 2:28 PM Subject: [WSG] Accessible Image-Tab Rollovers > Hi, > > I'm trying to find a CSS/image solution for a menu (not enough room for > text based menu) and I found Dan Cederholms > http://www.simplebits.com/bits/tab_rollovers.html which looks fine in > IE6/Opera but no go with FF 1.0. > > So now I wonder... does it just don't work with FF? > > Kim > ** > 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] Accessible Image-Tab Rollovers
Sorry for the stupid post... I set FF to show imgs for the originating site only. Kim Christian Sonne wrote: On Sat, Nov 27, 2004 at 02:28:08PM +0100, Kim Kruse wrote: Hi, I'm trying to find a CSS/image solution for a menu (not enough room for text based menu) and I found Dan Cederholms http://www.simplebits.com/bits/tab_rollovers.html which looks fine in IE6/Opera but no go with FF 1.0. So now I wonder... does it just don't work with FF? Looks exactly the same in my Konqueror 3.3.1, FF 1.0 RC2 and Opera 7.54 Final - what problems are you experiencing? Kim ** 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] Accessible Image-Tab Rollovers
On Sat, Nov 27, 2004 at 02:28:08PM +0100, Kim Kruse wrote: > Hi, > > I'm trying to find a CSS/image solution for a menu (not enough room for > text based menu) and I found Dan Cederholms > http://www.simplebits.com/bits/tab_rollovers.html which looks fine in > IE6/Opera but no go with FF 1.0. > > So now I wonder... does it just don't work with FF? Looks exactly the same in my Konqueror 3.3.1, FF 1.0 RC2 and Opera 7.54 Final - what problems are you experiencing? > > Kim > ** > The discussion list for http://webstandardsgroup.org/ > > See http://webstandardsgroup.org/mail/guidelines.cfm > for some hints on posting to the list & getting help > ** > -- Christian Sonne Stud. scient. math-phys at University of Copenhagen -BEGIN GEEK CODE BLOCK- Version: 3.12 GM/S/CS/O d? s: a--->? C++ UL++>$ P+ L++ E--- W++ N o@ K? w !O M-- V? PS++(+) PE@ Y-- PGP-@ t+ 5? X++ R@ tv++ b+(++) DI+>++ D G@ e>+ h! r-(--) y? --END GEEK CODE BLOCK-- http://geeksbynature.dk ** 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] Accessible Image-Tab Rollovers
Hi, I'm trying to find a CSS/image solution for a menu (not enough room for text based menu) and I found Dan Cederholms http://www.simplebits.com/bits/tab_rollovers.html which looks fine in IE6/Opera but no go with FF 1.0. So now I wonder... does it just don't work with FF? Kim ** 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] IE's New JavaScript Blocking Feature
To be honest Lawrence, I think the only way to get round a pop-up blocker that works on all pop-ups (including those generated by a click) is to open the link in the same window rather than a new one. Other than that, you'll have to include instructions for users to turn off their pop-up blocker for the particular site they're viewing. Most blockers, including IE's, allow themselves to be disabled on a per-site basis. Aaron -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Lawrence Carriere Sent: 27 November 2004 07:07 To: [EMAIL PROTECTED] Subject: RE: [WSG] IE's New JavaScript Blocking Feature Mark Harwood wrote: --- The best and only way i do pop-ups is href="http://google.com/"; onclick="window.open(this.href, 'popupwindow', 'width=400,height=300,scrollbars,resizable');return false;" this allows you to do whatever you like with the link and also makes it valid, right click-able and so forth.. --- Well I can see that it doesn't take long for the topics to 'off topic' in this list! :) As for the fix ... With the snippet of JavaScript that Mark supplied above, I still get the information bar and no JavaScript run unless you choose to allow it. This was the main problem and reason for the post actually. -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Lawrence Carriere Sent: Friday, November 26, 2004 12:37 PM To: Web Standards Group Subject: [WSG] IE's New JavaScript Blocking Feature I've got two questions but as they are different topics completely, I will separate them into two different threads. They kind of relate, but not enough, so here's the first one regarding IE's New JavaScript Blocking Feature: -- IE's new content blocking features are wreaking havoc on my methods and designs! For the longest time I've been using the included JavaScript w/ rel="external" (http://www.sitepoint.com/article/standards-compliant-world) method to have links open up new browser windows while keeping the code valid. I know that I've got to use these methods to keep the code valid as standards compliance outlines that you shouldn't opening new content in different windows. BUT! With some of my applications, I'd like to have new windows open while keeping my code valid anyway. The extremely irritating this is, no IE has that lovely content blocker (added in with Service Pack 2) that cause the JavaScript to be blocked. Sure you can just tell it to include the content and off you go but for those that don't know any better, (and trust me, I to Tech Support for an ISP and there are a lot of people that don't know any better), it's a real pain and the chances that your pages will not be rendered properly are too high. Any thoughts? Ideas? Thanks -- LAWRENCE CARRIERE [EMAIL PROTECTED] www.lawrencecarriere.com ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list & getting help ** ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list & getting help ** -- No virus found in this incoming message. Checked by AVG Anti-Virus. Version: 7.0.289 / Virus Database: 265.4.3 - Release Date: 26/11/2004 -- No virus found in this incoming message. Checked by AVG Anti-Virus. Version: 7.0.289 / Virus Database: 265.4.3 - Release Date: 26/11/2004 -- No virus found in this outgoing message. Checked by AVG Anti-Virus. Version: 7.0.289 / Virus Database: 265.4.3 - Release Date: 26/11/2004 -- No virus found in this outgoing message. Checked by AVG Anti-Virus. Version: 7.0.289 / Virus Database: 265.4.3 - Release Date: 26/11/2004 ** 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] IE 1 pixel problem
I am experiencing a problem with a site I am developing which relies upon a
centred background image (750 x 1, repeat-y). When I place the banner
graphic atop this background IE renders incorrectly with the image appearing
to be 1 pixel left of where it should be.
Am I coding it wrongly (XHTML / CSS below)? Or is there a hack I need to
use?
THANKS :) Bryan
SOURCE:
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd";>
Joy and Pete Consulting
CSS SOURCE:
* {
margin: 0px;
padding: 0px;
}
body {
margin: 0;
background-color: #efefef;
background-image: url(images/background-lines.gif);
background-position: center;
background-repeat: repeat-y;
font-size: 0.8em;
font-family: Arial, Helvetica, Sans-Serif;
}
h1, h2, h3, h4, h5, h6 {
margin-top: 1em;
margin-bottom: 1em;
font-weight: bold;
color: #254D81;
}
a {
text-decoration: none;
}
#container {
width: 750px;
margin: 0 auto 0 auto;
}
**
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list & getting help
**
