Re: [WSG] Site Review Please
No replied after 13 days... yeesh. Was it that bad or that good? no comments at all? worked perfect on everyone's computer/browsers? here is the url again: http://ffxi.anime-madness.com -levi On Thu, 17 Feb 2005 18:36:17 -0500, Levi [EMAIL PROTECTED] wrote: Howdy, I've been coming signed up only a few weeks here and have read only two dozen or so topics, mainly because I've been working on a new site and have had midterms to study for (UCF student in Orlando). The site was completed on the 11th though I am still working on backend PHP functionality. If some of you professionals could run it through the gauntlet, that would probably helpful to me (I find it hard to get rid of the if they don't use IE6.x or Firefox, screw them anyway, my sites aren't selling anything mentality). Two pages wont show up as XHTML Transitional complaint because they are using Flash (I've only seen one solution to making compliant html flash implementation and I disliked the drawbacks of not being able to inform the user to upgrade their Flash if they are using an old version). Thanks for any replies. http://ffxi.anime-madness.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] Site Review Please - ffxi.anime-madness.com
Hi Levi, Looks stable in Safari 1.2.4 and Mac/Firefox but the news inner containers are missing their backgrounds in Mac/IE5.2.8. I can send screenshots offlist if needed. The other comments are accessibility ones so take them as you wish - they may not be part of the mission for this site's audience. 1. The continuous scrolling animated text is very irritating and makes it hard to read the text on the page - the eye is constantly being distracted. This may not matter to the target audience coming to your site, but for people with reading difficulties, this could present an accessibility barrier. It could also be considered a usability issue. If it irritates people, and they find it distracting, then it may be worth addressing. 2. If people do not have flash, do they have any way of navigating the site at all? If accessibility to a wider audience is considered important (and from the topic this may not be the case) then a non-flash navigation option might be worthwhile. 3. the flash text is small and hard to read. While you have done a great job of allowing the content to scale, and maintain layout consistency, these small navigation buttons remain extremely small. This could have an impact on users with even mild vision impairment. 4. Finally, again this may be irrelevant for this site, it doesn't work well on a text-browser or screen reader. You get the following information: sorry dude, your browser doesn't support Iframes. sorry dude, your browser doesn't support Iframes. image image image image image image image If nothing else, a null or blank alt attribute would be better than an alt attribute with image, as this wouldn't be read out aloud to screen reader users. 2c Russ No replied after 13 days... yeesh. Was it that bad or that good? no comments at all? worked perfect on everyone's computer/browsers? here is the url again: http://ffxi.anime-madness.com -levi ** 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] Site Review Please
Standards advice is free. But I charge for site reviews. On Wed, 2 Mar 2005 04:52:55 -0500, Levi [EMAIL PROTECTED] wrote: No replied after 13 days... yeesh. Was it that bad or that good? no comments at all? worked perfect on everyone's computer/browsers? here is the url again: http://ffxi.anime-madness.com -levi On Thu, 17 Feb 2005 18:36:17 -0500, Levi [EMAIL PROTECTED] wrote: Howdy, I've been coming signed up only a few weeks here and have read only two dozen or so topics, mainly because I've been working on a new site and have had midterms to study for (UCF student in Orlando). The site was completed on the 11th though I am still working on backend PHP functionality. If some of you professionals could run it through the gauntlet, that would probably helpful to me (I find it hard to get rid of the if they don't use IE6.x or Firefox, screw them anyway, my sites aren't selling anything mentality). Two pages wont show up as XHTML Transitional complaint because they are using Flash (I've only seen one solution to making compliant html flash implementation and I disliked the drawbacks of not being able to inform the user to upgrade their Flash if they are using an old version). Thanks for any replies. http://ffxi.anime-madness.com ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help ** ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help ** ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] Site Review Please - ffxi.anime-madness.com
Looks stable in Safari 1.2.4 and Mac/Firefox but the news inner containers
are missing their backgrounds in Mac/IE5.2.8. I can send screenshots offlist
if needed.
hmm. I dont know that screenshots will be needed, since I can pretty
much assume what you are talking about and know what it looks like.
The question is, why? My best guess is that I have a line break in my
code at a weird moment to make it more readable for me while getting
around an IE issue:
div class=ContentWrapper
div [snip]div [snip][snip]/div/divdiv
style=background-image:url('images/content-bg.gif')[snip]
the new line between the div and the the style=... might be what is
causing the issues in the Mac/IE5.
I've gotten rid of the newline and any tabs and reuploaded the files for
the news section. Could you check and see if that fixed the issue
(if it doesn't, I wont keep asking, dont worry)?
The other comments are accessibility ones so take them as you wish - they
may not be part of the mission for this site's audience.
For the most part, because of the target audience for such a site, accessibility
has taken a back seat to design and wow factor. But the comments are still
welcomed and noted, thankyou.
1. The continuous scrolling animated text is very irritating and makes it
hard to read the text on the page - the eye is constantly being distracted.
This may not matter to the target audience coming to your site, but for
people with reading difficulties, this could present an accessibility
barrier. It could also be considered a usability issue. If it irritates
people, and they find it distracting, then it may be worth addressing.
At somepoint, yes, that whole 'plot of land' will be redone, it was a quick
fix job so the site could be put up sooner. I haven't found it distracting, but
I know it can become so very easily, and it should be address when I am
not so busy with other priorities.
2. If people do not have flash, do they have any way of navigating the site
at all? If accessibility to a wider audience is considered important (and
from the topic this may not be the case) then a non-flash navigation option
might be worthwhile.
Is there a way to provide non-flash content if and only if flash is
not available
for that user? like the noframe tag for frames?
4. Finally, again this may be irrelevant for this site, it doesn't work well
on a text-browser or screen reader. You get the following information:
sorry dude, your browser doesn't support Iframes.
sorry dude, your browser doesn't support Iframes.
image image image image image image image
If nothing else, a null or blank alt attribute would be better than an alt
attribute with image, as this wouldn't be read out aloud to screen reader
users.
I actually do have some images with blank alt attributes, but just as many with
image, as you've noted (this inconsistency was through using old code from
different sites I've previously made). It does sound worthwhile to change those
image ones to blank. Only takes 20 seconds to do anyway. Thanks.
The noframe message was from... sheesh.. 4 or more years ago at least. I
should have changed the message to a more useful and helpful one long long
ago.
Thanks for the helpful reply!
-Levi
2c
Russ
No replied after 13 days... yeesh. Was it that bad or that good? no
comments at all? worked perfect on everyone's computer/browsers?
here is the url again: http://ffxi.anime-madness.com
-levi
**
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] opacity as a hover for photo gallery thumbnails
Hello, Still working on that photo gallery. :) I found a site that helped me in creating a photo gallery I like, but I need to put a hover on the thumbnails so that the user knows where they are. I'd like to have it change the opacity, but a) I'm not sure how accepted that is amongst the browsers and b) if it is, I'm sure how to do it, or where to place it in my CSS. Can anybody please assist me? The site is at http://www.drzeus.net/clients/stevierays/gallery.html Thanks, good people! BTW, in seeing the statistics of our subscribers, I was pleasantly surprised to see 6 of us in Portugal. :) While I'm not Portuguese (I'm an American), it does my heart good to see people here interested in web standards. -- ~john _ Dr. Zeus Web Development http://www.DrZeus.net content without clutter ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] opacity as a hover for photo gallery thumbnails
Hi Sorry I'm unable to help with your question, but would you be so kind as to pass along the url for developing a photo gallery in its current incarnation. C On Wednesday, March 2, 2005, at 04:29 AM, john wrote: Hello, Still working on that photo gallery. :) I found a site that helped me in creating a photo gallery I like, but I need to put a hover on the thumbnails so that the user knows where they are. I'd like to have it change the opacity, but a) I'm not sure how accepted that is amongst the browsers and b) if it is, I'm sure how to do it, or where to place it in my CSS. Can anybody please assist me? The site is at http://www.drzeus.net/clients/stevierays/gallery.html Thanks, good people! BTW, in seeing the statistics of our subscribers, I was pleasantly surprised to see 6 of us in Portugal. :) While I'm not Portuguese (I'm an American), it does my heart good to see people here interested in web standards. -- ~john _ Dr. Zeus Web Development http://www.DrZeus.net content without clutter ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help ** The true measure of ignorance is thinking intelligence is the solution to everything. -ck Chris Kennon Principal ckimedia (www.ckimedia.com) e-mail: ([EMAIL PROTECTED]) blog: (http://thebardwire.blogspot.com/) ph: (619)429-3258 fax: (619)429-3258 ** 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] is rgb(255,255,255) better than #ffffff or white?
I was just reading through the Web authoring standards document at http://www.htmlhelp.com/design/standards.html and I noticed the line Authors MAY use any legal markup to determine document colours, but SHOULD use RGB specifications to do so. Does that mean that hex values or color names are not as good? Why? Alan Trick ** 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] is rgb(255,255,255) better than #ffffff or white?
Alan Trick wrote: I was just reading through the Web authoring standards document at http://www.htmlhelp.com/design/standards.html and I noticed the line Authors MAY use any legal markup to determine document colours, but SHOULD use RGB specifications to do so. Does that mean that hex values or color names are not as good? Why? Alan Trick ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help ** Some standards like WebTV uses RGB format to defne that colors. I notice that all WebTV interfaces, are built using RGB standanrds to define colors. ** 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] is rgb(255,255,255) better than #ffffff or white?
I was just reading through the Web authoring standards document at http://www.htmlhelp.com/design/standards.html and I noticed the line Authors MAY use any legal markup to determine document colours, but SHOULD use RGB specifications to do so. Does that mean that hex values or color names are not as good? Why? I don't understand what is 'legal markup' for colors or what 'RGB specifications' are, but CSS specs don't favor any color notation: http://www.w3.org/TR/CSS21/colors.html http://www.w3.org/TR/CSS21/syndata.html#value-def-color -- regards, Kornel Lesiski ** 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] is rgb(255,255,255) better than #ffffff or white?
G'day
Alan Trick wrote:
I was just reading through the Web authoring standards document at
http://www.htmlhelp.com/design/standards.html and I noticed the line
Authors MAY use any legal markup to determine document colours, but
SHOULD use RGB specifications to do so.
Does that mean that hex values or color names are not as good? Why?
#fff is rgb as well. See http://www.w3.org/TR/CSS1#color-units :
The RGB color model is being used in numerical color
specifications. These examples all specify the same color:
EM { color: #f00 } /* #rgb */
EM { color: #ff } /* #rrggbb */
EM { color: rgb(255,0,0) } /* integer range 0 - 255 */
EM { color: rgb(100%, 0%, 0%) } /* float range 0.0% - 100.0% */
The format of an RGB value in hexadecimal notation is a '#'
immediately followed by either three or six hexadecimal characters
I see nothing there that says we *have to* use the long-winded
rgb(255,255,255) approach.
Regards
--
Bert Doorn, Better Web Design
http://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] navigation using arrows for location
On Wed, 2 Mar 2005 09:18:18 +1100, Peter Ottery [EMAIL PROTECTED] wrote: so I've designed myself a nice looking navigation scheme that displays visually whereabouts you are within a site. That's pretty. Pretty smart stuff. Now I just need to work out how to sort out the css :) I've some things in my head. Give it a shot, and if you don't succeed, don't hesitate to ask. -- Cheers, Rob. http://zooibaai.nl | http://digital-proof.org | http://chancecube.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] [XSL] apply-template on multiple modes?
Hi :-) I just read the part of the XSL specification about modi on templates but I have a probably quite stupid question: Is it somehow possible to call-template ALL templates, no matter what mode they have set? Or as an alternative: Is it somehow possible to use wildcards in a call-template call? For example if you have variable templates you want to get called: -- xsl:template name=plugin_test1 priority=1 hello /xsl:template -- and -- xsl:template name=plugin_test2 priority=2 world /xsl:template -- So that you could call them for example with something like -- xsl:call-template name=plugin_*/ -- I'm sorry, if this is really a stupid question, but it's not my day :-) MfG, Horst Gutmann ** 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] Site Review Please
On Wed, 2 Mar 2005 06:01:06 -0500, Levi [EMAIL PROTECTED] wrote: Standards advice is free. But I charge for site reviews. Ha ha ha. I guess my wording was a little bad there. I am not looking for anything like a movie review. more like a To examine with an eye to criticism or correction type review. Or in your words, Standards advice. -levi For some information on standards, and details on why standards matter, visit The Web Standards Project http://www.webstandards.org/ ; and A List Apart http://www.alistapart.com/, an excellent online magazine for Web designers. Regards, David -- de gustibus non est disputandum http://www.dlaakso.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] opacity as a hover for photo gallery thumbnails
On Wed, 02 Mar 2005 12:29:19 +, john [EMAIL PROTECTED] wrote: Hello, Still working on that photo gallery. :) I found a site that helped me in creating a photo gallery I like, but I need to put a hover on the thumbnails so that the user knows where they are. I'd like to have it change the opacity, but a) I'm not sure how accepted that is amongst the browsers and b) if it is, I'm sure how to do it, or where to place it in my CSS. Can anybody please assist me? The site is at http://www.drzeus.net/clients/stevierays/gallery.html Looks good, from http://www.stunicholls.myby.co.uk/I assume? On that same site you may find what you need regarding opacity: however, I'm really not sure it is necessary-- you only have a few photos, and it's obvious what's where, and been seen. Regards, David -- de gustibus non est disputandum http://www.dlaakso.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] opacity as a hover for photo gallery thumbnails
Thanks for pointing out the obvious to me (seriously) regarding looking on his site. :) I know it may be unnecessary, but I'd like to put a hover on them anyway. Try as I might to understand the CSS better, it's still unclear to me how to properly put a hover on the thumbnails. I've tried so many things that it's a jumble in my mind now...but it seems like if I increase the border on the thumbs (for the hover), they all shift their position. Other things I've tried seems to affect the main photo itself. I really could use some tips on this so I can finish it. ~john _ Dr. Zeus Web Development http://www.DrZeus.net content without clutter on 3/2/2005 4:01 PM David Laakso said the following: On Wed, 02 Mar 2005 12:29:19 +, john [EMAIL PROTECTED] wrote: Hello, Still working on that photo gallery. :) I found a site that helped me in creating a photo gallery I like, but I need to put a hover on the thumbnails so that the user knows where they are. I'd like to have it change the opacity, but a) I'm not sure how accepted that is amongst the browsers and b) if it is, I'm sure how to do it, or where to place it in my CSS. Can anybody please assist me? The site is at http://www.drzeus.net/clients/stevierays/gallery.html Looks good, from http://www.stunicholls.myby.co.uk/I assume? On that same site you may find what you need regarding opacity: however, I'm really not sure it is necessary-- you only have a few photos, and it's obvious what's where, and been seen. Regards, David ** 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] opacity as a hover for photo gallery thumbnails
john wrote: I know it may be unnecessary, but I'd like to put a hover on them anyway. Try as I might to understand the CSS better, it's still unclear to me how to properly put a hover on the thumbnails. I've tried so many things that it's a jumble in my mind now...but it seems like if I increase the border on the thumbs (for the hover), they all shift their position. Other things I've tried seems to affect the main photo itself. I really could use some tips on this so I can finish it. Didn't look too much into it, but a simple hover-effect can be created by adjusting both margins and border on hover. 1: by making the basic 3px margin into this: margin-width: 2px 4px 4px 2px; on hover, you'll get a noticeable shift of that particular image 1px up and 1px left, that doesn't affect the position of any other image. 2: changing the color and/or width of the border in a similar way, on all four sides, may also give the right effect. Just count the total width and height of each image, with border and margin (83px by 58px), and play around within that exact space. regards Georg -- http://www.gunlaug.no ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] wildcards in css selectors?
a[href=http://www.foobar.com*] or a[href=*filename*] CSS3 has ^= selector. (Look it up in http://www.alistapart.com/articles/goingtoprint/ ...) -- Jan Brasna aka JohnyB :: www.alphanumeric.cz | www.janbrasna.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] wildcards in css selectors?
It appears that gecko doesn't support that yet. I guess I'll have to wait. Jan Brasna wrote: a[href=http://www.foobar.com*] or a[href=*filename*] CSS3 has ^= selector. (Look it up in http://www.alistapart.com/articles/goingtoprint/ ...) ** 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] wildcards in css selectors?
It appears that gecko doesn't support that yet. I guess I'll have to wait. Exactly. -- Jan Brasna aka JohnyB :: www.alphanumeric.cz | www.janbrasna.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] validation logos - kitemarks?
I like that idea. This is kind of off topic but to you think that validation logos should open in a new window, or not. Opening in a new window keeps people from leaving the site, but popups are anoying and generally frowned upon. designer wrote: - Original Message - From: Andy Budd [EMAIL PROTECTED] To: wsg@webstandardsgroup.org Sent: Monday, February 28, 2005 9:59 AM Subject: Re: [WSG] validation logos - kitemarks? I think most people put validation logos on their sites for peers. This is often just vanity/showing off. However other web developers do click these logos and report back if they find problems, so they can have their benefits. I know, I know, we should al make sure our pages validate when they have been changes, but sometimes it's easy to forget, especially as most of the time it's not relay mission critical. Andy Budd I have today knocked up a 'logo' which links to this group's spiel about standards, and put it on my business web site. Just an experiment, of course. . . If you want to see it, go to the link in my signature (below), pick the html version and it's on the opening page. Bob McClelland, Cornwall (U.K.) www.gwelanmor-internet.co.uk ** 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] opacity as a hover for photo gallery thumbnails
I need to put a hover on the thumbnails so that the user knows where
they are. I'd like to have it change the opacity, but a) I'm not sure
how accepted that is amongst the browsers
Modern Gecko supports the standard opacity:#.#; property.
Previous Gecko supports -moz-opacity:#.#; in the same way.
Safari/Konquerer supports -khtml-opacity:#.#; in the same way.
Win IE 5.0+ supports filter:alpha(opacity=##);
Win IE 5.5+ supports
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=##);
#.# is a float between 0 (transparent) and 1 (opaque).
## is a float between 0 (transparent) and 100 (opaque). So for IE,
multiply your opacity by 100.
Mac IE is out. I believe all Opera 7 is out.
This means 98% of the typical audience will support one form or another
of CSS-based opacity settings, but only 3-5% will support the standard.
But typically, specific audiences are atypical. Use your own stats.
and b) if it is, I'm sure how to do it, or where to place it in my CSS.
For your setup, I should think this would work:
#thumbs a {
filter:alpha(opacity=80);
-moz-opacity:0.8;
-khtml-opacity:0.8;
opacity:0.8;
}
#thumbs a:hover {
filter:alpha(opacity=100);
-moz-opacity:1;
-khtml-opacity:1;
opacity:1;
}
I've heard that some opacity engines switch off when the image is fully
transparent or opaque, and sometimes there is a little flicker at that
point. The workaround is to not set 0 or 1, but rather 0.0001 and
0..
--
Ben Curtis : webwright
bivia : a personal web studio
http://www.bivia.com
v: (818) 507-6613
**
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list getting help
**
Re: [WSG] wildcards in css selectors?
On Wed, 02 Mar 2005 13:40:10 -0500, Alan Trick [EMAIL PROTECTED] wrote: It appears that gecko doesn't support that yet. I guess I'll have to wait. Gecko( mozilla1.7/firefox) and khtml(konqueror3.3.2) has support for the different attribute selectors E[foo~=bar], E[foo^=bar], E[foo$=bar], E[foo*=bar] Did a quicktest, sure the example could have been better, but it will do as a quick test ;) http://test.9ls.org/css-examples/selectors.html ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
RE: [WSG] validation logos - kitemarks?
Alan Trick mailto:[EMAIL PROTECTED] on Wednesday, March 02, 2005 10:55 AM said: This is kind of off topic but to you think that validation logos should open in a new window, or not. Opening in a new window keeps people from leaving the site, but popups are anoying and generally frowned upon. Pop ups are different from a link opening in a new window once clicked. Chris. ** 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] is rgb(255,255,255) better than #ffffff or white?
Does that mean that hex values or color names are not as good? Why? I think it's the color names that are being shunned here, isn't it? rgb(255,255,255) and #ff and #fff are all RGB colour specs, but white isn't. Have You Validated Your Code? John Horner(+612 / 02) 9333 3488 Senior Developer, ABC Online http://www.abc.net.au/ ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] opacity as a hover for photo gallery thumbnails
At 04:29 AM 3/2/2005, john wrote:
Still working on that photo gallery. :) I found a site that helped me in
creating a photo gallery I like, but I need to put a hover on the
thumbnails so that the user knows where they are. I'd like to have it
change the opacity, but a) I'm not sure how accepted that is amongst the
browsers and b) if it is, I'm sure how to do it, or where to place it in
my CSS.
John,
I can think of two ways to create the effect you're looking for:
1) Overlay your thumbnail with a screen -- a checkerboard of opaque pixels
on a transparent background. (The effect varies dramatically with the
pixel hue shade.) In order to get this to overlay the thumbnail you'd
need an extra element in your markup (an extra anchor to accommodate IE
which doesn't honor :hover on anything else) to lie on top of the
image. Here's my guess at the code:
div class=thumbframe
img src=something.jpg /
a class=screen href=#/a
/div
div.thumbframe
{
position: relative; /* to contain the absolute child */
}
div.thumbframe img
{
width: 150px;
height: 100px;
}
div.thumbframe a.screen:hover
{
display: block;
position: absolute;
top: 0;
width: 150px; /* same as thumbnail size */
height: 100px; /* same as thumbnail size */
background-image: url(screen.jpg);
}
2) Swap the thumbnail with a modified version. Duplicating the number of
thumbnails can be an eye-roller -- for you it means managing twice as many
images and for the user it means waiting for those additional
downloads. One way around this is to combine both the normal and
hover-state thumbnail in the same image file, likely to be less than twice
the size of a single thumb. On hover, change the position of the photo
within its frame so that the modified half comes into view. Done with CSS,
this means either making the thumbnail the background image of its frame
and changing its background-position on hover, or placing a foreground
image into a frame set to overflow: hidden and then changing the photo's
margins to shift the normal thumb out and its Siamese twin into view.
Paul
**
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list getting help
**
Re: [WSG] [XSL] apply-template on multiple modes?
Horst Gutmann wrote: Hi :-) I just read the part of the XSL specification about modi on templates but I have a probably quite stupid question: Is it somehow possible to call-template ALL templates, no matter what mode they have set? I'm pretty sure that only one template can be used at any given level. You can match elements and in in a separate template match attributes, but it always comes down to one template at one point. If you're trying to cascade the results of one to the next you'd need to manually specify it (call the second template within the first). Same goes for having results side-by-side of the same input passed to each plugin_test*, you'd need to manually name them. So I guess at some point you could call all the templates and just pass in a copy of the current node. Eg, (I haven't tested this code, there's probably a few typos) xsl:template match=/ root xsl:call-template name=plugin_test1 xsl:with-param name=dataxsl:copy-of//xsl:with-param /xsl:call-template xsl:call-template name=plugin_test2 xsl:with-param name=dataxsl:copy-of//xsl:with-param /xsl:call-template /root /xsl:template xsl:template name=plugin_test1 priority=1 xsl:param name=data/ hello /xsl:template xsl:template name=plugin_test2 priority=2 xsl:param name=data/ world /xsl:template When you call a named template it can't even be based on a name defined in a variable, so wildcards are certainly out. Generally when I'm trying to match for some naming convention (like plugin_test1 through to plugin_test) it's easier to do it in two stages... make the result of the 1st XSLT another XSLT that names all the plugins, and then apply that. That way the 2nd stage XSLT is static (so far as the processor is concerned) but it adjusts. .Matthew Cruickshank http://holloway.co.nz/phpilfer xslt php framework that's looking for developers ** 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] Mac (IE5.2 + Safari) users: please could you check...
Hi all, I've been reading this superb list (off and on) for a while now, but typically, the first time that I speak up is to ask for something!! I've set up a (currently rather small) site dedicated to a rather interesting aspect of the early days of football (soccer, to those who's football's played with the hands!!) - OK I *say* interesting, it *is* to a football geek like me, but that's not really the point. I have tested the site with the usual PC browsers (IE4, IE5, IE5.5, IE6, Firefox, Opera 7, even NN4.7) and I'm reasonably happy, and I've looked at the layout using Browsercam for Safari, IE5.2, Konqueror and Opera 6 and (aside from a bit of trouble in Opera 6) I'm still reasonably happy, but it would be incredibly useful if a couple of 'kind souls' could spare a minute or two to test a couple of aspects of the site requiring user interaction. The two areas that need checking are the 'VIEW COACHES' open/close menu toggle link, and, the 'see example' 'pop-up' help on 'Information' label in the small form at the bottom of the coach pages (the Jimmy Hogan/William Townley/Jack Reynolds pages). I've taken a couple of screen grabs of what they're SUPPOSED to look like as a comparison - see: menu: http://elbombin.stuarthomfray.co.uk/menu_beforeAfter.gif coach page info rollover: http://elbombin.stuarthomfray.co.uk/coachespage.png The site url is http://elbombin.stuarthomfray.co.uk/ - if you feel it would be better to contact me directly, please use [EMAIL PROTECTED], and if you feel the need to give anything on there a 'good kicking' in public - maybe the use of an inline style on the toggle link (Opera seems to demand it in order to work correctly) or the use of a clearing div (IE needs one, so using the excellent Easy Clearing float at P.I.E. seemed a bit pointless) - I'm more than happy to take it! I await your responses with bated browser... cheers, Stuart -- === = El Bombin http://elbombin.stuarthomfray.co.uk/ Stuart Homfray http://www.stuarthomfray.co.uk/ === ** 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] PLEASE HELP! No scroll bars in IE, and floats funky in IE as well (grrrrr .... I'm hating IE right now!)
Everything is cool in FireFox (of course) but no scroll bars in IE at all! Please help Im supposed to upload this for my client TODAY. THANK YOU Problem page: http://www.manisheriar.com/livewrong/index.htm CSS: http://www.manisheriar.com/livewrong/css/liveWrong.css Oh, and while youre poking around in there, can anyone tell me why my product divs arent floating correctly on the Products page (http://www.manisheriar.com/livewrong/products.htm). To see how they should be, just view in FireFox. The two coming soon sections and the view cart image should be up to the right of the bracelet section, not below it. Thanks again!! Mani Sheriar Sheriar Designs | www.ManiSheriar.com 925|914.0741 ** 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] PLEASE HELP! No scroll bars in IE, and floats funky in IE as well (grrrrr .... I'm hating IE right now!) UPDATE: floats fixed
Got the Product div stuff figured out (had to do with applying display:inline to the form which contained the add to cart paypal image). But still desperately need the scrollbar help! Thanks! Mani Sheriar Sheriar Designs | www.ManiSheriar.com 925|914.0741 image001.gif
[WSG] Job opportunity: Sydney Australia - Optus
Please do not reply to this post. Job opportunity: Sydney Australia - Optus -- POSITION DESCRIPTION -- 3 month contract with possible extension available. Reporting to the Senior Designer, the Web Designer will be joining the Wireless Applications Services team where our response rates will quick and demanding! We need a remarkable Web Designer who will be responsible for coding standards based sites for web and mobile. The web designer should be very proficient with XHTML/CSS design and development. You must demonstrate proficiency and experience in designing/developing valid XHTML websites using CSS in a table-less layout. -- QUALIFICATIONS -- *2-3 years professional experience as a Web designer; *Must be able to demonstrate solid experience with hand coding: HTML/XHTML, CSS; JavaScript. *Fast learner of additional design software/programming languages if needed; *Candidates must have a portfolio of sites created with description of role in project; *Must be able to work independently and as part of a team; *Able to meet tight deadlines and resolve problems; *Good organizational skills and Attention to detail a must; *Knowledge of relevant W3C standards and the requirements for building valid cross browser semantic markup a plus; -- BONUS SKILLS -- * XML/XSL * Familiarity with basic unix * Photoshop / Illustrator / Flash -- PLEASE NOTE -- Only candidate that provide a portfolio of sites that clearly demonstrate an advanced knowledge and experience with XHTML/CSS will be accepted. Send CV Portfolio to colm.walsh AT optus.com.au (substitute AT with @) ** 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] PLEASE HELP! No scroll bars in IE, and floats funky in IE as well (grrrrr .... I'm hating IE right now!) UPDATE: floats fixed
It is the position:relative in the below that is
preventing the scroll bar. Try putting it in the body.
*
{margin:0;padding:0;position:relative;}
From: [EMAIL PROTECTED]
[mailto:[EMAIL PROTECTED] On Behalf Of Mani
SheriarSent: Thursday, 3 March 2005 10:24 AMTo:
wsg@webstandardsgroup.orgSubject: RE: [WSG] PLEASE HELP! No scroll
bars in IE, and floats funky in IE as well (gr I'm hating IE right
now!) UPDATE: floats fixed
Got the Product div
stuff figured out (had to do with applying display:inline to the form which contained the add to cart paypal
image). But still desperately need
the scrollbar help!
Thanks!
Mani
SheriarSheriar Designs |
www.ManiSheriar.com925|914.0741
image001.gif
Re: [WSG] [XSL] apply-template on multiple modes?
Is it somehow possible to call-template ALL templates, no matter what mode they have set? Are you sure you want use call-template? I have done a lot of XSLT and have only ever used call-template when calling a specific template, so your request sounds a little strange. Have you tried using apply-templates? So that you could call them for example with something like xsl:call-template name=plugin_*/ Wilcards are definitely not permitted, and the sample you've provided will not only not work, but it will throw an error. (The W3C spec stipulates the name value must be a QName, or qualified name, which restricts you to a limited set of charcters.) woric ** 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] opacity as a hover for photo gallery thumbnails
On Mar 2, 2005, at 11:05 AM, Ben Curtis wrote: Safari/Konquerer supports -khtml-opacity:#.#; in the same way. Behold the march of progress! It appears that Safari now supports the standard opacity:#.#; call, even though it is not listed here: http://developer.apple.com/internet/safari/safari_css.html Just ran a test and turned off the -khtml-opacity and the thing was still transparent. v1.2.4. Not sure when it got added. -- Ben Curtis : webwright bivia : a personal web studio http://www.bivia.com/ v : 818 507 6613 ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
[WSG] Parent Selectors
I trying do solve a selector (see
http://css.maxdesign.com.au/selectutorial/selectors_type.htm) that I'm
not sure can even be solved (without changes to my HTML)
I am using a bottom border on links for easier reading (compared with
underlines), but only want the border to appear on text links - not
images. Is there a why to set the style on a parent ('a') when you know
what the child is ('img')?
HTML:
img src=icon.png title=Image alone style=width:20px;height:20px
/
a href=nowhere.html title=Link aloneLone link/a
a href=somewhere.html title=Link imageimg src=icon.png
title=Image alone style=width:20px;height:20px //a
CSS:
a {
text-decoration: none;
border-bottom: thin solid black; /* easier to read as does not cut
through g's, y's, etc */
}
img {
margin: 0;
border: thin solid black;
}
PS. Mac OSX users coding in Dreamweaver might want to try
http://www.skti.org/. I started using t last week and have not looked
back.
**
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] Parent Selectors
how about
a img {
...
}
though i'd rather see
#nav a img {
...
}
See for more info ---
http://www.westciv.com/style_master/academy/css_tutorial/selectors/descendant_selectors.html
Cheers
Chris
RMW Web Publishing wrote:
I trying do solve a selector (see
http://css.maxdesign.com.au/selectutorial/selectors_type.htm) that I'm
not sure can even be solved (without changes to my HTML)
I am using a bottom border on links for easier reading (compared with
underlines), but only want the border to appear on text links - not
images. Is there a why to set the style on a parent ('a') when you
know what the child is ('img')?
HTML:
img src=icon.png title=Image alone style=width:20px;height:20px /
a href=nowhere.html title=Link aloneLone link/a
a href=somewhere.html title=Link imageimg src=icon.png
title=Image alone style=width:20px;height:20px //a
CSS:
a {
text-decoration: none;
border-bottom: thin solid black; /* easier to read as does not cut
through g's, y's, etc */
}
img {
margin: 0;
border: thin solid black;
}
PS. Mac OSX users coding in Dreamweaver might want to try
http://www.skti.org/. I started using t last week and have not looked
back.
**
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] Parent Selectors
Um.. Sorry I see what you are trying to do now.. I read that a bit too
fast the first time ...
Good question!
Chris Blown wrote:
how about
a img {
... }
though i'd rather see
#nav a img {
...
}
See for more info ---
http://www.westciv.com/style_master/academy/css_tutorial/selectors/descendant_selectors.html
Cheers
Chris
RMW Web Publishing wrote:
I trying do solve a selector (see
http://css.maxdesign.com.au/selectutorial/selectors_type.htm) that
I'm not sure can even be solved (without changes to my HTML)
I am using a bottom border on links for easier reading (compared with
underlines), but only want the border to appear on text links - not
images. Is there a why to set the style on a parent ('a') when you
know what the child is ('img')?
HTML:
img src=icon.png title=Image alone
style=width:20px;height:20px /
a href=nowhere.html title=Link aloneLone link/a
a href=somewhere.html title=Link imageimg src=icon.png
title=Image alone style=width:20px;height:20px //a
CSS:
a {
text-decoration: none;
border-bottom: thin solid black; /* easier to read as does not
cut through g's, y's, etc */
}
img {
margin: 0;
border: thin solid black;
}
PS. Mac OSX users coding in Dreamweaver might want to try
http://www.skti.org/. I started using t last week and have not looked
back.
**
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list getting help
**
**
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list getting help
**
**
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list getting help
**
Re: [WSG] Parent Selectors
At 09:34 PM 3/2/2005, RMW Web Publishing wrote:
I am using a bottom border on links for easier reading (compared with
underlines), but only want the border to appear on text links - not
images. Is there a why to set the style on a parent ('a') when you know
what the child is ('img')?
I believe the direct answer is no -- you can't style a parent based on the
type of child it has.
See W3C CSS 2.1 specification 5 Selectors 5.1 Pattern matching
http://www.w3.org/TR/CSS21/selector.html#q1
But in this case, I don't think you have to. If an image is the only thing
inside a hyperlink, why not simply remove your border from any image whose
parent is an anchor?
a
{
text-decoration: none;
border-bottom: thin solid #000;
}
a img
{
border-bottom: none;
}
Paul
**
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list getting help
**
Re: [WSG] Parent Selectors
RMW Web Publishing wrote:
Is there a why to set the style on a parent ('a') when you know what
the child is ('img')?
No. And this is why CSS selectors suck and the W3C should have used
XPath (maybe with some syntactic sugar so you didn't need to type
descendant-or-self all the time to get all child nodes).
.Matthew Cruickshank
http://holloway.co.nz/
**
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list getting help
**
