[WSG] Out of office
I will be out of the office from Friday 7th until Tuesday 11th September. Cheers, Mark New Kiama Web Design *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
[WSG] Out of office
I will be out of the office from Friday 7th until Tuesday 11th September. Cheers, Mark New Kiama Web Design *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
[WSG] Out of office
I will be out of the office from Thursday 2nd until Monday 6th August. Cheers, Mark New Kiama Web Design *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
[WSG] Out of office
I will be out of the office from Thursday 2nd until Monday 6th August. Cheers, Mark New Kiama Web Design *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
[WSG] Out of office
I will be out of the office from Thursday 2nd until Monday 6th August. Cheers, Mark New Kiama Web Design *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
[WSG] Out of office
I will be out of the office from Thursday 2nd until Monday 6th August. Cheers, Mark New Kiama Web Design *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
Re: [WSG] Positioning not consistent
If the HTML is incorrect, you cannot expect anything to be consistent. Yes, I did mention in my original post that the site no longer validates owing to the JS for the database. As I am not familiar with php and js, my associate is responsible for all database work and he fits it into my design. Lack of lowercase is no doubt the main cause of many of the errors. I know there is styling in the HTML instead of it being in the CSS but not sure what I can do about it as I wouldn't like to fiddle too much with his work. *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
[WSG] Positioning not consistent
Good morning all
The following seems to be happening in all browsers:
http://mail.freshfield.com.au:81/x/tonyb/home.php?action1=hirestage=shirts
Compare the positioning of the Clear Selection and Next lines on the
above page with
http://mail.freshfield.com.au:81/x/tonyb/home.php?action1=hirestage=suits
AND
http://mail.freshfield.com.au:81/x/tonyb/home.php?action1=hirestage=vests
It appears that on pages with several rows of images, such as the
vests page, the positioning is more or less as required ie just under
the image blocks and to the left of the navigation bars on the right.
On pages with only 1 or 2 rows of images, it is positioned much too far
down.
I could solve the issue by putting the data in another navigational bar
under the images but my associate (who does the databases) prefers to
have it separate. I'm OK with that if we can get the positioning
consistent ie, just under the image blocks and to the left of the nav bars.
How can I position if more consistently? Thanks!
Kind regards
Lyn
The CSS in question is
#main .black { color: #000; font-weight: bold; text-decoration: none;
float: left; clear: left;}
#main .black ul { list-style: none; }
I did run it through the Validator but it no longer validates because of
all the JS.
Western Web Design
www.westernwebdesign.com.au
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: memberh...@webstandardsgroup.org
***
[WSG] Positioning not consistent
Good morning all
The following seems to be happening in all browsers:
http://mail.freshfield.com.au:81/x/tonyb/home.php?action1=hirestage=shirts
Compare the positioning of the Clear Selection and Next lines on the
above page with
http://mail.freshfield.com.au:81/x/tonyb/home.php?action1=hirestage=suits
AND
http://mail.freshfield.com.au:81/x/tonyb/home.php?action1=hirestage=vests
It appears that on pages with several rows of images, such as the
vests page, the positioning is more or less as required ie just under
the image blocks and to the left of the navigation bars on the right.
On pages with only 1 or 2 rows of images, it is positioned much too far
down.
I could solve the issue by putting the data in another navigational bar
under the images but my associate (who does the databases) prefers to
have it separate. I'm OK with that if we can get the positioning
consistent ie, just under the image blocks and to the left of the nav bars.
How can I position if more consistently? Thanks!
Kind regards
Lyn
The CSS in question is
#main .black { color: #000; font-weight: bold; text-decoration: none;
float: left; clear: left;}
#main .black ul { list-style: none; }
I did run it through the Validator but it no longer validates because of
all the JS.
Western Web Design
www.westernwebdesign.com.au
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: memberh...@webstandardsgroup.org
***
Re: [WSG] Positioning not consistent
Hi Ghodmode http://mail.freshfield.com.au:81/x/tonyb/home.php?action1=hirestage=shirts Compare the positioning of the Clear Selection and Next lines on the above page with http://mail.freshfield.com.au:81/x/tonyb/home.php?action1=hirestage=suits AND http://mail.freshfield.com.au:81/x/tonyb/home.php?action1=hirestage=vests Hi Lyn, I'm seeing the same thing on all three pages in the following browsers. _Linux_ Mozilla Firefox 3.5.3 Chromium 4.0.267.0 Google Chrome 4.0.249.30 _Windows_ Mozilla Firefox 3.5.5 Google Chrome 3.0.195.33 Safari 4.0.3 The Clear Selection and Next links appear just under the image blocks and to the left of the nav bars. Next is on the line below Clear Selection. As it should be :-) In the following browsers, all three pages render the same, but the Next link is to the right of Clear Selection on the same line with no space in between them... Like this: Clear SelectionNext _Linux_ Opera 10.00 build 4585 _Windows_ Internet Explorer 8.0.6001.18702 Opera 10.10 build 1893 Yes, that is what I see too. However, Emmanuel sees it as it should be in IE7. My associate and I are using IE8 (as you are!) which may account for it. Will need to do a complete browser check. Thanks for checking. *** 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 ***
Re:[WSG] Positioning not consistent
Hi Vince Try putting in Microsoft's compatibility meta tag and see how it changes your results : |meta http-equiv=X-UA-Compatible content=IE=8/| Yes, that's exactly what we've done, now we realise it was only IE8 that showed the problem! Thanks for the help! Lyn *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
Re: [WSG] IE6 display issue
Kepler Gelotte wrote:
In IE6, although the image fades and replaces etc, the #header is
enlarged to accommodate all 4 images though three remain hidden.
Hi,
I suspect that the javascript is executing before the page has fully loaded
so the images are not able to be stacked by the javascript function. To
make sure your page has fully loaded try using the document.ready function
of jquery:
SCRIPT type=text/javascript
$(document).ready(function() {
$('#pics').cycle({
fx:'fade',
speed: 2500,
timeout: 5500,
random: 1,
pause: 1
});
});
/SCRIPT
If that still doesn't work, try moving the javascript after the /body.
Have tried both to no avail. You sound like you are on the right track,
though. Thanks!
--
Lyn Smith
www.westernwebdesign.com.au
Affordable website design Perth WA
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: memberh...@webstandardsgroup.org
***
Re: [WSG] IE6 display issue
. In order to be able to read the site, I have the font-size larger than you have allowed for. But, as I mentioned, the problem is not just that, but the fact that you have your credits where the third footerbox should be, so the box is pushed down. Yes, I see the problem now. (At last!) Will work on it. Thanks for the help. Much appreciated! -- Lyn Smith www.westernwebdesign.com.au Affordable website design Perth WA *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
Re: [Spam] :Re: [WSG] IE6 display issue
Hi James It looks like a JS bug. There's two easy things you could try. 1. Just put overflow: hidden; on the #pics div. Brilliant! That's all it took! Thanks to all who replied with suggestions. Kind regards Lyn -- Lyn Smith www.westernwebdesign.com.au Affordable website design Perth WA *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
[WSG] IE6 display issue
Good morning all http://www.westernwebdesign.com.au/keynorthcontractors/index.html #header has a background image (logo) and an image floated right that with the help of Javascript fades and replaces itself with another 4 times and so on. Works OK except for IE6. In IE6, although the image fades and replaces etc, the #header is enlarged to accommodate all 4 images though three remain hidden. If I refresh the page a few times, it displays as it should, although temporarily. If I refresh again, it reverts to the large header space. It is a bit like the peek-a-boo bug but I have tried all solutions to that to no avail. Does anyone see a problem with my code? Is it perhaps the Javascript? Thanks. -- Lyn Smith www.westernwebdesign.com.au Affordable website design Perth WA *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
Re: [WSG] IE6 display issue
HiChris http://www.westernwebdesign.com.au/keynorthcontractors/index.html There is a problem with ungainly wordspacing in the justified text and text that overflows its box: http://cfaj.freeshell.org/testing/keynorth.jpg. I am not seeing that at all - where are you seeing it? 3 boxes @ 250px wide should fit in a 900px wide footer, shouldn't they? Even with padding I changed the original liquid design to a fixed width one as I was getting a lot of problems like that so I don't understand how it is happening. Thanks Lyn -- Lyn Smith www.westernwebdesign.com.au Affordable website design Perth WA *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
Re: [WSG] IE6 display issue
Chris F.A. Johnson wrote: On Fri, 9 Oct 2009, Western Web Design wrote: http://www.westernwebdesign.com.au/keynorthcontractors/index.html There is a problem with ungainly wordspacing in the justified text and text that overflows its box: http://cfaj.freeshell.org/testing/keynorth.jpg. I am not seeing that at all - where are you seeing it? 3 boxes @ 250px wide should fit in a 900px wide footer, shouldn't they? Even with padding I changed the original liquid design to a fixed width one as I was getting a lot of problems like that so I don't understand how it is happening. The text doesn't fit into the height you have given the box. (Not everyone uses the same font-size as you.) Sorry, Chris - I have not given the box a height so not sure what you mean. It has margin and padding. The spacing on the justified text is made worse because you have contrained the width; I don't know what you mean by contrained. Sorry, not a word I have come across. I have changed the justified text to left-align. Does this make a difference? Thanks. -- Lyn Smith www.westernwebdesign.com.au Affordable website design Perth WA *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
Re: [WSG] IE6 display issue
Hi Chris OK - I think I get it now - something to do with font-size. I can see what you see if I don't specify a font-size on the #footer. But as I HAVE specified a font-size, I don't understand why you see what you see. Thanks. -- Lyn Smith www.westernwebdesign.com.au Affordable website design Perth WA *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
Re: [WSG] IE6 display issue
Chris F.A. Johnson wrote: http://www.westernwebdesign.com.au/keynorthcontractors/index.html There is a problem with ungainly wordspacing in the justified text and text that overflows its box: http://cfaj.freeshell.org/testing/keynorth.jpg. As you can see from the JPEG I posted, the CAPABILITY STATEMENT falls below the footer. You need to add clear: both to the Website by paragraph. OK thanks - I am assuming this issue is only in IE6? I've done a lot of browsershots and they seem OK as far as the #footer is concerned, except for IE6. -- Lyn Smith www.westernwebdesign.com.au Affordable website design Perth WA *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
[WSG] Darius Design
Hello: Thank you for your email. This is an autoresponse message. I am currently unavailable due to an illness in my family. I will be in contact with you shortly. *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
[WSG] Darius Design
Hello: Thank you for your email. This is an autoresponse message. I am currently unavailable due to an illness in my family. I will be in contact with you shortly. *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
[WSG] Darius Design
Hello: Thank you for your email. This is an autoresponse message. I am currently unavailable due to an illness in my family. I will be in contact with you shortly. *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
[WSG] Darius Design
Hello: Thank you for your email. This is an autoresponse message. I am currently unavailable due to an illness in my family. I will be in contact with you shortly. Regards, Kate *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
Re: [WSG] Failed A Job :(
I've been feeling a bit guilty for the past few months because I wouldn't get the bugs out of a friend's insurance-business site for him on the ultra-cheap. The tables and inline mess would've taken so long to sort out that I probably would've been better off, time-wise, starting from scratch. I offered him a discounted rate, but it wasn't enough of a discount for him, I guess. Now, I'm thinking I did the right thing after all. I know he wouldn't've appreciated the clean coding, and he definitely wouldn't've appreciated the time spent. Jo Hawke On Thu, Jan 29, 2009 at 11:37 AM, Simon Pascal Klein kle...@klepas.orgwrote: On 30/01/2009, at 2:15 AM, kie...@humdingerdesigns.co.uk kie...@humdingerdesigns.co.uk wrote: Join the club, I've been commissioned to do a local website and the guy was hoping he'd be able to get a quick bug-fix on his current with a bit of updating. Unfortuanetly the css was akin to the Guttenberg Bible; completely unreadable and would have been a pig to translate. Not to mention, a strange and chaotic mishmash of tables, frames and weird proprietary software markup. Some clients (and this one did, thank god) need to realize that when the original is written by a back street bedroom I can do that wannabe, they're paying for someone who can stick a few words and pics up and not much else. Wel, I for one, relish at the idea of getting my hands on a Gutenburg Bible and reading it… well analysing the lettering and type rather, but hey. :-) From: li...@webstandardsgroup.org [mailto:li...@webstandardsgroup.org] On Behalf Of James Jeffery Sent: 29 January 2009 14:13 To: wsg@webstandardsgroup.org Subject: Re: [WSG] Failed A Job :( [...] --- Simon Pascal Klein Graphic Web Designer Web: http://klepas.org E-mai: kle...@klepas.org Twitter: @klepas; http://twitter.com/klepas Kaffee und Kuchen. *** 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 ***
RE: [WSG] 1px difference between IE and FireFox
You might want to check this with some of the more knowledgeable folks on
this board, but you could put an if statement between the head tags.
Something like:
!--[if lte IE 7]
style
img {
margin-top: 1px;
}
/style
![endif]--
I'm not 100% sure that this will work but you could always give it a try on
a copy of the page to find out.
The only thing is that it will give a 1px top margin to all images in the
page that has this embedded.
Hope this helps.
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On
Behalf Of Taco Fleur
Sent: Monday, 13 October 2008 5:09 PM
To: wsg@webstandardsgroup.org
Subject: [WSG] 1px difference between IE and FireFox
Hello all,
I'm hoping someone can shed some light on the following issues which I
cannot seem to resolve
http://www.onlinemarketingplatform.com.au/
In Internet Explorer there is a 1px difference in the evolution image, this
is to the right of the text Business marketing is evolving, if you compare
this screen with firefox you'll see that in firefox it looks exactly as it
should.
Stylesheet for the index page
http://www.onlinemarketingplatform.com.au/_resource/style/specific/index.css
The issue is within the h3 element (there is only one on that page).
Furthermore, on that same page there is a find out how button to the
bottom right, in IE this aligns to the center of the p element, but in
Firefox it does not. I would like it centered.
Thanks in advance.
Kind regards, Taco Fleur (CIO/CEO/Founder)
_
Find Australian businesses, products and services on
http://www.clickfind.com.au/ www.clickfind.com.au
Blog: http://australiansearchengine.wordpress.com
http://australiansearchengine.wordpress.com/
This email (which includes any attachments) has been sent on behalf of
Commerce Engine Pty Ltd or its Associated Entities (hereinafter called
clickfind). The information contained in this communication may be
privileged and confidential. If you are not the intended recipient, any
use, disclosure or copying of this communication is expressly prohibited.
If you have received this E-mail in error, please delete it immediately.
Clickfind does not warrant or represent that this E-mail (including any
attached files) is free from electronic viruses, faults or defects.
Confidentiality and legal privilege are not waived or lost by reason of
mistaken delivery to you. For more information about use, disclosure and
access see our privacy policy at
http://www.clickfind.com.au/privacy-policy.cfm
P please consider the environment before printing this e-mail
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***
No virus found in this incoming message.
Checked by AVG - http://www.avg.com
Version: 8.0.173 / Virus Database: 270.8.0/1720 - Release Date: 11/10/2008
3:59 PM
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***
[WSG] trading eye ecommerce software
Hi All, Has anyone used or reviewed tradingeye ecommerce cart cms software? It has been recommended to me by a colleague from a review, but as yet I do not know anyone that has used or implemented it. I wondered if anyone had any views of it? Basically, I have to implement cart/cms on client sites, roll out to clients and then teach the end users so I am in need of something that is: a) accessible - most sites are P2s b) quick and relatively easy to learn for me c) potentially easy to teach - this is always the hard one but the simpler the better I am new to carts and ecommerce in the grand scheme of things and this is a more difficult task than first thought, am looking for the most accessible product to buy into, to use, manipulate, teach, etc.. Thanks in advance, Sarah Hall *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
RE: [WSG] Learning JavaScript properly
I can personally vouch for Simply JavaScript by Sitepoint. Very good book for the beginner level. -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Keryx Web Sent: Friday, 19 September 2008 8:52 AM To: wsg@webstandardsgroup.org Subject: Re: [WSG] Learning Javascript properly Simon skrev: Hi all, I really want to get stuck in and learn Javascript properly, Learn the basics first - then libraries: http://www.456bereastreet.com/archive/200701/learn_javascript_before_tasting _the_library_koolaid/ Mozilla Developer Central is a nice resource. All Sitepoint books are great as well. PPK's books i also very good. Lars Gunther *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *** __ Information from ESET NOD32 Antivirus, version of virus signature database 3451 (20080918) __ The message was checked by ESET NOD32 Antivirus. http://www.eset.com No virus found in this incoming message. Checked by AVG - http://www.avg.com Version: 8.0.169 / Virus Database: 270.6.21/1670 - Release Date: 17/09/2008 5:07 PM __ Information from ESET NOD32 Antivirus, version of virus signature database 3451 (20080918) __ The message was checked by ESET NOD32 Antivirus. http://www.eset.com *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] Acceptable autoplay of music
I have to toss my vote in the no autoplay pot, as well. Many users have their own media playing already or, as someone mentioned, are in an environment where blaring music is unacceptable. I find it extremely annoying when a site takes over. That's one reason I can't stand going to most MySpace pages. :( Jo On Fri, Aug 15, 2008 at 4:11 PM, Brian Cummiskey [EMAIL PROTECTED]wrote: Nancy Johnson wrote: If I come to a site with music playing, I leave it immediately without looking at the site. I don't know best practices, but I believe the user needs to be in control. same here. what's even worse is if there's no volume/pause button CLEARLY visible on the page to quickly shut it off. *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] Tables for product=price list
I vote table. It's not really a list, regardless of the title you put on it. It's a chart. Jo On Mon, Aug 11, 2008 at 4:01 AM, James Jeffery [EMAIL PROTECTED] wrote: In the past I have tryed to avoid tables as much as possible and sometimes going as far as using lists for data that should be placed in tables. I am trying to sway away from the 'never use tables' crowd and have started to use them when they need to be used. I am working on a tattoo website and the client wants a list of pricing for tattoos and peircings. Would you say this is a good candidate for a table? Although 'price list' states list, its not to say that a list should be used. Any ideas. James *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
RE: [WSG] Advice on design
Hi,
Thanks to everyone for the help with the design of the site. As always very
helpful suggestions and ideas.
Thanks,
Elaine
http://www.webdandy.co.uk
-Original Message-
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On
Behalf Of Martin Heiden
Sent: 25 July 2008 11:18
To: Web Dandy Design
Subject: Re: [WSG] Advice on design
Elaine,
on Friday, July 25, 2008 at 11:42 wsg@webstandardsgroup.org wrote:
I'm looking for some advice on the best way to put together the navigation
for the following design:
http://www.webdandy.co.uk/navigation-slice.jpg, so
that it's standards compliant and accessible (and if at all possible
avoids
using images for the text under the nav buttons).
I'd use an unordered list with background images for the graphics and
normal text. For this, you must slice the navigation. The decorative
part of the image may remain one single slice.
Problem: Text-Sizing.
If the user increases the text size, the layout will break.
It may be possible to avoid this by absolute positioning with em
sizing:
ul id=navigation
li id=homea href=home.htmlspanHome/span/a/li
[...]
/ul
ul#navigation li {
float:left;
}
ul#navigation li a {
display: block;
height: 100%;
width: 100%;
}
li#home {
position: relative;
width: n px;
height: m px;
}
li#home a span {
position: absolute;
top: y em;
left: n/2 px;
width: z em;
margin-left: -z/2 em;
}
I didn't test this, but it may be a starting point.
regards
Martin
***
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] Advice on design
Hi, I'm looking for some advice on the best way to put together the navigation for the following design: http://www.webdandy.co.uk/navigation-slice.jpg, so that it's standards compliant and accessible (and if at all possible avoids using images for the text under the nav buttons). Thanks, Elaine http://www.webdandy.co.uk *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
[WSG] [at]font-face confusion
Hello, I wonder if anyone knows of or can advise on the following: I have been asked by a client to embed a font on their website - this is a custom made truetype font, also something I have not been asked to do before. I have therefore took to my books/research to look it up but am coming across conflicting information. I am finding information on the internet and in the books that says [at]font-face has been deprecated in css2.1 but have found many references to web fonts for css3 using [at]font-face but with reference to little or no browser support! I wonder if anyone has come across this recently, has a working solution or can advise or clarify? Many thanks in advance, Sarah *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
[WSG] [at]font-face confusion
Thank you to everyone You have helped a lot, I have spent the afternoon finding a solution which I shall now implement - with luck :) Sarah *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
RE: [WSG] [at]font-face confusion
Hi David, I most certainly will, but obviously would like to try it/test it first :) Best for now, Sarah -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of David Hucklesby Sent: 15 July 2008 02:14 To: Love Web Design Subject: Re: [WSG] [at]font-face confusion On Mon, 14 Jul 2008 17:27:18 +0100, Love Web Design wrote: Thank you to everyone You have helped a lot, I have spent the afternoon finding a solution which I shall now implement - with luck :) If it works out, can you please share? Cordially, David -- *** 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] Offering Differing Document Format
Hi All, I am relatively new to the list. A little while ago someone asked about best practice on offering different document formats and I believe (tho' am not entirely sure) that Joe, Dwain and some others had some good advice and links (IE6/7 orientated) regarding this subject. Can anyone forward them to me? shed some light on these - they would be really useful to me at the moment. Many thanks in advance, Sarah Hall ( e-mail: sarah mailto:[EMAIL PROTECTED] @lovewebdesign.co.uk ) *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] Centering all items in a li
Darren, Try assigning a line-height and a height to the li, and make the two the same. Jo On Sun, May 18, 2008 at 8:54 AM, Darren Lovelock [EMAIL PROTECTED] wrote: Yeah it is a bit of a tricky one lol! Looks like this is one example where tables are better for layout! Thanks very much for taking a look though :) Darren -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Matt Fellows Sent: 18 May 2008 13:09 To: wsg@webstandardsgroup.org Subject: Re: [WSG] Centering all items in a li lol I think I will leave this one alone, I think i'm making you're job more difficult instead of the other way around! Please do send through your solution when you find it so I can have that 'light bulb' moment. Cheers, -- Matt Fellows http://www.onegeek.com.au/ *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: R: [WSG] Alternative to align = center?
W3Schools is not related to or sanctioned by the W3C.
On Sun, May 4, 2008 at 3:02 PM, Stuart Foulstone [EMAIL PROTECTED]
wrote:
http://www.w3schools.com/CSS/css_syntax.asp
The class Selector
With the class selector you can define different styles for the same type
of HTML element.
Say that you would like to have two types of paragraphs in your document:
one right-aligned paragraph, and one center-aligned paragraph. Here is how
you can do it with styles:
p.right {text-align: right}
p.center {text-align: center}
You have to use the class attribute in your HTML document:
p class=right
This paragraph will be right-aligned.
/p
p class=center
This paragraph will be center-aligned.
/p
On Sun, May 4, 2008 1:12 pm, Chris Price wrote:
Stuart Foulstone wrote:
CSS classes are for presentation.
Content is content.
Centering content is presentation.
Class names should not use keywords such as center.
centre is not a keyword and can be used.
The class centre can then be used anywhere centering is desired.
It is quite easy to remember what this class name does, but if you wish
to
use some more obscure name, feel free.
But the class attribute (centre) is not css. css is what you apply to
that class.
Markup is markup.
Css is css.
--
Kind Regards
Chris Price
Choctaw
[EMAIL PROTECTED] mailto:[EMAIL PROTECTED]
www.choctaw.co.uk http://www.choctaw.co.uk
Tel. 01524 825 245
Mob. 0777 451 4488
Beauty is in the Eye of the Beholder while
Excellence is in the Hand of the Professional
~~
Sent on behalf of Choctaw Media Ltd
~~
Choctaw Media Limited is a company registered in
England and Wales with company number 04627649
Registered Office: Lonsdale Partners, Priory Close,
St Mary's Gate, Lancaster LA1 1XB . United Kingdom
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***
[WSG] Making Video Accessible
Hello. I recently found a video embedder plugin that works well with WordPress and validates perfectly with a strict doctype. But I realize validation does not equal accessibility, so what exactly needs to be done to make video accessible? Is it a matter of adding a subtitle track? Thanks for your help. Jo Hawke http://www.viabledesign.com *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] Making Video Accessible
Thanks for the links, Bruce; I'll check them out. The creator of the video-embedder plugin that I'm using actually asked me what he could do to make it accessible, so I'm asking for help here because I frankly don't have a clue. But if there's a way, and he's willing to make it happen, it would definitely be a good thing. Jo On Thu, Apr 3, 2008 at 11:55 AM, Bruce [EMAIL PROTECTED] wrote: I would say sub titles for sure. I found 2 players that are excellent for this, the open source player by http://www.jeroenwijering.com using SWFObject embed and javascript php player http://www.rich-media-project.com/ There's probably others I am sure but these are excellent/ easy to add subtitles-captions For plugins that may be a different matter as one is limited to the plugin then, which is why I seldom use them. Bruce Prochnau bkdesign solutions - Original Message - From: Viable Design [EMAIL PROTECTED] To: wsg@webstandardsgroup.org Sent: Thursday, April 03, 2008 12:34 PM Subject: [WSG] Making Video Accessible Hello. I recently found a video embedder plugin that works well with WordPress and validates perfectly with a strict doctype. But I realize validation does not equal accessibility, so what exactly needs to be done to make video accessible? Is it a matter of adding a subtitle track? Thanks for your help. Jo Hawke http://www.viabledesign.com *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
[WSG] Opera 9.26 Problem
Hi, We recently built a site for a client and tested across various browsers including Opera 9.26. The site layout looks fine on our machines and we have looked at the site on PC and MAC. However the client's French distributor says that the site doesn't look right when they are using Opera v9.26, revision 8835, Win32, Windows XP. Has anyone ever come across this problem before? The site is: www.charis.uk.com http://www.charis.uk.com/ . Kind regards, Elaine Web Dandy http:// http://www.webdandy.co.uk www.webdandy.co.uk *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
RE: [WSG] Opera 9.26 Problem
Georg, Susanne, Dwain, Alexey Thanks for your responses. Can you advise what would need to be done to the site to 'make it work' in Opera? Thanks, Elaine Web Dandy http://www.webdandy.co.uk -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Gunlaug Sørtun Sent: 13 March 2008 16:26 To: wsg@webstandardsgroup.org Subject: Re: [WSG] Opera 9.26 Problem Web Dandy Design wrote: [...] However the client's French distributor says that the site doesn't look right when they are using Opera v9.26, revision 8835, Win32, Windows XP. Has anyone ever come across this problem before? www.charis.uk.com http://www.charis.uk.com/ . Breaks the same way in all versions of Opera and Firefox at first load at my end, on win2K and winXP at 96dpi res. Problem is known as unprepared for font-resizing, and all these browsers are preset at 'minimum font size: 14px' here. regards Georg -- http://www.gunlaug.no *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] CMS review
Hi there, Alysia. The code on both sites looks awful to me: the huge list of styles in the header, the bloated table-based layout. Both are drawbacks as they tend to lengthen page-loading time and create a lag effect for the user. Not a pleasant, I-want-to-return sort of environment, to say the least. And clearly part of the CMS itself. On another note, however, you refer to standards-compliance as though it's somehow separate from usability, but it's not. The standards are best practices because they provide a better experience for the user, and they help the developer save time and money. Plus, they're set up to create pages that will work with the most types of browsers, which also adds to the usability of the site. Why in the world would anyone *not* want this? Sincerely, Jo Hawke http://www.viabledesign.com On Thu, Feb 28, 2008 at 6:57 PM, alysia hill [EMAIL PROTECTED] wrote: Hello. I have just discovered this australian based company Powerfront. I am really interested in some feedback. I'm a graphic designer, and I have worked with developers that build wonderful standards compliant websites with a CMS. I have looked at the source code of Powerfront websites, which appears to have a lot of syling in the html pages, rather than in a CSS file. From a 'non programming' person, this doesn't look very standards compliant. My question is, Is it standards compliant? If not, does that matter? Can anyone fault these websites? I have the up most regard for the WSG, and all those in the industry creating conferences, speaking publicly, writing articles etc on making code better for all concerned, but leaving that aside, does anyone have any critisisms about this CMS (other than the fact that it might not be compliant?) Here is an example website which I think is pretty good http://www.goodshepvic.org.au/ Here is the company website http://www.powerfront.com/ Any Powerfront employees, I welcome your feedback too! thanks, alysia *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] standards-compliant designers
There is blame to go around, for sure. I had an accessibility issue just this morning, while trying to find out about filing an insurance claim on my husband's car (which someone ran into in the middle of the night ... and took off). In Firefox, my browser of choice, the text on the page I needed was overlapping, and many of the links were not clickable. I switched to IE, and the page was totally fine; everything was in perfect working order. I couldn't help but check the source code, and of course, it was designed using tables. There were 187 errors, according to the W3C validation service. I e-mailed the company and received a quick reply that they had recently discovered an error that was preventing a small number of customers from accessing their claim information. Pretty generic, as expected. The company is customer-service based, according to its policies and my experience, so why would the powers that be within it not choose to make its Web site accessible to all? It's not like they don't have the money to make it happen. I propose that most people would choose not to inform them of the difficulties they have in the first place. It reminds me of the days (long ago!) when I was a waitress. Most of the customers who had a bad experience due to the food or the service (from other waitresses, of course!) wouldn't complain or explain; they'd merely pay their bills and leave, never to return, intent on informing everyone they knew about that awful restaurant. And then I think about how many times I personally have chosen to just let bad experiences go in fast-food restaurants, convenience stores, gas stations. The girl who jerked my money out of my hand with a scowl on her face and no thank-you. The guy who took five minutes to wait on me because he was too busy on his cell phone. I have gone to the manager sometimes, but most of the time, I just consider it too much hassle and let it go. The same is surely true of Internet experiences, I propose, at an exponentially greater rate of occurrence. The next page is just a click away. If it's a page that must be accessed, however, as in my insurance experience this morning, it's a different story, of course. But most of the time, I personally simply leave the site and make a note of what not to do. I'm self-taught. I sorted through HTML as a sort of grief therapy when I'd lost my baby (and almost gone with him) in 1999 and was out of work for months. I began learning about CSS more than three years ago and only learned about accessibility/Web standards within the last couple of years. But I'm diligently learning as much as I can (with three kids and a full-time teaching job that invariably comes home with me most days...). I'm going to make it my personal goal to begin contacting the people who make sites that aren't accessible to let them know in what way I had difficulty using their site. Not in a lofty, condescending way, but in a I thought you may want to know way. Maybe they won't care. Maybe they'll be offended. Maybe they won't get it at all. Maybe it won't do any good. But maybe it will. Jo Hawke http://www.viabledesign.com On Jan 9, 2008 8:59 PM, Matthew Barben [EMAIL PROTECTED] wrote: I tend to agree with Mark. IT guys in my experience tend not to be 'joiners' you work in a corporate IT department and you will quickly realise that people use terms like 'Crypt' and 'Beige' I have worked from both sides of the fence as both an indepentant but also as the main web guy within a large organisation. Yes there are situations where we have had to use external vendors to design websites purely because they have to resources to deliver quickly...and I can see how these agencies can produce very poor code and have the business owner say 'yes'. But there are also organisations where they will impose a set of design guidelines upon these firms and really put the pressure on them to deliver (especially is industries where you are an essential service and need to deliver to a wide audience of both abled and disabled people). Does it make the firm a bunch of non-compliant designers...perhaps. But I say for every poorly design website, there is someone who says 'Yes that is what I want' or 'that'll do'. Steve Green wrote: Of course I made up that 1% figure but I don't suppose it's far out. Just look at the phenomenal number of crap websites out there. There are something like 100,000 people offering web design services in the UK (10,000 in London alone) yet GAWDS membership (which is global) is only around 500 and I believe WSG membership is similar. Don't confuse volume with quantity. Lots of people do. There are a lot of crap sites out there but that doesn't mean there's 1 crap designer for every crap site. A lot of the time, the crapness has to do with the business manager who over-rules any technical considerations because he wants animated pictures of little ponies flying round the product. 1
RE: [WSG] form destiantion
Hi Marvin, Best that you request a web development company to handle this as it can get complex. From your email, I would say you run the business. It also depends how your host server is set up, what languages can be used and how your email is handled. If you need help, contact a web development company in your area - they should be able to whip something up for you. Regards, Jay Boston Intense Design Phone: 03 9813 8229 Fax: 03 9813 8229 Email: mailto:[EMAIL PROTECTED] [EMAIL PROTECTED] Web: http://www.intensedesign.com.au/ www.intensedesign.com.au This transmission or any part of it, is confidential, may contain legally privileged information and is intended only for the named addressee(s). The copying or distribution of this transmission (or any part of it) or any information that it contains by anyone other than the intended addressee(s) is prohibited. If you have received this transmission in error, please advise the sender by return email and delete the transmission. From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Marvin Domalaon Sent: Wednesday, 14 November 2007 5:58 AM To: wsg@webstandardsgroup.org Subject: [WSG] form destiantion Good day to everyone, I have sample site http://medex-sa.com/index_1.html in the contact us, I'm having a problem of submitting the data of the user who fill up the form. I want the data of the user when clicking the submit button direct to the outlook of our company. Could anyone knows the code please help me to overcome this problem. Thanks! Marvin _ Express yourself instantly with MSN Messenger! MSN http://clk.atdmt.com/AVE/go/onm00200471ave/direct/01/ Messenger *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
RE: [WSG] How to better center the YUI overlay
Hi Cynthia, Are you talking accessibility guidelines for colour? If so, this handy website will help you out. http://www.visionaustralia.org.au/info.aspx?page=628 Regards, Jay Boston Intense Design Phone: 03 9813 8229 Fax: 03 9813 8229 Email: [EMAIL PROTECTED] Web: www.intensedesign.com.au This transmission or any part of it, is confidential, may contain legally privileged information and is intended only for the named addressee(s). The copying or distribution of this transmission (or any part of it) or any information that it contains by anyone other than the intended addressee(s) is prohibited. If you have received this transmission in error, please advise the sender by return email and delete the transmission. -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Cynthia Mack Sent: Wednesday, 14 November 2007 5:07 AM To: wsg@webstandardsgroup.org Subject: RE: [WSG] How to better center the YUI overlay New question, Where can we find web standard concerning the colors used for web pages Cynthia Mack Omnipath custom learning solutions 6135 Memorial Drive, Suite 103 Dublin, OH 43017 614-389-0743 [EMAIL PROTECTED] The doors of Opportunity are marked Push and Pull. - Ethel Watts Mumford -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Thierry Koblentz Sent: Tuesday, November 13, 2007 12:34 PM To: wsg@webstandardsgroup.org Subject: [WSG] How to better center the YUI overlay For those using YUI: Article: http://tjkdesign.com/articles/hacking_the_YUI_container_script.asp Frameset to help you compare both solutions: http://tjkdesign.com/articles/YUI_overlay/comparison.html HTH, -- Regards, Thierry | http://www.TJKDesign.com *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
[WSG] Social Networking Site Software / Script
Hi, Can anyone recommend a Social Networking Site Software / Script which is standards compliant? I've been hunting around and most scripts are table based and don't seem to be compliant/accessible. The script would need to have some or all of: Ability to list events. Discussion Forums. Archive where members can post comments and photos. Areas for Job listings and Trademan listings (which would need to be paid for). Ability to post affiliate shopping links. Thanks, Elaine http:// http://www.webdandy.co.uk www.webdandy.co.uk *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] CSS Help
Your image is using the same a:hover properties as the text a:hover. so
give the image its own class or id attribute, with no border, so say...
.noborder{border:none} then add img class=noborder to the image
Ben
Olajide Olaolorun wrote:
Can someone please help me with this small problem i'm having I
seem to have a problem with the link hover style i set for the whole
sidebar with the images I am trying to take it out for images that
are links... like the image showing to the right in the sidebar... but
i have no success. Can someone please help me out.
http://www.rockondude.net/pre
If you see the thumbnail to the right... am trying to take out the
hover style for that.
Thanks a lot.
--
*Web King Design limited*
Web: www.webking.co.nz http://webking.co.nz
Email: [EMAIL PROTECTED] mailto:[EMAIL PROTECTED]
Mobile: 0064 21 0224 6986
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***
Re: [WSG] CSS Help
try this..
#yourimage a img{ border: none; }
OR
.yourimage{margin:0px}
.yourimage a{border:none}
.yourimage a:hover{border:none;}
Tim MacKay wrote:
I think Chris is right. Set the a:hover to {border: none;}
Olajide Olaolorun wrote:
It doesnt work :(
I just tried it now... placed it in the default.css
On 10/23/07, Tim MacKay [EMAIL PROTECTED] wrote:
Hi There,
You just need to put a rule in your style sheet to exempt images from
the hover style. This should work as a global rule:
#sidebar a img {border: none}
Hope this helps.
Tim
Olajide Olaolorun wrote:
Can someone please help me with this small problem i'm having I
seem to have a problem with the link hover style i set for the whole
sidebar with the images I am trying to take it out for images that
are links... like the image showing to the right in the sidebar... but
i have no success. Can someone please help me out.
http://www.rockondude.net/pre
If you see the thumbnail to the right... am trying to take out the
hover style for that.
Thanks a lot.
--
*Tim Mackay*
Web Developer
p: +612 8917 7900
e: [EMAIL PROTECTED] mailto:[EMAIL PROTECTED]
w: www.deepend.com.au http://www.deepend.com.au
http://www.deepend.com.au/latest http://www.deepend.com.au/
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***
--
*Web King Design limited*
Web: www.webking.co.nz http://webking.co.nz
Email: [EMAIL PROTECTED] mailto:[EMAIL PROTECTED]
Mobile: 0064 21 0224 6986
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***
RE: [WSG] prettier forms
Hi, Try some of the following links for help with styling forms with CSS and graphics. http://www.smashingmagazine.com/2006/11/11/css-based-forms-modern-solutions/ http://meyerweb.com/eric/thoughts/2007/05/15/formal-weirdness/ http://www.sitepoint.com/article/fancy-form-design-css http://www.sitepoint.com/article/style-web-forms-css http://www.456bereastreet.com/archive/200409/styling_form_controls/ http://www.formassembly.com/form-garden.php http://www.456bereastreet.com/archive/200705/creating_bulletproof_graphic_li nk_buttons_with_css/ Kind regards, Elaine Web Designer http://www.webdandy.co.uk -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Maarten stolte Sent: 14 September 2007 14:46 To: wsg@webstandardsgroup.org Subject: RE: [WSG] prettier forms Hello, As I recall those are controlled by the operating system so if you using MAC they will look nice shiny blue etc, hope that helped yes they are normally by either OS or the browser, as are all form elements, but most can be styled, using either CSS, a proprietary system or by using tricks like drawing an image instead of the checkbox, and hiding the checkbox. I maybe didn't make myself clear, but I'm trying to find a good example of these javascript/dom/css tricks to style those elements, and maybe others, and by good example I mean available on as many browsers as possible, standards based and with a good fallback to the normal elements if the tricks don't work on a browser. regards, Maarten -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Maarten stolte Sent: 14 September 2007 14:29 To: wsg@webstandardsgroup.org Subject: [WSG] prettier forms Hello, I'm looking for pointers towards tutorials on how to make a form look prettier; especially the selectbox/pulldown and checkboxes are of interest. Thanks for any help, Maarten *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
[WSG] Accessible Open Source CMS
Hi, Can anyone advise on the most accessible, open-source CMS between Joomla, Drupal or Plone? Thanks, Elaine Web Designer http://www.webdandy.co.uk *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
RE: [WSG] Use of PDFs - Accessibility issues
Hi, Have you tried RiverDocs: http://www.riverdocs.com/index.htm. You can sign up for a free evaluation licence for 14 days (no restrictions): http://www.riverdocs.com/product/download/index.html. The price is £399. If you are a member of GAWDS the cost is £299 until 22 June. Regards, Elaine Web Designer http://www.webdandy.co.uk -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Frank Palinkas Sent: 08 June 2007 06:19 To: wsg@webstandardsgroup.org Subject: RE: [WSG] Use of PDFs - Accessibility issues Hi Michael, Not sure if this will help you, but on occasion I've been presented with .pdf files to convert to (x)html for web-based tech docs. I do this manually by creating templates in the Visual Studio 2005 markup source code editors, and then copy and paste the content from the .pdf's. This way I have complete control over the structure, presentation and behavior of the resulting web doc. This is ok if the .pdf's haven't been secured by a user name and password. If they have, then I'm outta luck as the copy/paste routine won't work. Personally, I wouldn't trust any .pdf to .html conversion app. If they exist, I feel it would create more work than what I already have to do in this scenario. Kind regards, Frank M. Palinkas Microsoft M.V.P. - Windows Help W3C HTML Working Group (H.T.M.L.W.G.) - Invited Expert M.C.P., M.C.T., M.C.S.E., M.C.D.B.A., A+ Senior Technical Communicator Web Standards Accessibility Designer website: http://frank.helpware.net email: [EMAIL PROTECTED] | [EMAIL PROTECTED] Member: Society for Technical Communications (S.T.C.) Guild of Accessible Web Designers (G.A.W.D.S.) Web Standards Group (W.S.G.) Supergroup Trading Ltd. Sandhurst, Gauteng, South Africa website: http://www.supergroup.co.za Work: +27 011 523 4931 Home: +27 011 455 5287 Fax: +27 011 455 3112 Mobile: +27 074 109 1908 -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Michael MD Sent: Friday, 08 June, 2007 6:41 AM To: wsg@webstandardsgroup.org Subject: Re: [WSG] Use of PDFs - Accessibility issues Here is the thread that discussed making PDFs accessible: http://www.mail-archive.com/wsg@webstandardsgroup.org/msg28067.html The effort involved in creating the PDFs in an accessible format will be significant. Handheld users frequently avoid opening PDFs since they are often a large file size - bandwidth and cost being the limiting factors here. how many mobile phone can read pdf? .. I suspect not many yet ... (I have yet to see one which can) btw does anyone know of anything that can export html (even if it is crap html) from a pdf ? (apart from Acrobat Pro itself - I can't justify spending that sort of money for just the occasional attempt to extract useful content from that occasasional pdf sent by clueless media publicists which would otherwise just be deleted) *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
RE: [WSG] OT on list
Hi Mark, You can sign up for the CMS list by logging into WSG at http://webstandardsgroup.org/manage/login_edit.cfm then set your preferences to Full CMS list or CMS list in digest mode. Regards, Elaine http://www.webdandy.co.uk *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
RE: [WSG] Mocking up web interfaces
Hi all, I have been going through the emails on this topic and I can identify with most of them. Thanks Nick for your thoughts on mocking up web interfaces - it really brightened my day and James for the info on Fireworks, which I hadn't even heard of! Elaine -- Elaine Wildash http://www.webdandy.co.uk http://www.webdandy-access.com -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Nick Fitzsimons Sent: 24 May 2007 12:11 To: wsg@webstandardsgroup.org Subject: Re: [WSG] Mocking up web interfaces On 24 May 2007, at 00:22:42, Douglas Reith wrote: Hi there, Just a quick one - what do people most commonly mock up web site designs in? (Photoshop?) Also, if possible, Linux and GPL or similar would be great!! Cheers, Doug Being Just a Coder, my usual workflow is: 1. Receive Photoshop files created by client's graphic designer, who has no knowledge of web technologies, no understanding of usability, no interest in accessibility, and thinks everything is the same as print media; 2. Tear my hair out whilst ranting and raving about the ignorance and incompetence of these people; 3. Decide that I'm not going to be beaten by these b4st4rd5; 4. Rack my brains for days or weeks working out how to achieve the impossible; 5. Achieve the impossible; 6. Realise that I've learnt or invented a whole load of useful CSS and HTML techniques; 7. GOTO 1. Step 2 had to be toned down considerably when I was working in a studio with the designers, including the owner of the company, but generally this process has worked well for me for several years :-) Cheers, Nick. -- Nick Fitzsimons http://www.nickfitz.co.uk/ *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
RE: [WSG] wa state guidlines question
Hi, Came across this link: http://www.enablepdf.com/ which might also be useful in making accessible PDF documents. I haven't looked into costs etc, just happened across the site while browsing through The Register. Kind regards, Elaine http://www.webdandy.co.uk http://www.webdandy-access.com -Original Message- From: Web Dandy Design [mailto:[EMAIL PROTECTED] Sent: 09 May 2007 11:27 To: 'wsg@webstandardsgroup.org' Subject: RE: [WSG] wa state guidlines question Hi, A couple of links that maybe useful: http://www.alistapart.com/articles/pdf_accessibility http://www.planetpdf.com/search_results.asp?words=accessibilitySearchString =storepdftoolsforumgeneral Another option maybe to convert the PDF content to HTML: http://tinyurl.com/2fema Kind regards, Elaine http://www.webdandy.co.uk -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Michael MD Sent: 09 May 2007 10:30 To: wsg@webstandardsgroup.org Subject: Re: [WSG] wa state guidlines question how do you make the pdf accessible??? I guess it probably depends if it has unencrypted text in it... some pdf's might only contain images or other stuff... *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
RE: [WSG] 100% height
Hi, Looks good in ie6 and ie7 win xp pro. -- Elaine Wildash http://www.webdandy.co.uk http://www.webdandy-access.com -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Bob Schwartz Sent: 12 May 2007 06:33 To: wsg@webstandardsgroup.org Subject: Re: [WSG] 100% height A version with the footer inside the div is up, plus it seems that by adding important! to height: auto; in the original version it is now working in Safari and Firefox. I would appreciate feedback from a test in IE 6 and (especially) 7 http://www.fotografics.it/test/ Bob Schwartz wrote: I have been at it all day and no luck. Anyone who would like to help can see some test pages at: http://www.fotografics.it/test/ The problem is explained on the pages. Bob try placing your footer inside the wrapper. *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
RE: [WSG] wa state guidlines question
Hi, A couple of links that maybe useful: http://www.alistapart.com/articles/pdf_accessibility http://www.planetpdf.com/search_results.asp?words=accessibilitySearchString =storepdftoolsforumgeneral Another option maybe to convert the PDF content to HTML: http://tinyurl.com/2fema Kind regards, Elaine http://www.webdandy.co.uk -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Michael MD Sent: 09 May 2007 10:30 To: wsg@webstandardsgroup.org Subject: Re: [WSG] wa state guidlines question how do you make the pdf accessible??? I guess it probably depends if it has unencrypted text in it... some pdf's might only contain images or other stuff... *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
RE: [WSG] scrolling text and images
Hi Robin, We have used scrolling text on a school website as a 'ticker tape' of latest news. We removed the Stop/Start function and made the text static if the user doesn't have Javascript. Details can be found at: http://www.websemantics.co.uk/tutorials/accessible_scroller/. We also used a Javascript method to fade images in and out of a web page. Again if the user doesn't have Javascript only the top image is displayed. If you would like more info please get in touch and I will send you the files. I know that both scrolling text and image fading is frowned upon when it comes to accessibility but very often when a client insists on something all you can do is try to find the 'best solution'. Kind regards, Elaine __ Web Dandy http://www.webdandy.co.uk -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Robin Sent: 03 May 2007 08:17 To: wsg@webstandardsgroup.org Subject: [WSG] scrolling text and images I have been asked by a client for an area on his website that will have scrolling text or images or both and also a devolving and resolving image panel. I have advised against this as moving things on pages constantly annoy as well as the inaccessibility issues that using scripts bring. So my question is does anyone know of any application or any way that i can do this in a way that will make the least amount of compromises to accessibility and degrade nicely if either active x or javaScript or what ever else might be used to create these transitions are not available. An example of what the client is looking for is. http://investhawkesbay.com/ YU. I look forward to your comments. Robin. *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] Weird problem with the footer...
hmm take a look at www.mcville.net and compaere the codes :) ** 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 problem with the footer...
hehehe remove those p/p embracing those images in html source !!! ;) 2005/10/28, Danilo Laurindo [EMAIL PROTECTED]: hmmm, i still can't figure out what's wrong on mine... i've uploaded another testing page for you guys to take a look at... my brain is melting!... hehehe... http://www.donestudio.com.br/donenew/teste.html http://www.donestudio.com.br/donenew/zzz.css and i believe if i try to use a negative top-margin it would work out fine, but then I may need to extend the centro div with more texts and such... thanks again, guys! ** 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 problem with the footer...
now roblem m8, anytime ! cheers! Marko founder of mcville.net 2005/10/28, Danilo Laurindo [EMAIL PROTECTED]: geez, i knew it was simple! :) thanks buddy!! thank you so much! ** 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] Radio New Zealand site relaunch
2005/10/25, Ted Drake [EMAIL PROTECTED]: Hi Mike I like they way you re-use your gradient graphics throughout the site. It keeps the load to a minimum. On the home page, you have a div with I assume overflow:auto to give the scrolling daily schedule. When I've done this in the past, the div's scrolling mechanism over-rode the browser's scrolling behavior. So, when a person used their scroll-wheel on the mouse the schedule would move before the page moved. How did you avoid this? Some of the green text on green fade is a bit difficult to read, perhaps a bit more contrast? On a completely different side note, the photo of Kate Mead on the concert fm today page is not the most flattering. At least on my screen she is very pale and cyan, perhaps a bit of New Zealand sun would help. Nice job. Ted Drake www.tdrake.net -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Mike Brown Sent: Monday, October 24, 2005 6:32 PM To: wsg@webstandardsgroup.org Subject: [WSG] Radio New Zealand site relaunch http://www.radionz.co.nz As a disclaimer, I had some involvement with the HTML/CSS templates, but even so, I think it's a good example of a site that's nice visually and reasonably standards-compliant. Mike ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help ** I like it , nice layout , I had duots about the header but it's fine too , nice work m8! ** 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] specifying width of pre
you think hmm, take a look at my content on http://www.mcville.net in a IE browser the content is sliding under the navigation bar LOL :) ** 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] box within a box IE Fix for fluid CSS designs
when you solve this email me :) o and btw I'm hacking this atm : http://www.mcville.net -look at it in IE :( - ** 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] Link behavior
2005/10/21, Bruce [EMAIL PROTECTED]: I should add the site is http://www.bkdesign.ca It does the same in ie6 and firefox, and passes validation Thanks Bruce Prochnau - Original Message - From: Bruce To: wsg@webstandardsgroup.org Sent: Friday, October 21, 2005 5:00 AM Subject: [WSG] Link behavior Hi all, Hopefully there is an easy answer for this without overloading this with too much info. My links in my sidebar on a new main site I am doing are underlined. But the underline starts someplace in the middle of the link, not at the beginning.??? Has anyone seen this before and what could cause it? Even setting all my links are now set to underline and it does the same. Baffled Thanks in advance Bruce Prochnau BKDesign Solutions hmm it seems fine to me m8 (viewing on FF,IE,opera) ** 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] Link behavior
2005/10/21, Robin Berjon [EMAIL PROTECTED]:
On Oct 21, 2005, at 11:00, Bruce wrote:
Hopefully there is an easy answer for this without overloading this
with too much info.
My links in my sidebar on a new main site I am doing are underlined.
But the underline starts someplace in the middle of the link, not
at the beginning.???
Has anyone seen this before and what could cause it?
Even setting all my links are now set to underline and it does the
same.
From what I can tell, the underline doesn't start in the middle of
the link, it's just hidden by the link below it because the items are
too close together and have a background. You might try either
removing (or increasing) #navbar a {height: 1em;} or the background
colour on #navbar a.
--
Robin Berjon
Senior Research Scientist
Expway, http://expway.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
**
try another text-decoration and see how it behaves
**
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] Re: digest for wsg@webstandardsgroup.org
2005/10/19, [EMAIL PROTECTED] [EMAIL PROTECTED]: Original message sent on the Wed, 19 Oct 2005 22:29:49 1000 by wsg@webstandardsgroup.org ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help ** In evidence piece of your code containig images element definition div id=banner_main img src=/_resource/image/banner_main01.gif alt= width=172 height=112 img src=/_resource/image/banner_main02.jpg alt= width=551 height=112 /div div id=banner_secondary img src=/_resource/image/banner_secondary01.gif alt= width=364 height=116 img src=/_resource/image/banner_secondary02.gif alt= width=359 height=116 /div Right, IMHO in this case you don't need 2 division so what happen if you close all the four images in the same division ? Give a me a feedback Regards Morpheus ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help ** hmm I'm not sure what are you talking about?! ** 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] CSS Hack?
I may have crashed into another I.E. CSS bug that I have used to provide this browser with a particular rule that will not be applied by, for instance, Firefox or Opera. It is a empty comment hack: html/**/body selector, that seems to be applied only by I.E. 6.x So far I haven't found it documented, maybe I haven't checked enough. Furthermore, my testing browsers are limited to a few running under Windows XP Pro. Can you please take a look and provide me some additional results, or if it is already documented, if possible, so that I can see if it fits my needs? Testing page available at: http://www.cb2web.com/tut_csshack.shtml Thank you in advance. Carlos Simoes ** 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] Awards / Endorsements for quality websites?
Hello Sigurd,Web awards, you said?Some are the kind you're looking for, promoting to a certain extent,standards compliance and accessibility.That may require you some prospection, Google search for "awards for sites"should also provide you some links... the first one is my own.You can also start, for instance, at:http://www.awardsites.comhttp://www.website-awards.nethttp://www.websawards.orgThere's even a book about the subject:http://www.bton.com/glory/index.html... and an ODP (and Google of course) category about it, Web Awards:http://dmoz.org/Computers/Internet/On_the_Web/Best_of_the_Web/Site_Awards/My best,Carlos- Original Message -De : [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] lapart de Sigurd MagnussonEnvoyé : lundi 18 avril 2005 01:18À : wsg@webstandardsgroup.orgObjet : [WSG] Awards / Endorsements for quality websites?I was wondering if anyone knew of a popular sites to promote semanitc orcompliant (or "good" in general) websites?Furthermore, if there was a site or an award that would be consideredquite an achievement or endorsement for your work?
Re: [WSG] Site review
Great Site Everything works OK. regards --- Vision.To Design Femi Hasani www.vision.to [EMAIL PROTECTED] +46 736 009 555 Sweden / Suedi www.coder24.com www.wowdev.com --- - Original Message - From: Jacobus van Niekerk [EMAIL PROTECTED] To: wsg@webstandardsgroup.org Sent: Wednesday, April 06, 2005 08:15 Subject: [WSG] Site review Hi all, We have recently launched http://www.getawayafrica.com/, your comments are welcome. But would like to know more about if you have any problems with the site. Just a note, the client is still inputting content. Kind Regards Jacobus van Niekerk Creative Consultant web: http://www.catics.com/ | http://www.freelancecontractors.com tel: + 27 21 982 7805 ** 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] Vision.To CMS Enterprise (XHTML/CSS)
Hi I have developed a new version of CMS Portal Solutions XHTML / CSS compliant to W3C Recommendations and other standards(Except: Admin Part). Your feedback is welcome. regards---Vision.To DesignFemi Hasaniwww.vision.to [EMAIL PROTECTED] +46 736 009 555Sweden / Suediwww.coder24.comwww.wowdev.com ---
Re: [WSG] Centering
Title: Message You should use list property ... se: http://css.maxdesign.com.au/listamatic/ regards feha - Original Message - From: Paul To: wsg@webstandardsgroup.org Sent: Tuesday, April 05, 2005 14:44 Subject: [WSG] Centering Hi hope this isn't too simple a question but what am I missing in trying to get the menu_table to center on this page...http://www.kinggeorgev.ca/test_1.php Thanks, Paul Paul Gauci Director, Internet Development m5i.com t: 709.753.6227 f: 709.754.3990 m: 709.687.2617
Re: [WSG] Around We Go
Using one div and a dl http://cb2web.com/tests/testboxmodel5.htm From Webmates forum (code and CSS posted): http://tinyurl.com/65qr3 Carlos Simoes - Original Message - From: Chris Kennon [EMAIL PROTECTED] To: wsg@webstandardsgroup.org Sent: Wednesday, February 16, 2005 8:33 PM Subject: [WSG] Around We Go This example of rounded corners (http://kalsey.com/2003/07/rounded_corners_in_css/), is elegant and efficient, but 2 years old. I've googled til blurry eyed, but have only found contemporary examples with 8 nested divs and other nightmares. Would someone guide me to a standards based solution without all the gif wrapping? CK __ 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 ** ** 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] Odd IE Issue...
I believe the problem is exactly the image size: too small. See: http://cb2web.com/tests/gamerdb/ It uses a nav_back.gif 20x20, GIF, Web Safe colors, 81 bytes: http://cb2web.com/tests/gamerdb/media/nav_back.gif HTH Carlos http://cb2web.com - Original Message - From: Chris Stratford [EMAIL PROTECTED] To: wsg@webstandardsgroup.org Sent: Thursday, December 30, 2004 6:09 PM Subject: Re: [WSG] Odd IE Issue... Hey Brian, thanks for the reply - I changed the DTD... No difference at all :( Any more ideas? I will check back in a few hours. need a nap - 5am here :D Gnite! ** 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 frustrations...
Hi,
I would solve it like this, see:
http://cb2web.com/tests/dontcom/
Briefly, wrapped both content and sidebar divs with something like
#col {
margin:0;
padding:0;
}
... moved the container div up and, I think this was the most important,
changed the order of the sidebar and content divs. Anyway, see source of the
test pages above for further details...
HTH
Carlos
http://carlos.cb2web.com
- Original Message -
From: Darren Wood [EMAIL PROTECTED]
To: [EMAIL PROTECTED]
Sent: Monday, November 29, 2004 7:59 PM
Subject: [WSG] IE frustrations...
Hello all,
No one should ever have to ask these sorts of questions..but due to the
pantsness of IE i have no choice
http://dontcom.com
You may notice that the right nav drops down to the bottom of the
document in IE. I've been looking at the CSS for WAY too long so its
all starting to look the same...and thus i cant find the offending bit
of CSS.
Any help you may have would be greatly greatly appreciated.
Thanks in advance,
Darren
http://webdeveloper.co.nz/forum/
http://dontcom.com/
**
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list getting help
**
**
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list getting help
**
Re: [WSG] setting width for lis when inline
Hi Scott,
Well I'm a bit of a novice when it comes down to it,but
when I initially added the "float: left;" I removed the
"display:inline;"on both the ul and the li as I found it
un-necessary in the original code you sent. While it may be necessay in light of
other elements, is it possible to remove it on the li class? Would this
solve both the problem of working as you require and still remaingin within the
properspecs?
LikeI said, I'm on a learning curve with CSS
standards complianceso if I am missing somethinghere I'd appreiate
any clarification from Patrick or any other more knowledgable
folks
Tania
- Original Message -
From:
Scott
Reston
To: [EMAIL PROTECTED]
Sent: Tuesday, July 13, 2004 11:49
PM
Subject: RE: [WSG] setting width for
lis when inline
Patrick - Thanks for your detailed answer (and your
patience...)This would suggest that the fix I found exploits a
(perhaps temporary) flaw in the browser render engines. To recap for folks
just joining in, here's a short description of what I'm trying to
do:the code below should make the UL display as a horizontal row.
"number one" should be 100px wide, "number two" 150px (unless i've mistyped,
of course...)This works for me, but I'd like to 'get it right' and not
rely on an exploit... begin code snippet
ul id="example"li
id="number1"number one/lili id="number2"number
two/li/ulul#example {height:
16px;margin: 0; border: 0;position: relative;display:
inline;list-style-type: none;}ul#example li {
display: inline;float: left;height: 16px;background-color:
#999;}ul#example li#number1 {width:
100px;}ul#example li#number2 {width:
150px;} end code snippet
for anyone interested, I'm carrying
this idea a step further and applying the Gilder/Levin image replacement
technique to replace 'number one/two' with icons. this is used for the
"email/pdf" links about half-way down the page at:http://www.capstrat.com/development/cs2004/template2.htmlsemantically,
an unordered list; visually, icons. the width-setting is important to getting
the image-replacement to work
properly.scott-Original
Message-From: [EMAIL PROTECTED]
[mailto:[EMAIL PROTECTED]Behalf Of Patrick LaukeSent:
Tuesday, July 13, 2004 11:34 AMTo: [EMAIL PROTECTED]Subject:
RE: [WSG] setting width for lis when inline From:
Scott Reston Does this suggest that inline elements
cannot have a width property at all?Yes. Any browser that applies
width specified in CSS to an inlineelement (or even a block element that
has been set to display:inline)is not behaving in line with the
spec. Can you clarify what the spec means by 'replaced'?http://www.w3.org/TR/REC-CSS2/conform.html#replaced-elementIn
simplified terms, replaced elements are those that...heck...arereplaced by
something else when displayed. the IMG element is replacedwith the image
itself, INPUT,TEXTAREA,SELECT are replaced with UI elementsfor the form
widgets, OBJECT is replaced with whatever external pieceof "multimedia"
(god I hate that term) you specify.To take the example of IMG, this
has an intrinsic dimension (defined justbelow "replaced element" on the
link above) in that the image is made up ofa fixed number of pixels, so
the width/height are part of the image itself.Although it's inline, the
intrinsic width is then honoured in the display(but again setting any
width in the CSS is still ignored)Hope this makes some kind of
sense...as I'm starting to confuse myself here
;)PatrickPatrick H.
LaukeWebmaster / University of Salfordhttp://www.salford.ac.uk*The
discussion list for http://webstandardsgroup.org/See
http://webstandardsgroup.org/mail/guidelines.cfmfor
some hints on posting to the list getting
help*
*The
discussion list for http://webstandardsgroup.org/See
http://webstandardsgroup.org/mail/guidelines.cfmfor
some hints on posting to the list getting
help*
Re: [WSG] setting width for lis when inline
By adding " float: left; " to your li class all your
list items will continue on along one horizontal line. If you leave the
li width at 200 they wil be even spaced but if you remove this they will
of course bunch up closer.
Tania
- Original Message -
From:
Scott
Reston
To: [EMAIL PROTECTED]
Sent: Tuesday, July 13, 2004 5:32
AM
Subject: [WSG] setting width for
lis when inline
I'm attempting to build a horizontal menu that from an
unordered list. My plan is to provide the list as text in the html, then use
an image-replacement scheme (ala http://www.mezzoblue.com/tests/revised-image-replacement/)
to swap out the text with images. It looks to me like image-replacement
depends on me being able to set the width of the containing element, in my
case, an aI want the CSS to work without being altered,
whether i include all of the li menu items or not, so I don't know how
wide the overall ul will be when the page is actually created.
Is it possible to set width on an inline element? Can I get the same
effect from some sort of absolute positioning (when i don't know the widths of
elements)?for instance,
ullishort/lilithis is a longer
item/liliand some
other/li/ulul {display: inline;}li
{display: inline;width: 200px;height: 50px;background-color:
#eee;}in this example, i'd like to see that as 3 200px squares in
a horizontal line...any help appreciated...scott
reston*The
discussion list for http://webstandardsgroup.org/See
http://webstandardsgroup.org/mail/guidelines.cfmfor
some hints on posting to the list getting
help*
Re: [WSG] Request: Is it semantically correct?
I agree... Since I want this wrapped with a box with other type of corners, it would be: http://cb2web.com/tests/testboxmodel4.htm CSS: http://cb2web.com/tests/testboxmodel4.css And in order to move the hn inside that box and use a top of list link in the bottom, this is my best shot: http://cb2web.com/tests/testboxmodel5.htm div id=europestats h2Europe Stats/h2 dl dtNumber of women for 100 men(1995):/dt ddEurope: 105 women for 100 men/dd ddWorld: 98,6 women for 100 men/dd dtPercentage of girls and boys of less than 15 years old (1995):/dt ddEastern Europe: 22% of girls for 24% of boys/dd ddWestern Europe: 19% of girls for 21% of boys/dd dtFertility Rate of 15-19 years old women (1990-95):/dt ddEastern Europe: 48 births for 1000 women/ Western Europe: 22 births for 1000 women/dd /dl pa href=#europestats title=top of listtop of list/a/p /div CSS: http://cb2web.com/tests/testboxmodel5.css Russ, If only I have discovered your definition lists examples a few months ago... Oh well :) Carlos - Original Message - From: Lea de Groot [EMAIL PROTECTED] To: [EMAIL PROTECTED] Sent: Monday, May 03, 2004 12:55 AM Subject: Re: [WSG] Request: Is it semantically correct? A table would be perfectly semantically correct, and I dont see why it would make a difference to the width, but if you want to do it table free, I would prefer something like this: hnStatistics - Europe/hn dl dtNumber of women for 100 men(1995):/dt ddEurope: 105 women for 100 men/dd ddWorld: 98,6 women for 100 men/dd dtPercentage of girls and boys of less than 15 years old (1995):/dt ddEastern Europe: 22% of girls for 24% of boys/dd ddWestern Europe: 19% of girls for 21% of boys/dd dtFertility Rate of 15-19 years old women (1990-95):/dt ddEastern Europe: 48 births for 1000 women/dd ddWestern Europe: 22 births for 1000 women/dd /dl (thats what I'd do - mind you, this is the 30-second take as I am being called for breakfast!) Lea -- Lea de Groot Elysian Systems - http://elysiansystems.com/ Brisbane, Australia $0 Bannerless Web Hosting, 10 POP and Web Email Accounts, more Get It Now At www.doteasy.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] Request: Is it semantically correct?
I see your point Russ. I need to use it for something like: dl dtStatistics - Europe/dt dd pNumber of women for 100 men(1995):/p ul liEurope: 105 women for 100 men/li liWorld: 98,6 women for 100 men/li /ul pPercentage of girls and boys of less than 15 years old (1995):/p ul liEastern Europe: 22% of girls for 24% of boys/li liWestern Europe: 19% of girls for 21% of boys/li /ul pFertility Rate of 15-19 years old women (1990-95):/p ul liEastern Europe: 48 births for 1000 women/li liWestern Europe: 22 births for 1000 women/li /ul /dd /dl (see the example at http://cb2web.com/tests/testboxmodel3.htm) Of course, it is tabular data. The point is that I am trying to avoid tables in a narrow side-column of a 3-column layout. Opinion? - Original Message - From: russ - maxdesign [EMAIL PROTECTED] To: Web Standards Group [EMAIL PROTECTED] Sent: Sunday, May 02, 2004 11:06 PM Subject: Re: [WSG] Request: Is it semantically correct? This new example is much cleaner code - less divs etc. However, it is hard to tell if it is semantically correct without real content inside. Some may disagree, but I would have to say at present it looks like it is pushing the DL slightly more than it should as there does not seem to be a direct relationship between the dt and the dd. 'Others believe that definition lists can be used to tie together any items that have a direct relationship with each other (name/value sets).' http://www.maxdesign.com.au/presentation/definition/ I think the paragraph is the thing that breaks the direct relationship for me is it's between the heading and the list. This example works as a DL: dtFruitdt ddpeardd ddappledd ddbananadd This example does not seem to work as well, as the paragraph interrupts the direct relationship. dtFruit/dt dd pHere is some fruit/p ul lipear/li liapple/li libanana/li /ul /dd Of course, it all comes down to personal opinion! What do others reckon? Russ * 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] Request: Is it semantically correct?
Hello list, I have been dealing with some ways of having box borders other than the regular ones... Can you please tell me if this attempt is semantically correct and if it has too much nested divs? Example: http://cb2web.com/tests/testboxmodel.htm CSS: http://cb2web.com/tests/coolboxes.css Thank you in advance for your help and eventual sugestions... Carlos * 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] Request: Is it semantically correct?
Russ, Noa, thank you.
Russ, a very, very clever approach... that a {display: block} really made
the difference!
Thank you again and I look forward for the interview with Anne van Kesteren.
Carlos
- Original Message -
From: russ - maxdesign [EMAIL PROTECTED]
To: Web Standards Group [EMAIL PROTECTED]
Sent: Saturday, May 01, 2004 10:31 PM
Subject: Re: [WSG] Request: Is it semantically correct?
'Semantically correct' is one of those tricky questions that gets us all
into hot water.
On one hand you have code purists who believe that there should be the
absolute minimum of extra divs and classes [1]. Anything extra is clogging
up the code. There are even purists who believe that any form of background
image is wrong. On the other you have people trying to achieve practical
solutions for design problems. So, everyone you ask will have a different
opinion.
The bottom line is to use as few additional divs and classes as possible.
And, more importantly, that all presentation (colour, images etc) should be
removed from the code - which your example does correctly.
Having said that, a few divs can be removed from your example without
changing the result, even though it still has the slight bug in the footer
that your example does (in mac moz and safari):
http://www.maxdesign.com.au/jobs/css/coolbox/
Russ
[1] On Tuesday 'Ten questions for Anne van Kesteren interviews goes live,
where he talks about how div's have semantic meaning.
I have been dealing with some ways of having box borders other than the
regular ones... Can you please tell me if this attempt is semantically
correct and if it has too much nested divs?
*
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] CSS 3-col draft: Request for opinion
Hello List, After doing the homework (thanks to James Ellis and an excellent tutorial from him about the subject) I think I have managed to create a solid 3-col layout using CSS. It is here: http://www.apex-ethics.com/ (OT) This site belongs to an ethics organization (APEX, Association for Positive Ethical eXchange) from and for site owners and webmasters. It tries to encourage professional practices regarding privacy, copyright and ethics amongst site owners providing goods and services. Feel free to look around, please. Any good soul can provide feedback on IE5/Mac? I was able to test already it in the the platform from hell as James called it: IE5.5/WinME. It worked fine. On a side note, did you have any info about some webservers, like this at doteasy.com, not serving images as backgrounds if the images are less than 1Kb in size?! I almost fainted when after uploading the pages, all the bullets were missing. I am using the background bullet technique. The background-image only worked if the image was bigger than 1Kb. I had to change the url() for the background images, so that I can load them from my domain server, cb2web.com. That's why you will see that in the CSS. Just a matter of time until we move to a new hosting provider, hopefully. But, how can this be set by a server?! Thank you List, Carlos www.cb2web.com - Original Message - From: Cb2 Web Design [EMAIL PROTECTED] To: [EMAIL PROTECTED] Sent: Wednesday, March 31, 2004 3:38 PM Subject: Re: [WSG] CSS 3-col draft: Request for opinion Russ, I'll appreciate if you can send me a screen shoot, please... thank you! Too bad, I was hoping it could hold... Any other browser/OS combinations ? Thank you all in advance. Carlos - Original Message - From: russ weakley [EMAIL PROTECTED] To: Web Standards Group [EMAIL PROTECTED] Sent: Wednesday, March 31, 2004 2:11 PM Subject: Re: [WSG] CSS 3-col draft: Request for opinion Do you think it will hold? Or is it to clumpsy? Can someone tell me what happens in a IE/Mac environment? MacIE - breaks badly. Three columns end up one under each other - seems to be a width issue. Can send screen shot if needed. Russ * 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 3-col draft: Request for opinion
Hi Bert, You said: What about all those nested divs - not as bad as (shudder) nested tables, but is it necessary? - Not that bad at all, see Nested DIVs, nested TABLEs, what's the difference? at (1). Anyway, and this way, I have dealt with the box model problem in IE without hacks (I think). As I told, this was based on something James Ellis posted a while ago at WSG, see (2) and look for 3 column CSS layout with footer that works; - The metadata is experimental, as I am trying to incorporate Dublin Core Metadata in the design and look for the results (in terms of searchability); - The class=normal is my way of controlling template properties in Dreamweaver, so that some items in the navigation menu, defined in the template, can be changed in the individual pages... for instance, setting the style of the current page corresponding item in the left menu to another background-color and color, as well as suppressing the link to itself. I know, I am not an hand-coder, shame on me :)); You said: Can't help you on the server issue (other than to make the image bigger so the server WILL serve it) but what is the background bullet technique? Can't you use a list-style-image? - Manuel already answered: Yes, that's the reason and the source is that resource (3) that Manuel pointed; Thank you for your feedback, Bert :) (1) http://www.alistapart.com/articles/practicalcss/ (2) http://webstandardsgroup.org/resources/ (3) http://css.maxdesign.com.au/listutorial/introduction.htm My best, Carlos www.cb2web.com - Original Message - From: Bert [EMAIL PROTECTED] To: [EMAIL PROTECTED] Sent: Tuesday, April 20, 2004 11:41 AM Subject: RE: [WSG] CSS 3-col draft: Request for opinion Hi Carlos and group I'm new to the Web Standards Group and am not famliar with past discussion topics - hope I'm not speaking out of turn. I'm quite familiar with CSS and XHTML (1.1) but always willing to learn new tricks. http://www.apex-ethics.com/ One of the things I noticed is the amount of code in the head section - lots of comments (presumably inserted by Dreamweaver) and Meta data. Perhaps I'm ignorant, but is all that code necessary for a site to function? What about all those nested divs - not as bad as (shudder) nested tables, but is it necessary? Also, I see lots of links with class=normal. Would it not be more efficient to set the default link in the container to waht this class represents? In other words, set the style for #Navleft a to what your normal class currently has. (I tend to use classes only for exceptions) I am using the background bullet technique. Can't help you on the server issue (other than to make the image bigger so the server WILL serve it) but what is the background bullet technique? Can't you use a list-style-image? Regards -- Bert Doorn, Better Web Design www.betterwebdesign.com.au Fast-loading, user-friendly websites * 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] target=_blank substitute
Tim said Check out XHTML target module:. You can see a tutorial about this, posted a while ago at the Webmates forum: http://excellentsite.org/agroup/modules/newbb/viewtopic.php?topic_id=36foru m=1 Direct link to the tutorial by Eva Lindqvist: http://www.swedishgoldenretrievers.net/targetmoduleinxhtml.shtml Carlos www.cb2web.com - Original Message - From: Tim Lucas [EMAIL PROTECTED] To: [EMAIL PROTECTED] Sent: Sunday, April 18, 2004 4:41 PM Subject: Re: [WSG] target=_blank substitute Darian Cabot spoke the following wise words on 18/04/2004 1:29 PM EST: I would like to open a link in a new window. I used to use target=_blank attribute, but that isn't xhtml strict. Can anyone enlighten me on a xhtml strict method? as I'd like my pages to verify ^^ Check out XHTML target module: http://www.accessify.com/tutorials/standards-compliant-new-windows.asp http://www.webreference.com/xml/column30/ http://www.w3.org/TR/xhtml-modularization/abstract_modules.html#s_targetmodu le http://www.nic.fi/~tapio1/HTMLKit/Attributes2Mod.php3 The DTD: http://www.w3.org/TR/xhtml-modularization/DTD/xhtml-target-1.mod -- tim lucas www.toolmantim.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] CSS 3-col draft: Request for opinion
Russ, I'll appreciate if you can send me a screen shoot, please... thank you! Too bad, I was hoping it could hold... Any other browser/OS combinations ? Thank you all in advance. Carlos - Original Message - From: russ weakley [EMAIL PROTECTED] To: Web Standards Group [EMAIL PROTECTED] Sent: Wednesday, March 31, 2004 2:11 PM Subject: Re: [WSG] CSS 3-col draft: Request for opinion Do you think it will hold? Or is it to clumpsy? Can someone tell me what happens in a IE/Mac environment? MacIE - breaks badly. Three columns end up one under each other - seems to be a width issue. Can send screen shot if needed. Russ * The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help * $0 Bannerless Web Hosting, 10 POP and Web Email Accounts, more Get It Now At www.doteasy.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] Font size, and how large is large enough?
When you make both height and width 76.1% of the default, the result is
less than 58% of the original.
But in the end, it seems to me the user gets the same font size as if 'body
{font-size: 100%;}, given that all the other font-sizes are set above 1em
for regular paragraphs and above 0.9em for footnotes, for instance.
Can you see the test at:
http://cb2web.com/tests/testing.shtml ?
I have tested it in Opera 7.23, IE6 and Firebird and, IMO, the fonts within
the div76 (blue box) and div100 (red box) containers look the same at text
size medium (or 100%) and in fact, for the div76 container, the normal
paragraph is more readable at the largest setting in IE6 and the p.note is
still readable at smallest.
What do you think?
The stylesheet is something like:
#div76 {
font-family: Arial, Helvetica, sans-serif;
font-size: 76.1%;
...
}
#div76 p{
font-size: 1.1em;
}
#div76 p.note{
font-size: 0.94em;
}
#div100 {
font-family: Arial, Helvetica, sans-serif;
font-size: 100%;
...
}
#div100 p{
font-size: 0.8em;
}
#div100 p.note{
font-size: 0.7em;
}
#div76 p.smaller , #div100 p.smaller{
font-size: smaller;
}
Carlos
- Original Message -
From: Felix Miata [EMAIL PROTECTED]
To: [EMAIL PROTECTED]
Sent: Wednesday, March 24, 2004 3:20 AM
Subject: Re: [WSG] Font size, and how large is large enough?
Cb2 Web Design wrote:
I tend to agree with such suggestion: applying a percentage in the body
and
then work with the remaining sizes in ems.
I have done that in here:
http://www.excellentsite.org/
Do you think font size is to small?
It certainly starts out that way. With 'body {font-size: 76.1%;}' what
you are saying is this:
I don't have any way to know what size your default is, or whether it
bears any relationship to what you like or need, so whatever that size
happens to be, 12px or 18px or 28px or anything else, I'm making it more
than 42% smaller than your browser preference.
In case you're wondering where the 42% comes from, it's because your
rule on its face is a height, but implicitly also applies to the width.
When you make both height and width 76.1% of the default, the result is
less than 58% of the original.
--
Surely God would not have created such a being as man to exist only
a day! No, no, man was made for immortality.
President Abraham Lincoln
Team OS/2 ** Reg. Linux User #211409
Felix Miata *** http://members.ij.net/mrmazda/auth/
$0 Bannerless Web Hosting, 10 POP and Web Email Accounts, more
Get It Now At www.doteasy.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] Font size, and how large is large enough?
I tend to agree with such suggestion: applying a percentage in the body and then work with the remaining sizes in ems. I have done that in here: http://www.excellentsite.org/ Do you think font size is to small? Carlos - Original Message - From: russ weakley [EMAIL PROTECTED] To: Web Standards Group [EMAIL PROTECTED] Sent: Wednesday, March 24, 2004 12:15 AM Subject: Re: [WSG] Font size, and how large is large enough? The x-small and others are refered to as absolute-size keywords http://www.w3.org/TR/REC-CSS2/fonts.html#font-size-props However, x-small will vary from browser to browser (sometimes quite different) as you can see here: http://www.browsercam.com/public.aspx?proj_id=53764 This may not be an issue. But in my opinion, if you must reduce font sizes, applying a percentage on the body will achieve a far more consistent result across browsers. Again, it should be stressed that this is just my opinion. There are lots of differing opinions out there! Russ $0 Bannerless Web Hosting, 10 POP and Web Email Accounts, more Get It Now At www.doteasy.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] Serving XHTML as application/xhtml+xml
I have been trying to set my server to do it. Without success.
Follows the description of my attempt:
I have created an index.xhtml file, changed the content in it to
application/xhtml+xml (meta content=application/xhtml+xml;
charset=iso-8859-1 / ) and uploaded it.
IE just fails to render it. Time to go to web server. Since I am using
server-side includes, I have added to the .htaccess file the following
lines:
AddType application/xhtml\+xml;qs=0.8 .xhtml
AddHandler server-parsed .xhtml
Options Indexes FollowSymLinks Includes
Now the server knows that xhtml files are to be served as
application/xhtml+xml and SSI are also usable with this extension.
Then, as suggested somewhere, a little browser-sniffing to serve IE and
other browsers not understanding the type application/xhtml+xml must be
done. Again, a few lines were added to the same .htaccess:
RewriteEngine on
RewriteBase /
RewriteCond %{HTTP_ACCEPT} application/xhtml\+xml
RewriteCond %{HTTP_ACCEPT} !application/xhtml\+xml\s*;\s*q=0
RewriteCond %{REQUEST_URI} \.xhtml$
RewriteCond %{THE_REQUEST} HTTP/1\.1
RewriteRule .* - [T=application/xhtml+xml]
Now, IE is served the xhtml file as text/html and Mozilla is served
application/xhtml+xml. Is it?
You can test both files with IE and Mozilla, for instance:
http://excellentsite.org/index.shtml
http://excellentsite.org/index.xhtml
Could it be this way? If yes, why doesn't IE load the xhtml page ?!
$0 Bannerless Web Hosting, 10 POP and Web Email Accounts, more
Get It Now At www.doteasy.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
*
