[WSG] Drop down menu - lower menu's title shows through upper drop down
I have in aright column some drop down menu's suckerfish type I guess they're called. Anyways, when I drop down a menu, the titles on the lower ones cut through the list Tried background color and image, any fix? http://66.118.191.85/~websterk/ See right menu Search Kirkwood Listings Thanks Bruce Prochnau BKDesign -Unlimited Autoresponders Newsletters99.34% email delivered. Free support. http://bkdesign.aweber.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] Wide Horizontal Navbar issues
Anyway that certainly made the page look really weird when I added padding onto the body element. And the scrollbar was still there. And then, when I took out the 100% width for the top banner, that knocked out the repeating banner background, which is there to make the page liquid and bring the banner right across. Any further thoughts? Hi Susie: I just added this, width: 99%; on your html, body that made the scroll go away, not sure if its the best way or not but worked. I did it in foxfire, using the edit css bit. cheers donna Thanks susie ** 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.394 / Virus Database: 268.9.1/369 - Release Date: 6/19/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] Drop down menu - lower menu's title shows through upper drop down
Not to answer my own questions, but would giving the lower list tags position absolute anda z-index of -1 and -2 respectively work? Bruce Prochnau bkdesign - Original Message - From: Bruce To: wsg@webstandardsgroup.org Sent: Wednesday, June 21, 2006 2:11 AM Subject: [WSG] Drop down menu - lower menu's title shows through upper drop down I have in aright column some drop down menu's suckerfish type I guess they're called. Anyways, when I drop down a menu, the titles on the lower ones cut through the list Tried background color and image, any fix? http://66.118.191.85/~websterk/ See right menu Search Kirkwood Listings Thanks Bruce Prochnau BKDesign -Unlimited Autoresponders Newsletters99.34% email delivered. Free support. http://bkdesign.aweber.com/ ---**The discussion list for http://webstandardsgroup.org/See http://webstandardsgroup.org/mail/guidelines.cfmfor some hints on posting to the list getting help** **The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list & getting help**
RE: [WSG] Testing CSS: Map Pop
Mike at Green-Beast.com wrote: It's a CSS experiment. It's not a matter of just having to get something done. I wanted to challenge myself with trying to combine two CSS goodies. An independent solution without JS. That's great - it's a nice bit of code and it works well. I just thought you'd re-invented the image map because you didn't know about map wanted to avoid javascript. If you just want a hover and all your hot-spots are rectangular, then I css is fine I guess. Personally I find image maps and js easier and more flexible. I don't understand what you mean by popup as it differs from what I offer, but I think you may be misunderstanding the link part of this. ... By popups I just meant the content that shows on hover. I understand how the links work - I've done similar things myself, with image maps and with absolutely positioned images. What I don't really understand is the aversion to javascript (and the desire to make everything a list. :) cheers, Geoff == The information contained in this email and any attachment is confidential and may contain legally privileged or copyright material. It is intended only for the use of the addressee(s). If you are not the intended recipient of this email, you are not permitted to disseminate, distribute or copy this email or any attachments. If you have received this message in error, please notify the sender immediately and delete this email from your system. The ABC does not represent or warrant that this transmission is secure or virus free. Before opening any attachment you should check for viruses. The ABC's liability is limited to resupplying any email and attachments == ** 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] Testing CSS: Map Pop
Geoff Pack wrote: What I don't really understand is the aversion to javascript (and the desire to make everything a list. :) Hello Geoff, I don't have any problem with JavaScript. Though I like PHP better, JavaScript is something I use on just about every site I make. It's convenient and easy, and very cool. I just like to have ways around it since it isn't supported by everyone. I suppose I do like messing about with lists and CSS. Aside from so many things being delivered logically in list form, I don't know what the attraction is. Regarding map, I had heard of it, I have used it before making a JavaScript-powered image map. It just never occurred to me to employ it with this, nor am I greatly familiar with it as an element as I have only created JS maps twice before. Mike ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
[WSG] WSG Button Link Forbidden report
All of a sudden getting a this [ 403 1 The link is forbidden! This needs fixing. Usual suspects: a missing index.html or Overview.html, or a missing ACL.] for the WSG button link on my site? I ran a link validator last night and did not get this message. This morning I did. Before I remove the link on the button, can you tell me if there is a problem? thanks Sharron ** 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] Methods for decorative images
On 6/21/06, Jared Smith [EMAIL PROTECTED] wrote:
I'd like to get your opinions on methods for adding non-content conveying
images. I'm talking about images that cannot be added as backgrounds to
existing page elements - things like 'smiling lady' images that are placed
within the text flow and are used to provide visual enhancement to
content, but do not actually convey content. http://webaim.org/community/
for an example.
As I see it, there are 3 options:
1. Use img alt= and style it into position.
2. Add a span or div and then use inline styling to add the background
image, sizing, float, etc.
3. Add a span or div and provide the styling in your external CSS file.
I would go with #1. You could use inline styling to style the image
into position, and you can put the dimensions of the image into the
image tag, so that takes care of the sizing for you. In the end it's a
lighter option than number two. Also, you can make a few basic image
classes and then just use classes with option 1 to make them work. For
example, the following would be option 1 and 2 for the link you
provided, image 1:
img src=forum.gif width=130 height=130 style=float:right; alt= /
div
style=background:url(forum.gif);width:130px;height:130px;float:right;/div
Yep, option one is shorter. And you could add the following class to
your CSS file:
.right { float:right; }
and shorten option one by about 7 characters by replacing the style
attribute with:
class=right
Plus, you won't get any warnings about empty containers from the html
validator.
Hope it helps!
--
--
Christian Montoya
christianmontoya.com ... portfolio.christianmontoya.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] Methods for decorative images
My vote is generally for method one. I usually have an idea for the kinds of things I might want to do with an image, so have various classes already setup for the jobs (.floatRight, .floatLeft being two classes I invariably always end up making and using on images, and then I also have the option of adding a little extra padding to them as I see fit from my CSS). I avoid inline styling like the plague. At least by creating a few variations of image use styles, you've given yourself some flexibility, so it's a decent way to go, in my opinion! Frances FRANCES BERRIMAN http://www.fberriman.com -Original Message- From: listdad@webstandardsgroup.org [mailto:[EMAIL PROTECTED] On Behalf Of Jared Smith Sent: 21 June 2006 16:52 To: wsg@webstandardsgroup.org Subject: [WSG] Methods for decorative images I'd like to get your opinions on methods for adding non-content conveying images. I'm talking about images that cannot be added as backgrounds to existing page elements - things like 'smiling lady' images that are placed within the text flow and are used to provide visual enhancement to content, but do not actually convey content. http://webaim.org/community/ for an example. As I see it, there are 3 options: 1. Use img alt= and style it into position. 2. Add a span or div and then use inline styling to add the background image, sizing, float, etc. 3. Add a span or div and provide the styling in your external CSS file. #1 adds an extra non-semantic element to the page and if styles are disabled, the image can disrupt the content flow. #2 and #3 also require additional elements (and even worse, empty elements) be added to the page. #2 requires inline styling which makes it about the same as #1, but #3 requires that style definitions for one image on one page be loaded on ALL of the pages in the external CSS file. It seems that none of these work very well. Right now, I'm tending to go with #2 as it's the easiest to administer. Perhaps content:before or content:after would be a better option, if it were supported. So what do you do? Jared PS - there seems to be some Coldfusion permission errors with the http://webstandardsgroup.org/ site. ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help ** __ This email has been scanned by the MessageLabs Email Security System. For more information please visit http://www.messagelabs.com/email __ ** 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] Methods for decorative images
Btw Jared, The site appears to be down to me also, so I think there's a little hiccup somewhere. :) Frances FRANCES BERRIMAN http://www.fberriman.com -Original Message- From: listdad@webstandardsgroup.org [mailto:[EMAIL PROTECTED] On Behalf Of Jared Smith Sent: 21 June 2006 16:52 To: wsg@webstandardsgroup.org Subject: [WSG] Methods for decorative images I'd like to get your opinions on methods for adding non-content conveying images. I'm talking about images that cannot be added as backgrounds to existing page elements - things like 'smiling lady' images that are placed within the text flow and are used to provide visual enhancement to content, but do not actually convey content. http://webaim.org/community/ for an example. As I see it, there are 3 options: 1. Use img alt= and style it into position. 2. Add a span or div and then use inline styling to add the background image, sizing, float, etc. 3. Add a span or div and provide the styling in your external CSS file. #1 adds an extra non-semantic element to the page and if styles are disabled, the image can disrupt the content flow. #2 and #3 also require additional elements (and even worse, empty elements) be added to the page. #2 requires inline styling which makes it about the same as #1, but #3 requires that style definitions for one image on one page be loaded on ALL of the pages in the external CSS file. It seems that none of these work very well. Right now, I'm tending to go with #2 as it's the easiest to administer. Perhaps content:before or content:after would be a better option, if it were supported. So what do you do? Jared PS - there seems to be some Coldfusion permission errors with the http://webstandardsgroup.org/ site. ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help ** __ This email has been scanned by the MessageLabs Email Security System. For more information please visit http://www.messagelabs.com/email __ ** 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] Methods for decorative images
I'd go with number one; after all isn't that one of the reasons the img tag was made? and why wouldn't you make the alt (in your specific example) Smiling lady? -Original Message- From: listdad@webstandardsgroup.org [mailto:[EMAIL PROTECTED] On Behalf Of Jared Smith Sent: 21 June 2006 16:52 To: wsg@webstandardsgroup.org Subject: [WSG] Methods for decorative images I'd like to get your opinions on methods for adding non-content conveying images. I'm talking about images that cannot be added as backgrounds to existing page elements - things like 'smiling lady' images that are placed within the text flow and are used to provide visual enhancement to content, but do not actually convey content. http://webaim.org/community/ for an example. As I see it, there are 3 options: 1. Use img alt= and style it into position. 2. Add a span or div and then use inline styling to add the background image, sizing, float, etc. 3. Add a span or div and provide the styling in your external CSS file. #1 adds an extra non-semantic element to the page and if styles are disabled, the image can disrupt the content flow. #2 and #3 also require additional elements (and even worse, empty elements) be added to the page. #2 requires inline styling which makes it about the same as #1, but #3 requires that style definitions for one image on one page be loaded on ALL of the pages in the external CSS file. It seems that none of these work very well. Right now, I'm tending to go with #2 as it's the easiest to administer. Perhaps content:before or content:after would be a better option, if it were supported. So what do you do? Jared PS - there seems to be some Coldfusion permission errors with the http://webstandardsgroup.org/ site. _ Express yourself instantly with MSN Messenger! Download today it's FREE! http://messenger.msn.click-url.com/go/onm00200471ave/direct/01/ ** 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] IE6 Skip to Content workaround
Just use headers (h1-h6) to markup the major sections and navigation bars [1]. This is better than using a skip navigation links and assistive technologies and the Opera browser support header navigation. The Mozilla/Firefox accessibility extension [2] also supports a header navigation feature. Jon[1] http://html.disability.uiuc.edu/nav/major.php [2] http://firefox.cita.uiuc.edu On 6/18/06, Bojana Lalic [EMAIL PROTECTED] wrote: Hi all I am implementing the Skip to content link at the beginning of the page for screen readers to skip the navigation and go straight to the main content. However, Internet Explorer 6.0 moves the visual focus, but not the input focus. How do I get this to work in IE6? Regards Bojana Global Summit 2006: Technology Connected Futures -- 17-19 October, Sydney, Australia. Visit our website http://globalsummit.educationau.edu.au for further details. IMPORTANT: This e-mail, including any attachments, may contain private or confidential information. If you think you may not be the intended recipient, or if you have received this e-mail in error, please contact the sender immediately and delete all copies of this e-mail. If you are not the intended recipient, you must not reproduce any part of this e-mail or disclose its contents to any other party. This email represents the views of the individual sender, which do not necessarily reflect those of education.au limited except where the sender expressly states otherwise. It is your responsibility to scan this email and any files transmitted with it for viruses or any other defects. education.au limited will not be liable for any loss, damage or consequence caused directly or indirectly by this email. **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] Layout not displaying correctly in web based email clients
It displays fine in Outlook but not in Hotmail. Have a look at linked resources from http://css-discuss.incutio.com/?page=StyleInEmail, particularly http://www.campaignmonitor.com/blog/archives/2006/04/tip_using_css_t.html and http://www.thinkvitamin.com/features/design/html-emails -- Jan Brasna :: www.alphanumeric.cz | www.janbrasna.com | www.wdnews.net ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
[WSG] Document Outline Problem?
Dear WSG members, Testing our homepage www.webnauts.net with the W3C Markup Validator here http://validator.w3.org/check?uri=http%3A%2F%2Fwww.webnauts.net%2Fcharset=%28detect+automatically%29doctype=Inlineoutline=1verbose=1 I got the message: If this does not look like a real outline, it is likely that the heading tags are not being used properly. (Headings should reflect the logical structure of the document; they should not be used simply to add emphasis, or to change the font size.) Can someone tell me if I, or the validator is doing something wrong? Thanks a lot in advance for your kind support, John -- John S. Britsios Web Architect Marketing Consultant Webnauts Net (Main Office) Koblenzer Str. 37A D-33613 Bielefeld Webnauts Net (U.S. Office) 5 Ivanhoe Drive Urbana IL 61802 Email: [EMAIL PROTECTED] Web address: http://www.webnauts.net ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] Document Outline Problem?
John S. Britsios wrote: Testing our homepage www.webnauts.net with the W3C Markup Validator here http://validator.w3.org/check?uri=http%3A%2F%2Fwww.webnauts.net%2Fcharset=%28detect+automatically%29doctype=Inlineoutline=1verbose=1 I got the message: If this does not look like a real outline, it is likely that the heading tags are not being used properly. (Headings should reflect the logical structure of the document; they should not be used simply to add emphasis, or to change the font size.) Can someone tell me if I, or the validator is doing something wrong? Thanks a lot in advance for your kind support, John The validator is not doing something wrong. Neither are you. First off, I do not think that it is any big deal. You have an outline that reflects the structure. There are two levels in your outline: h1 and h2. If one of them was out of order, the validator would show a gray background-color for the heading that is misplaced-- sort of a red flag. There is no red flag up for your page. You are good to go. OTOH, if you look at your page with styles disabled, then the document structure is more apparent. And there /may/ be room to develop an outline with h1 through h6-- rather than only h1 and h2. Whether you need to do that is a choice, not a requirement-- at least in my mind. Regards, ~dL -- http://chelseacreekstudio.com/pow/pow.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 **
