[WSG] XHTML Gallery background changes by rollover
Dear online friends, I need to make an effect that use to be very simple in HTML to my new XHTML strict pages of new development websites. I have before used a iframe where i rollvoer icons inside the iframe pages, i feel that this was the worst solution but i used it. I will now start to develop some new websites and i need the effect of the similarity to gallery rollover but i do not want to use iframes in this case, i want to try out some tricky XHTML instead... There must be a solution for this guys??? i have tried to search to find online but i have not succed yet.. Anything that will look similar to www.villadeloulia.gr photogallery... Please anyone Michael ** 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] XHTML Gallery background changes by rollover
On 23/5/2006, Michael Persson [EMAIL PROTECTED] wrote: Dear online friends, I need to make an effect that use to be very simple in HTML to my new XHTML strict pages of new development websites. I will now start to develop some new websites and i need the effect of the similarity to gallery rollover but i do not want to use iframes in this case, i want to try out some tricky XHTML instead... Hi Michael, I would suggest you look at Eric Myer's website, here: http://www.meyerweb.com/eric/css/edge/popups/demo2.html That should give you the information you need. Cheers, Mathew Patterson http://signal7.com.au http://designersinhouse.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: SPAM-LOW: RE: SPAM-LOW: RE: [WSG] Floats not working right in IE6 - can you help me find out why?
Thanks Peter, but the only 12 errors on the page are repeated p tags or the placement of them in the wrong place (i.e in the middle of a paragraph). I cant see how that could be causing the problem of a difference between IE6 and Firefox on this home page of the site. IF anyone still feels like taking a look, the staging site is at http://incheckdb.com and the CSS is at http://dev.hgsa/css/hgsaHomePage.css I guess unless the code is perfect in every respect (a sheer impossibility) I have to work this out for myself. Thanks to everyone else who have suggested I use a competitor's CMS system (yea right! I spend weeks writing my own, then throw money at a competitor using theirs!!), that I move my hosting somewhere else (yeah right - I'm in the hosting business - I move a profit-making site to a competitor and pay them MY money to do it??), that I pick a different way to specify font sizes , that I change the colours ( it took us weeks to get the approval of the client on the design - I'm not going around that loop all over again). I know you're all trying to be helpful, and for that I'm very grateful, but you'll be much more helpful if you just try to answer the question I'm asking. I just need some help looking for the cause of this problem. Cheers Mike Kear Windsor, NSW, Australia Macromedia Certified Advanced ColdFusion Developer AFP Webworks Pty Ltd http://afpwebworks.com Full Scale ColdFusion hosting from A$15/month -Original Message- From: listdad@webstandardsgroup.org [mailto:[EMAIL PROTECTED] On Behalf Of Peter Williams Sent: Tuesday, 23 May 2006 4:50 PM To: wsg@webstandardsgroup.org Subject: SPAM-LOW: RE: SPAM-LOW: RE: [WSG] Floats not working right in IE6 - can you help me find out why? From: Michael Kear There are always dozens of errors in content entered by the client. So do you think that might be the cause of the problem in IE but not in Firefox? I don't know what is causing it, but till you have ironed out the bugs in your markup it's a a bit hard to know what to look for. -- Peter Williams ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help ** -- No virus found in this incoming message. Checked by AVG Free Edition. Version: 7.1.392 / Virus Database: 268.7.0/345 - Release Date: 22/05/2006 ** 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] Multiple columns
Hi Angus, Visually Insane Genetically Modified Organism wrote: This might be off topic so please reply to [EMAIL PROTECTED] I am working on converting a calendar that fits my needs a little closer and What I understand to be a simpler code that probably will work in browsers from IE 5.x and up. Is the following code the best way to make multiple columns? ul li scope=col abbr=Sunday title=SundayS/li li scope=col abbr=Monday title=MondayM/li li scope=col abbr=Tuesday title=TuesdayT/li li scope=col abbr=Wednesday title=WednesdayW/li li scope=col abbr=Thursday title=ThursdayT/li li scope=col abbr=Friday title=FridayF/li li scope=col abbr=Saturday title=SaturdayS/li /ul Angus MacKinnon I think you'll find that most folk would be happy to consider 'calendar data' as 'tabular' date, and you'll find lots of table-based calendars if you Google. It's personal taste I suppose. -- Best Regards, Bob McClelland Cornwall (UK) 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 **
[WSG] div#links, or #links?
In a different context, Mathew Patterson wrote:
I would suggest you look at Eric Myer's website, here:
http://www.meyerweb.com/eric/css/edge/popups/demo2.html
I've noticed before that Mr Meyer quite often uses stuff like:
[1] div#links a:hover img {position: absolute; etc.
whereas I would just say :
[2] #links a:hover img {position: absolute; etc.
Given that Eric Mayer is one smart guy, and I am not ( :-) ), I find myself being intrigued as to why he does this. Is there a reason?
Does the preceding 'div' actually do anything, or is it simply saying that it's the id of a div, as opposed to an id of something other than a div???
Anyone?
--
Best Regards,
Bob McClelland
Cornwall (UK)
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] div#links, or #links?
Designer wrote:
I've noticed before that Mr Meyer quite often uses stuff like:
[1] div#links a:hover img {position: absolute; etc.
whereas I would just say :
[2] #links a:hover img {position: absolute; etc.
I find myself being intrigued as to why he does this. Is there a reason?
There are several possible reasons:
1. Increase the specificity.
2. Differentiate between the id used on a div element and on, for
example, a ul element. (The same ID may be used on a different element
on a different page using the same stylesheet)
e.g. page 1 uses: div id=links
page 2 uses: ul id=links
(Just assume there would be a semantic reason for using a different
element on different pages)
3. It may just be an authoring convention.
--
Lachlan Hunt
http://lachy.id.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
**
[WSG] Faux Columns sorted!
Hey all again I finally get the whole faux columns idea, seems a stupid way and in this day and age youd expect we could do something as simple, but alas were still learning! Ive had many off-list and on-list e-mails with ideas, encouragement and tips. Many thanks to everyone on the list your all as good as people say! I only come back with one question so far, someone mentioned in the XHTML code put the content div at the top above the other divs to display that text for search engines. When I do this it then messes up the layout of the webpage, I guess I need to use the CSS to define where it has to go, but Im a bit overwhelmed with all the absolute, fixed, float etc definitions for the positioning. If someone can give an answer or point me in the direction for some information I would be greatly appreciative! Thanks, David Moyle e: [EMAIL PROTECTED]
RE: [WSG] Floats not working right in IE6 - can you help me find out why?
Michael Kear wrote: My new site is not displaying correctly in IE6, but working fine in Firefox http://incheckdb.com http://incheckdb.com/ The Around the site box at the bottom should be almost touching the left side underneath the main nav menu (and it does in Firefox) but doesn't. page:http://incheckdb.com http://incheckdb.com/ style sheet: http://dev.hgsa/css/hgsaHomePage.css Hi Michael, Unfortunately, IE6 loves to contain floats, so it won't allow div#aroundthesite to escape from div#content - this happens here in IE7b2 v7.0.5346.5 (let's get specific!) too. As far as I can see, you have three options: 1. Live with it(!) 2. Remove the div#content container altogether and set left margins equivalent to the float width to prevent the parts of the page you *don't* wish to wrap under the nav from doing so 3. Move the div#aroundthesite container out of the div#content container As far as I can see, I'm afraid that changing the markup is your only option here - I can't see a CSS solution. At least, if you decide to amend the output from your CMS, you can fix the extraneous font tags too ;) cheers, Stuart ** 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] Floats not working right in IE6 - can you help me find out why?
Michael Kear wrote:
The content of the page is flowing around the menu (which is inside
the content div and floated left) in Firefox, but isn't flowing in
IE.
So see what I mean, go to http://incheckdb.com
http://incheckdb.com/ The Around the site box at the bottom
should be almost touching the left side underneath the main nav menu
(and it does in Firefox) but doesn't.
http://incheckdb.com http://incheckdb.com/
Adding...
#content {height: auto!important;}
...solves it, so it looks like you have given a 'hasLayout'[1] trigger
to that container, and _it_ is causing the problem in IE. Overriding or
deleting that trigger will make IE behave like the other browsers.
Georg
[1]http://www.satzansatz.de/cssd/onhavinglayout.html
--
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
**
[WSG] CSS is dead... use markup for presentation.
sarcastic pony Looks like most efforts towards separation of content and presentation may cause severe accessibility-failures[1] in the future. Looks like there will be no need/use for valid markup either - according to the latest WGAC 2.0 draft. Ref: article on ALA[2]. Time to go back to presentational markup - before some /body/ at W3C forces us into doing so? :-) /sarcastic pony Oh, well... it looks like all those W3C /bodies/ are pretty busy trying to make each other, and standard-based web design, irrelevant. Which parts/paths do you think we should choose to follow? Seriously Georg [1]http://www.w3.org/TR/WCAG20-TECHS/#F1 [2]http://www.alistapart.com/articles/tohellwithwcag2 -- 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] CSS is dead... use markup for presentation.
From: Gunlaug Sørtun [EMAIL PROTECTED] sarcastic pony Looks like most efforts towards separation of content and presentation may cause severe accessibility-failures[1] in the future. Looks like there will be no need/use for valid markup either - according to the latest WGAC 2.0 draft. Ref: article on ALA[2]. Time to go back to presentational markup - before some /body/ at W3C forces us into doing so? :-) /sarcastic pony Oh, well... it looks like all those W3C /bodies/ are pretty busy trying to make each other, and standard-based web design, irrelevant. Which parts/paths do you think we should choose to follow? It's hard to tell who the good guys are :-) http://wcagsamurai.org/ -- Al Sparber PVII http://www.projectseven.com Designing with CSS is sometimes like barreling down a crumbling mountain road at 90 miles per hour secure in the knowledge that repairs are scheduled for next Tuesday. ** 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 is dead... use markup for presentation.
That didn't take long, at least its compliant HTML :P I'll sit it out and see what the professionals say. Thanks, David Moyle e: [EMAIL PROTECTED] -Original Message- From: listdad@webstandardsgroup.org [mailto:[EMAIL PROTECTED] On Behalf Of Al Sparber Sent: Tuesday, 23 May 2006 10:08 PM To: wsg@webstandardsgroup.org Subject: Re: [WSG] CSS is dead... use markup for presentation. From: Gunlaug Sørtun [EMAIL PROTECTED] sarcastic pony Looks like most efforts towards separation of content and presentation may cause severe accessibility-failures[1] in the future. Looks like there will be no need/use for valid markup either - according to the latest WGAC 2.0 draft. Ref: article on ALA[2]. Time to go back to presentational markup - before some /body/ at W3C forces us into doing so? :-) /sarcastic pony Oh, well... it looks like all those W3C /bodies/ are pretty busy trying to make each other, and standard-based web design, irrelevant. Which parts/paths do you think we should choose to follow? It's hard to tell who the good guys are :-) http://wcagsamurai.org/ -- Al Sparber PVII http://www.projectseven.com Designing with CSS is sometimes like barreling down a crumbling mountain road at 90 miles per hour secure in the knowledge that repairs are scheduled for next Tuesday. ** 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 is dead... use markup for presentation.
Which parts/paths do you think we should choose to follow? As enlightend/informed developers we continue doing what we've been doing. WCAG 2.0 won't make accessible design suddenly inaccessible. A different but related question is which path should we be advising the less enlightened/informed to follow? As it stands WCAG 2.0 will scare even more people away from web accessibility IMHO. Dan This email and any attachments have been scanned for viruses prior to leaving Clackmannanshire Council. Clackmannanshire Council will not be liable for any losses as a result of viruses being passed on. www.clacksweb.org.ukNÇ.²È¨X¬µú+Ûiÿü nËZÖ«vÈ+¢êh®Òyèm¶ÿÁæ쵩Ýj·lº.¦àþf¢ø.×¥w¬qù¢»(èbÛ(,¶)à¶azX¬¶¶)à éi
Re: [WSG] Floats not working right in IE6 - can you help me find out why?
Gunlaug Sørtun wrote:
Michael Kear wrote:
The Around the site box at the bottom
should be almost touching the left side underneath the main nav menu
(and it does in Firefox) but doesn't.
http://incheckdb.com http://incheckdb.com/
Adding...
#content {height: auto!important;}
...solves it,
Ignore *my* previous response about adjusting the markup (either
removing div#content, or moving div#aroundthesite out of div#content) -
Georg, I bow before you!! :)
[Note that if my previous mail hasn't made the list yet - and it hasn't
here - this message may seem a little weird!]
-Stuart
**
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] cool flash with transparency???
HI guys, There is a very nice thing in this flash movie link where a woman zooms in and have a transparency where her hair is transparent and shows the background... anyone knows how it is done in flash?? or is it maybe director shockwave?? http://www.vente-privee.com/demo/PSSSY1/flash/lapage.html?URL=http://vp4.net/[EMAIL PROTECTED] Michael ** 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 is dead... use markup for presentation.
Which parts/paths do you think we should choose to follow? As enlightend/informed developers we continue doing what we've been doing. WCAG 2.0 won't make accessible design suddenly inaccessible. No, but it might make it fail WCAG 2.0, as using any form of layout where the onscreen flow doesn't mirror the html flow is a big no no. I know that's something I do from time to time, and there 's always a good accability reason, but apparently W3C knows better than me about my sites. Of course I could be using tables and they wouldn't mind because then the html and onscreen structures would match. ** 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 is dead... use markup for presentation.
Al Sparber wrote: It's hard to tell who the good guys are :-) http://wcagsamurai.org/ In principle, it's a very good idea for the community to begin addressing accessibility issues and the serious problems with WCAG 2.0 themselves, but my main concern with the the WCAG Samurai is this: | ... another thing we’re not going to do is run a totally open | process. It’s a viable model for standards development, one I | have championed in another context, but in web accessibility | it is proven not to work. -- http://www.alistapart.com/articles/tohellwithwcag2 | WCAG Samurai will toil in obscurity for the foreseeable future. | Membership rolls will not be published, and membership is by | invitation only. -- http://wcagsamurai.org/ While I do have the utmost respect for Joe Clark and the other invited members (I could be wrong but I expect them to include, among others, Gez Lemon, John Foliot and Gian Sampson-Wild), but working on this behind closed doors seems like a huge mistake to me. In fact, it seems down right hypocritical of Joe to discredit the WCAG 2.0 working group process on the grounds that it and, indeed, the results themselves are inaccessible to a wide audience; only to go ahead and make the WCAG Samurai process inaccessible to, and hidden away from, all but the few invited elite. I will admit, however, it may be too early to pass judgement on the WCAG Samurai right now, and it's only fair that we let them give it a shot. After all, the members are unlikely to be weighed down by absurd corporate interests, but rather have the best interests of both web developers and end users in mind. -- Lachlan Hunt http://lachy.id.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] cool flash with transparency???
On 5/23/06 11:09 AM, Michael Persson [EMAIL PROTECTED] wrote: a transparency where her hair is transparent and shows the background... Off the top of my head, blue screen/alpha trans. But this is Web standards related how? -- Tom Livingston Senior Multimedia Artist Media Logic www.mlinc.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 is dead... use markup for presentation.
Quoting Gunlaug Sørtun [EMAIL PROTECTED]: sarcastic pony Looks like most efforts towards separation of content and presentation may cause severe accessibility-failures[1] in the future. Rubbish. This is no different to the current 1.0 Organize documents so they may be read without style sheets. Badly worded in 2.0, for sure. But the concept is the same. -- Patrick H. Lauke __ re·dux (adj.): brought back; returned. used postpositively [latin : re-, re- + dux, leader; see duke.] www.splintered.co.uk | www.photographia.co.uk http://redux.deviantart.com __ Web Standards Project (WaSP) Accessibility Task Force http://webstandards.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 **
Re: [WSG] cool flash with transparency???
it must be a png -- because it doesnt work in IE -- so I guess that makes it web standards related ;) On 5/23/06, Tom Livingston [EMAIL PROTECTED] wrote: On 5/23/06 11:09 AM, Michael Persson [EMAIL PROTECTED] wrote: a transparency where her hair is transparent and shows the background...Off the top of my head, blue screen/alpha trans. But this is Web standardsrelated how?--Tom Livingston Senior Multimedia ArtistMedia Logicwww.mlinc.com**The discussion list for http://webstandardsgroup.org/See http://webstandardsgroup.org/mail/guidelines.cfmfor some hints on posting to the list getting help** -- Warren Cardinallucid crew512.853.9693 | 901.458.5236
Re: [WSG] CSS is dead... use markup for presentation.
Quoting Jake Badger [EMAIL PROTECTED]: No, but it might make it fail WCAG 2.0, as using any form of layout where the onscreen flow doesn't mirror the html flow is a big no no. *Only* if the different layout *fundamentally changes the meaning of the content*. Don't be hasty to jump to conclusions here... Come on, who wants to argue that moving the navigation to before the content, even though in the markup it comes after the content, changes its meaning? P -- Patrick H. Lauke __ re·dux (adj.): brought back; returned. used postpositively [latin : re-, re- + dux, leader; see duke.] www.splintered.co.uk | www.photographia.co.uk http://redux.deviantart.com __ Web Standards Project (WaSP) Accessibility Task Force http://webstandards.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 **
Re: [WSG] CSS is dead... use markup for presentation.
It does kick in if I'm using tables for layout: The semantics of some elements define whether or not their content is a meaningful sequence. For instance, in HTML, text is always a meaningful sequence. Tables and ordered lists are meaningful sequences, but unordered lists are not. (http://www.w3.org/TR/2006/ WD-UNDERSTANDING-WCAG20-20060427/Overview.html#content-structure- separation-sequence) When a table is used for layout purposes the th element should not be used. Since the table is not presenting data there is no need to mark any cells as column or row headers. Likewise, there is no need for an additional description of a table which is only used to layout content. (http://www.w3.org/TR/WCAG20-TECHS/#N11138) but now I'm just being facetious.However I'd say that is shows how layout tables shouldn't be in there (or at least not at higher levels). On 24/05/2006, at 1:45 AM, Patrick H. Lauke wrote: Quoting Jake Badger [EMAIL PROTECTED]: No, but it might make it fail WCAG 2.0, as using any form of layout where the onscreen flow doesn't mirror the html flow is a big no no. *Only* if the different layout *fundamentally changes the meaning of the content*. Don't be hasty to jump to conclusions here... Come on, who wants to argue that moving the navigation to before the content, even though in the markup it comes after the content, changes its meaning? P -- Patrick H. Lauke __ re·dux (adj.): brought back; returned. used postpositively [latin : re-, re- + dux, leader; see duke.] www.splintered.co.uk | www.photographia.co.uk http://redux.deviantart.com __ Web Standards Project (WaSP) Accessibility Task Force http://webstandards.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 ** ** 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 is dead... use markup for presentation.
At 06:43 AM 5/23/2006, Gunlaug Sørtun wrote:
sarcastic pony
Looks like most efforts towards separation of content and presentation
may cause severe accessibility-failures[1] in the future.
...
[1]http://www.w3.org/TR/WCAG20-TECHS/#F1
My take on this passage is different. The
specific point that section is making is not that
content presentation shouldn't be separated but
instead that a page will be considered invalid if
CSS is used to change the presentational SEQUENCE
of content from what it is in markup. [1]
The text goes on to give an exaggerated example
of list items [marked up unsemantically with DIV
SPAN] marked up out of order and then visually
resequenced into two lists in two columns using
absolute positioning. Presumably, though, this
mandate also applies to everyday changes in
content column sequence using {float: right} etc.
Their logic appears to be that a page is invalid
if markup presentational sequences differ among
users; that the reading experience must be identical for all readers.
I find that premise to be extraordinary. It's as
though the success of mandating architectural
ramps were insufficient and they now required the
removal of stairs so that all users would
experience the same entry into buildings. Am I
inadvertantly being insensitive, or is it over
the top to make a single user experience
normative? Requiring one user experience for all
suggests that different experiences must in some
way be hierarchical, e.g. the visual presentation
superior in some way to the markup sequence. To
the contrary, I commonly see developers marking
up pages one way to be more functional for
speech-browsers and styling them differently to
be more attractive for light-browsers. If the
former functionality is not necessary for sighted
users and the latter aesthetic appeal not
applicable to unsighted users, surely neither
party is missing out on anything they would need
or want and therefore there is no sense in
mandating an identical experience for both groups.
Web pages are of course flexible: there are many
instances in which a page morphs either
structurally or presentationally based on user
action, for example pages of columnar content
which font-resizing can reflow into
vertically-stacked columns. Perhaps the main
purpose of parallel columns of content is to
allow sighted users to select reading points
quickly without having to scroll down
sequentially through the content. Providing an
initial menu of headline links creates a similar
experience for speech-browsers but needn't take
up room in the viewport for light-browsers. Different but similar, yes?
Curiously,
Paul
__
[1] This describes the failure condition that
results when CSS, rather than structural markup,
is used to modify the visual layout of the
content, and the modified layout changes the
meaning of the content. Using the positioning
properties of CSS2, content may be displayed at
any position on the user's viewport. The order in
which items appear on a screen may be different
than the order they are found in the source
document. Assistive technologies rely on the
source code or other programmatically determined
order to render the content in the correct
sequence. Thus, it is important not to rely on
CSS for a visual-only layout which differs from
the source code or programmatically determined reading order.
http://www.w3.org/TR/WCAG20-TECHS/#F1
**
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list getting help
**
[WSG] IE 1PX off problem
I have been looking around for a while trying to solve a little problem I have. I have a background titled in the middle and a container holding 2 divs as columns. Everything works as expected but just with one glitch. When I resize the browser in IE there is a pixel that throws things off, I have read that this is because the distance between the edge of the browser to the middle is handled different by the browsers so is there any solution for this already or is there anyway to compensate for this pixel issue? TIA! helmut
Re: [WSG] XHTML Gallery background changes by rollover
Hi Michael, I am not an expert on this, but I will try to help you showing the way I do it:For example, your icon would be 80px by 80px, you would want to make an image that is 80px by 160px where thetop 80x80 would be your original image and the bottom 80x80 would be your "hover" image, therefore, making your image 80x160. You can put the following icon as a list item with the following css code: Notice the li a:hover contains a background-position of 0px -80px. Basically, when you hover, the background will scoot up, showing the hover part of the image.li a {background: #fff url(../images/someimg.png) no-repeat top left;background-position: 0px 0px;display: block;height: 80px;width: 80px;}li a:hover {background-position: 0px -80px;border: 3px solid
#eeddaa;}This effect is also used on my website if you are interested in taking a look.Minh www.m-tran.netMichael Persson [EMAIL PROTECTED] wrote: Dear online friends,I need to make an effect that use to be very simple in HTML to my new XHTML strict pagesof new development websites. I have before used a iframe where i rollvoer icons inside the iframepages, i feel that this was the worst solution but i used it.I will now start to develop some new websites and i need the effect of the similarity to gallery rolloverbut i do not want to use iframes in this case, i want to try out some tricky XHTML instead...There must be a solution for this guys??? i have tried to search to find
online but i have not succed yet..Anything that will look similar to www.villadeloulia.gr photogallery...Please anyoneMichael**The discussion list for http://webstandardsgroup.org/See http://webstandardsgroup.org/mail/guidelines.cfmfor some hints on posting to the list getting help**
Feel free to call! Free PC-to-PC calls. Low rates on PC-to-Phone. Get Yahoo! Messenger with Voice
Re: [WSG] cool flash with transparency???
Title: Re: [WSG] cool flash with transparency??? On 5/23/06 11:42 AM, Warren Cardinal [EMAIL PROTECTED] wrote: it must be a png -- because it doesnt work in IE -- so I guess that makes it web standards related ;) A PNG inside of a Flash file (.swf) isnt a PNG when it hits the browser. Odd that it doesnt work in IE (sort of ;-) ). We use PNG in Flash a lot. All work as expected in IE. -- Tom Livingston Senior Multimedia Artist Media Logic www.mlinc.com
Re: [WSG] XHTML Gallery background changes by rollover
Dear Minh,
I didnt make myself clear sorry. i need a rollver as a gallery, not a
little icon, yes i know
loading time will scare the users away but its what i need. The problem
is that before
i made it in a iframe where i change the full background on a rollover,
that means i need
to have the controller inside the iframe and THAT i do NOT WANT
I need this option to be like a rollover in a menu where another layer
maybe change and
op top of that i want another many layer to be transparent and while the
images changes
also the many background changes because of the transparency in the
background...
I dont want to use Dreamweaver because normally i write all code by
hand, and i still want
to have the same control...
Thanks a lot
Michael
Minh D. Tran wrote:
Hi Michael,
I am not an expert on this, but I will try to help you showing the way
I do it:
For example, your icon would be 80px by 80px, you would want to make
an image that is 80px by 160px where the top 80x80 would be your
original image and the bottom 80x80 would be your hover image,
therefore, making your image 80x160. You can put the following icon as
a list item with the following css code:
Notice the li a:hover contains a background-position of 0px -80px.
Basically, when you hover, the background will scoot up, showing the
hover part of the image.
li a {
background: #fff url(../images/someimg.png) no-repeat top left;
background-position: 0px 0px;
display: block;
height: 80px;
width: 80px;
}
li a:hover {
background-position: 0px -80px;
border: 3px solid #eeddaa;
}
This effect is also used on my website if you are interested in taking
a look.
Minh www.m-tran.net http://www.m-tran.net
*/Michael Persson [EMAIL PROTECTED]/* wrote:
Dear online friends,
I need to make an effect that use to be very simple in HTML to my new
XHTML strict pages
of new development websites. I have before used a iframe where i
rollvoer icons inside the iframe
pages, i feel that this was the worst solution but i used it.
I will now start to develop some new websites and i need the
effect of
the similarity to gallery rollover
but i do not want to use iframes in this case, i want to try out some
tricky XHTML instead...
There must be a solution for this guys??? i have tried to search
to find
online but i have not succed yet..
Anything that will look similar to www.villadeloulia.gr
photogallery...
Please anyone
Michael
**
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list getting help
**
Feel free to call! Free PC-to-PC calls. Low rates on PC-to-Phone. Get
Yahoo! Messenger with Voice
http://us.rd.yahoo.com/mail_us/taglines/postman10/*http://us.rd.yahoo.com/evt=39663/*http://messenger.yahoo.com
--
Michael Persson
[EMAIL PROTECTED] mailto:[EMAIL PROTECTED]
Miaouli 19, 10554 Athens, Greece
Tel: +30/210/3227400
Fax : +30/210/3227410
www.mozaik.com http://www.mozaik.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 is dead... use markup for presentation.
After looking at the responses, I guess 'use common sense, and wait till the dust settles before changing anything of what works now', is the most appropriate action for the time being. That's the path I was going to follow anyway, so it is good to see that I'm not too far off from the main-stream of informed developers. I think I'll guide the less enlightened/informed in the same direction. At least until I find good real-world reasons for making changes. Maybe someone in the right group(s) can improve on the wording before the final arrives, so we can use the combination/separation of markup and CSS to improve accessibility in both CSS-able and non-CSS-able User Agents - without having to analyze the meaning of each word in each standard. Would be nice to be able to read something in a cross-standard way, that actually made sense without further interpretation. Now I'll return to my source-ordered markup and CSS-based presentation, and see if any of it can be made to make even more sense - regardless of whatever standard and drafts and User Agents and so on - than I think it does now. Always room for improvements... :-) 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] XHTML Gallery background changes by rollover
Hi Michael
This site has a lot of great tested, proven standards compliant
galleries, menus and so on. It's terrific, and it might help solve
your problem
http://www.cssplay.co.uk/menu/index.html
Regards,
Peter
On 24/05/2006, at 03:12 , Michael Persson wrote:
Dear Minh,
I didnt make myself clear sorry. i need a rollver as a gallery, not
a little icon, yes i know
loading time will scare the users away but its what i need. The
problem is that before
i made it in a iframe where i change the full background on a
rollover, that means i need
to have the controller inside the iframe and THAT i do NOT WANT
I need this option to be like a rollover in a menu where another
layer maybe change and
op top of that i want another many layer to be transparent and
while the images changes
also the many background changes because of the transparency in the
background...
I dont want to use Dreamweaver because normally i write all code by
hand, and i still want
to have the same control...
Thanks a lot
Michael
Minh D. Tran wrote:
Hi Michael,
I am not an expert on this, but I will try to help you showing the
way I do it:
For example, your icon would be 80px by 80px, you would want to
make an image that is 80px by 160px where the top 80x80 would be
your original image and the bottom 80x80 would be your hover
image, therefore, making your image 80x160. You can put the
following icon as a list item with the following css code:
Notice the li a:hover contains a background-position of 0px -80px.
Basically, when you hover, the background will scoot up, showing
the hover part of the image.
li a {
background: #fff url(../images/someimg.png) no-repeat top left;
background-position: 0px 0px;
display: block;
height: 80px; width: 80px;
}
li a:hover { background-position: 0px -80px;
border: 3px solid #eeddaa;
}
This effect is also used on my website if you are interested in
taking a look.
Minh www.m-tran.net http://www.m-tran.net
*/Michael Persson [EMAIL PROTECTED]/* wrote:
Dear online friends,
I need to make an effect that use to be very simple in HTML to
my new
XHTML strict pages
of new development websites. I have before used a iframe where i
rollvoer icons inside the iframe
pages, i feel that this was the worst solution but i used it.
I will now start to develop some new websites and i need the
effect of
the similarity to gallery rollover
but i do not want to use iframes in this case, i want to try
out some
tricky XHTML instead...
There must be a solution for this guys??? i have tried to search
to find
online but i have not succed yet..
Anything that will look similar to www.villadeloulia.gr
photogallery...
Please anyone
Michael
**
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list getting help
**
-
---
Feel free to call! Free PC-to-PC calls. Low rates on PC-to-Phone.
Get Yahoo! Messenger with Voice http://us.rd.yahoo.com/mail_us/
taglines/postman10/*http://us.rd.yahoo.com/evt=39663/*http://
messenger.yahoo.com
--
Michael Persson
[EMAIL PROTECTED] mailto:[EMAIL PROTECTED]
Miaouli 19, 10554 Athens, Greece
Tel: +30/210/3227400
Fax : +30/210/3227410
www.mozaik.com http://www.mozaik.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
**
--
Peter Dominic Ryan | raycity* : new media solutions : proven
[EMAIL PROTECTED] | http://raycity.com | mb: 0419 229 738
**
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 is dead... use markup for presentation.
From: Lachlan Hunt [EMAIL PROTECTED] | WCAG Samurai will toil in obscurity for the foreseeable future. | Membership rolls will not be published, and membership is by | invitation only. -- http://wcagsamurai.org/ While I do have the utmost respect for Joe Clark and the other invited members (I could be wrong but I expect them to include, among others, Gez Lemon, John Foliot and Gian Sampson-Wild), but working on this behind closed doors seems like a huge mistake to me. FWIW, I don't see it that way. I like the idea very much and I'm curious to see what comes out of this. --- Regards, Thierry | www.TJKDesign.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 is dead... use markup for presentation.
Gunlaug Sørtun wrote: After looking at the responses, I guess 'use common sense, and wait till the dust settles ... Georg Maybe you should tend the Rhododendrons and quit stirring up trouble...I can tell, this is going to go on for weeks, if not months-- perhaps years, if not decades. Time for me to un-subscribe(again). -- http://www.dlaakso.com/gustave/ ** 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 is dead... use markup for presentation.
David Laakso wrote: Gunlaug Sørtun wrote: After looking at the responses, I guess 'use common sense, and wait till the dust settles ... Georg Maybe you should tend the Rhododendrons and quit stirring up trouble...I can tell, this is going to go on for weeks, if not months-- perhaps years, if not decades. Time for me to un-subscribe(again). Whoops. Meant to send to friend Georg, not the list :-P . ~dL -- http://www.dlaakso.com/gustave/ ** 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 is dead... use markup for presentation.
From: David Laakso [EMAIL PROTECTED] David Laakso wrote: Gunlaug Sørtun wrote: After looking at the responses, I guess 'use common sense, and wait till the dust settles ... Georg Maybe you should tend the Rhododendrons and quit stirring up trouble...I can tell, this is going to go on for weeks, if not months-- perhaps years, if not decades. Time for me to un-subscribe(again). Whoops. Meant to send to friend Georg, not the list :-P . That's OK. I'm into landscaping. Tell me more about the rhododendrons :-) ** 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] FW: Re: JAWS and Frontpage with frames?
From: Jorge Laranjo [EMAIL PROTECTED] To: marvin hunkin [EMAIL PROTECTED] Subject: Re: JAWS and Frontpage with frames? Date: Thu, 01 Jan 1970 04:24:02 +0100 Ok. Here I am again. Here are the replys to your questions. If you need more help, please, feel free to ask me. 1. when i have a paragraph, and want a link to a site on the same line, it wraps round to the next line. how do i get this to stop and be on the same line. Well, I don't really understand your question about this issue. When you use the p marker you are telling to the browser that that text (inside the tags p is a paragraph.). So, if you type, for example, pParagraph text/p a href=#link/a then your link will wrap to the next line. But, im the other hand, if you type pParagraph text a href=#link/a/p then this doesn't happen. 2. for my table headings and table data, would like them side by side, with a space, instead of being on two sepearate lines. how do i do this? I really like the way they are but it's your call. You can do that by editing the CSS file. Just add a class for that and try something like this: th class=your class. But I really can't understand what really do you want. Afterall, table header should be... header! :-D 3. with my paragraph tags, in internet explorer, jaws says a blank line in between my paragraphs. so how do i get the blank line, now to say blank, in between my paragraphs. I really don't have Internet Explorer (I use MAC OS X) and can't test this site with Jaws. I can't understand this either. Please try to record the JAWS (on audio) so I can hear to and tell me in what files (HTML) that appens. please let me know asap. and using frames, and css, and hand coding everything. and still also for my star trek and 80s music back to my main links page, not going there. This is the target problem. Change the target to content and just load the TOC file and not the INDEX file. so how do i fix the url link on the hard disk? cheers Marvin. -- Atentamente, Jorge Laranjo email [EMAIL PROTECTED] gTalk [EMAIL PROTECTED] msn [EMAIL PROTECTED] aim [EMAIL PROTECTED] skype jorge.laranjo http://www.olhares.com/fueg0/ http://www.flickr.com/photos/fueg0/ http://www.usefilm.com/photographer/102876.html Hi. if this thread is off topic, then i apologize. then maybe point me to another list for these questions asked a friend to help me, but he does not have internet explorer, and not jaws. so if any one can help me out with the questions below, then e-mail me privately. cheers Marvin. ** 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] Out of Office AutoReply: digest for wsg@webstandardsgroup.org
Thanks for sending me an email. I'm out of the office until Thursday 25th May 2006 and I will not be accessing emails during this time. If you need to contact the Hiser office, please phone 03 9648 4333. Regards, Naomi Heagney ***Disclaimer*** This email and any attachments may contain confidential and/or privileged material and/or material subject to copyright; it is for the intended addressee(s) only. If you are not a named addressee you shall not use, retain or disclose such information. The views expressed in this email are those of the originator and do not necessarily represent the views of The Hiser Group or its parent company, Serco Group Pty Ltd. Nothing in this email shall bind Hiser or Serco in any contract or obligation. Hiser cannot guarantee that the email or any attachments are free from viruses or errors and will not be responsible for loss or damage resulting either directly or indirectly from any such virus or error. If this is a commercial electronic message within the meaning of the Spam Act, you may indicate that you do not wish to receive any further commercial electronic messages from us by sending an email to mailto:[EMAIL PROTECTED] The Hiser Group Pty Ltd. Incorporated in NSW, November 1990. ACN 050 327 716 Registered office: Level 10, 90 Arthur Street, North Sydney, NSW 2060, Australia ** 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] new site critique - extemely
On 06/05/19 15:18 (GMT-0400) Warren Cardinal apparently typed: I am getting ready to launch a new site that I would like to get some final constructive feedback on. It's an xhtml strict ecommerce site and uses alot of ajax features formt eh time-being, the site can be viewed at www.extremelygifted.com/ Everything I wrote just a few minutes ago, Wed, 24 May 2006 00:50:18 -0400, on thread Site Check Advantagecourier.ca, applies to this as well. Here's what I see (please note the disclaimer at the bottom of the setup page): http://mrmazda.no-ip.com/tmp/sc-warrca.html SS setup page http://mrmazda.no-ip.com/SS/warrca1.jpg hires Linux/Gecko screenshot -- All have sinned fall short of the glory of God. Romans 3:23 NIV Team OS/2 ** Reg. Linux User #211409 Felix Miata *** http://mrmazda.no-ip.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 **
