RE: [WSG] Horizontal Menu Bar Help Needed
Hello Stephen,
Thank you very much for the code. :-)
Smiles,
Emily
Date: Tue, 29 Mar 2011 17:36:59 +0100
From: ste.ham...@sunraymedia.co.uk
To: wsg@webstandardsgroup.org
Subject: Re: [WSG] Horizontal Menu Bar Help Needed
Message body
Hi Emily,
Create your links as in an unordered list as below. Style the
elements using css. To show which page a user is on, simply create
a class and apply the class to the relevant anchor element; like
below...
Home
Products
Gallery
Payment Methods
About
Us
Contact Us
#nav a.here {
color: #000;
}
Hope this is clear for you...
regards
Stephen Hamill
On 29/03/2011 17:20, E W wrote:
Dear John Unsworth,
Your kindness and humorous reference to "collectively having
kittens" brightened my otherwise challenging day.
I agree with you 100% this site needs a complete CSS upgrade
however, for reasons to lengthy to explain here, it's been
insisted that I only change the look and feel of the site with
minor functionality changes but not the tables structure of the
site.
I am in the process of learning CSS in preparation for the
glorious day I am given the go ahead to upgrade the site.
Since my previous email, I have found this website:
http://www.sohtanaka.com/web-design/active-state-in-css-navigations/
which seems to have a solution for the navigation I will try to
implement.
I appreciate the book references you supplied which I will add to
my learning materials.
Thank you for your reply and help with my challenge.
Smiles,
Emily
> Date: Tue, 29 Mar 2011 15:39:46 +1100
> Subject: Re: [WSG] Horizontal Menu Bar Help Needed
> From: john.unswo...@gmail.com
> To: wsg@webstandardsgroup.org
>
> Hi Emily,
>
> Firstly the problem you describe might be your browser. I'm
using
> Safari on a Mac and the desired effect appears to occur,
whether I use
> the back button or click Home again. So this might be the
reason your
> not getting the expected effect.
>
> Secondly, the standards group I would imagine are
collectively having
> kittens seeing all that table based layout rendered by
Dreamweaver.
> Whilst there is often some debate, on the whole most people
employ a
> list for navigation rather than a table, however I'm assuming
the
> whole page is a table layout and thus whilst I would
encourage you to
> reconsider, I'm not going to go into an entire rewrite. I
would then
> suggest to you it's time to learn some CSS.
>
> Your Dreamweaver behaviours are embedded Javascript(s), added
to which
> all your presentation information, such as width and height
are inline
> to boot. What you want to strive for is plain simple HTML,
with
> externally linked CSS and JS files. This approach is
sometimes
> referred to as 'three layers'. That being Content (HTML),
Presentation
> (CSS) and finally Behaviours (Javascript).
>
> Presuming this is not just a practice piece of work and the
error your
> getting is just within your browser, I don't think there is a
simple
> bit of 'code' that will fix this. Moving forward I can only
suggest
> you change your methods in line with the sentiments of the
standards
> group.
>
> Personally if your starting out I can't recommend Ian Lloyd's
'Build
> your website the right way, using HTML and CSS' from
Sitepoint, and
> 'HTML Dog, The best-practice guide to XHTML & CSS' by
Patrick
> Griffiths enough.
>
> All the best,
> John Unsworth
>
>
>
***
> List Guidelines:
http://webstandardsgroup.org/mail/guidelines.cfm
> Unsubscribe:
http://webstandardsgroup.org/join/unsubscribe.cfm
> Help: memberh...@webstandardsgroup.org
>
***
>
**
RE: [WSG] Horizontal Menu Bar Help Needed
Thank you Russ! > Subject: Re: [WSG] Horizontal Menu Bar Help Needed > From: r...@maxdesign.com.au > Date: Wed, 30 Mar 2011 07:14:00 +1100 > To: wsg@webstandardsgroup.org > > Our good friend Xiong is no longer with us (on the mailing list at least) > As you were... > Russ > > > On 30/03/2011, at 3:47 AM, huangmei mei wrote: > > > hello , my good friend , our is china wholesale brand shoes . pls chack our > > site in fo : www.west-trading.com > > > > thanks > > xiong > > > > > > > > > *** > List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm > Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm > Help: memberh...@webstandardsgroup.org > *** > *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
RE: [WSG] Horizontal Menu Bar Help Needed
Hello Lesley, Thank you for your reply as well. I will check into http://webdesign-L.com/. Smiles, Emily > Date: Tue, 29 Mar 2011 13:08:00 +0100 > From: ubu...@webaflame.co.uk > To: wsg@webstandardsgroup.org > Subject: Re: [WSG] Horizontal Menu Bar Help Needed > > > > On 29/03/11 05:39, John Unsworth wrote: > > Hi Emily, > > > > Firstly the problem you describe might be your browser. I'm using > > Safari on a Mac and the desired effect appears to occur, whether I use > > the back button or click Home again. So this might be the reason your > > not getting the expected effect. > > > >[snipped] > > > > Your Dreamweaver behaviours are embedded Javascript(s), ... > > > > All the best, > > John Unsworth > > > > > > I use Firefox on Linux, with javascript disabled by default. That shows > a yellow background for the current page, and no hover behaviour - fine. > If I enable javascript, the yellow background appears on hover, and > disappears from the current page as long as I continue the hover, which > seems to be the expected behaviour. If I use the mouse to visit another > page, everything behaves as expected, but if I use the browser back > button, I get the effect Emily describes - the yellow background stays > on the previous link and only changes when the menu is hovered over. > > The same problem occurs in Epiphany (Webkit-based) but not in Chromium. > > Unfortunately, I don't know enough about Dreamweaver or javascript to > help here, but I'm posting this in the hope that it might assist someone > who does. > > Emily - you might also want to try the webdesign-l list > http://webdesign-L.com/ for help. It deals with all aspects of Web > design, not just standards-related. > > HTH > > Lesley > > -- > Life is not a malfunction (Short Circuit) > > > *** > List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm > Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm > Help: memberh...@webstandardsgroup.org > *** > *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
RE: [WSG] Horizontal Menu Bar Help Needed
Hello Jiten, I agree with John and you too! Please see my reply to John. Thank you for your reply. :-) Smiles, Emily Date: Tue, 29 Mar 2011 16:30:16 +0530 Subject: Fwd: [WSG] Horizontal Menu Bar Help Needed From: ji...@automateonweb.com To: wsg@webstandardsgroup.org CC: john.unswo...@gmail.com Agree with John. Thanks to John for such as wonderful and crisp reply.I too have implemented menus always as 1. Unordered list(html element ul ) 2. Each item as list items (li) and anchors ( a ) 3. Css styled them and added behavior using jquery and modifying the css dynamically on user interaction.. Emily there are a lot of free menu examples/samples with source on web and you can use them to build your menus. However I saw your site, and it shows the intended behavior on mouseovers and clicks. I guess you solved the problem. :) I am using chrome. On Tue, Mar 29, 2011 at 10:09 AM, John Unsworth wrote: Hi Emily, Firstly the problem you describe might be your browser. I'm using Safari on a Mac and the desired effect appears to occur, whether I use the back button or click Home again. So this might be the reason your not getting the expected effect. Secondly, the standards group I would imagine are collectively having kittens seeing all that table based layout rendered by Dreamweaver. Whilst there is often some debate, on the whole most people employ a list for navigation rather than a table, however I'm assuming the whole page is a table layout and thus whilst I would encourage you to reconsider, I'm not going to go into an entire rewrite. I would then suggest to you it's time to learn some CSS. Your Dreamweaver behaviours are embedded Javascript(s), added to which all your presentation information, such as width and height are inline to boot. What you want to strive for is plain simple HTML, with externally linked CSS and JS files. This approach is sometimes referred to as 'three layers'. That being Content (HTML), Presentation (CSS) and finally Behaviours (Javascript). Presuming this is not just a practice piece of work and the error your getting is just within your browser, I don't think there is a simple bit of 'code' that will fix this. Moving forward I can only suggest you change your methods in line with the sentiments of the standards group. Personally if your starting out I can't recommend Ian Lloyd's 'Build your website the right way, using HTML and CSS' from Sitepoint, and 'HTML Dog, The best-practice guide to XHTML & CSS' by Patrick Griffiths enough. All the best, John Unsworth *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
RE: [WSG] Horizontal Menu Bar Help Needed
Dear John Unsworth, Your kindness and humorous reference to "collectively having kittens" brightened my otherwise challenging day. I agree with you 100% this site needs a complete CSS upgrade however, for reasons to lengthy to explain here, it's been insisted that I only change the look and feel of the site with minor functionality changes but not the tables structure of the site. I am in the process of learning CSS in preparation for the glorious day I am given the go ahead to upgrade the site. Since my previous email, I have found this website: http://www.sohtanaka.com/web-design/active-state-in-css-navigations/ which seems to have a solution for the navigation I will try to implement. I appreciate the book references you supplied which I will add to my learning materials. Thank you for your reply and help with my challenge. Smiles, Emily > Date: Tue, 29 Mar 2011 15:39:46 +1100 > Subject: Re: [WSG] Horizontal Menu Bar Help Needed > From: john.unswo...@gmail.com > To: wsg@webstandardsgroup.org > > Hi Emily, > > Firstly the problem you describe might be your browser. I'm using > Safari on a Mac and the desired effect appears to occur, whether I use > the back button or click Home again. So this might be the reason your > not getting the expected effect. > > Secondly, the standards group I would imagine are collectively having > kittens seeing all that table based layout rendered by Dreamweaver. > Whilst there is often some debate, on the whole most people employ a > list for navigation rather than a table, however I'm assuming the > whole page is a table layout and thus whilst I would encourage you to > reconsider, I'm not going to go into an entire rewrite. I would then > suggest to you it's time to learn some CSS. > > Your Dreamweaver behaviours are embedded Javascript(s), added to which > all your presentation information, such as width and height are inline > to boot. What you want to strive for is plain simple HTML, with > externally linked CSS and JS files. This approach is sometimes > referred to as 'three layers'. That being Content (HTML), Presentation > (CSS) and finally Behaviours (Javascript). > > Presuming this is not just a practice piece of work and the error your > getting is just within your browser, I don't think there is a simple > bit of 'code' that will fix this. Moving forward I can only suggest > you change your methods in line with the sentiments of the standards > group. > > Personally if your starting out I can't recommend Ian Lloyd's 'Build > your website the right way, using HTML and CSS' from Sitepoint, and > 'HTML Dog, The best-practice guide to XHTML & CSS' by Patrick > Griffiths enough. > > All the best, > John Unsworth > > > *** > List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm > Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm > Help: memberh...@webstandardsgroup.org > *** > *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
[WSG] Horizontal Menu Bar Help Needed
Hello Friends, Please help me... I'm new to website building and I need help with a horizontal menu bar I've built. I only know a little bit of html so I used Dreamweaver CS5 behaviors to create the following code for the menu bar I'm having a problem with. You can view the navigation menu on this page: http://new.radcal.com/index.html I need to have the menu button of the page (for example the index page) I'm on to stay yellow while on the page. The problem I'm having is when I switch from the index page to any other menu button, for example, the about button, the mouseover state of the about button stays on (yellow) when I hit the back button to go back to the index page. Now both the index button and the about (yellow) buttons are on. I only want the current pages button (the index page) I am on to stay yellow (mouseover state on) but not the button from the previous page (about page) too. Can someone please provide the code so I can fix this? Thank you in advance for your help. Smiles, Emily *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
RE: [WSG] Help - Anchor Link to specific area on web page
@tee - Thank you for your feedback and alerting me to the other problems. From: weblis...@gmail.com Subject: Re: [WSG] Help - Anchor Link to specific area on web page Date: Tue, 18 Jan 2011 19:00:31 -0800 To: wsg@webstandardsgroup.org View the problem: http://www.radcal.com/accugold-private2.html#sensoroptabs - click on the each of the four tabs: Diode Dose Multisensors, Ion Chamber Dose Sensors, Diode Dose Sensors and mA and mAs Sensors and see how the links work from page to page. I'm wondering if it has something to do with the Browsers Defaults on where you land on a page when clicking on the links? Your feedback and help is appreciated'' A "return false" could prevent this. But in your case, you specifically tells browser to go top: ...images/pdc-brochure-low-res.pdf" target="_top" Apart from the target="_top". We don't do nested anchor links. You may want to clean up your codes, and perhaps pick up a habit switching between view source and visual mode when work in Dreamweaver. tee *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
RE: [WSG] Help - Anchor Link to specific area on web page
@Chris F.A. Johnson - Thank you for your feedback and alerting me to the other problems. > Date: Tue, 18 Jan 2011 21:46:37 -0500 > From: ch...@cfajohnson.com > To: wsg@webstandardsgroup.org > Subject: Re: [WSG] Help - Anchor Link to specific area on web page > > On Tue, 18 Jan 2011, E W wrote: > > > > > Hi Fellow Web Master Friends, > > > > I'm creating a web page and need help with Named Anchor Links. > > > > Problem: when clicking on a roll over that is linked to another a > > web page using a Named Anchor in a specific area on the linked web > > page, the browser jumps to the linked page but for a brief moment it > > goes to the top of the web page and then down to the area where the > > Named Anchor is located. I do not want it to go to the top of the > > web page first. Instead I want it to just go to the Named Anchor > > location. Also, this seems to be happening in Internet Explorer and > > Firefox on PC but not on Firefox on Mac. > > In Firefox 3.6.13 on Linux it goes directly to the anchor. > > See other problems: > <http://t.cfaj.ca/radcal1.jpg> > <http://t.cfaj.ca/radcal2.jpg> > > > View the problem: > > http://www.radcal.com/accugold-private2.html#sensoroptabs - click on > > the each of the four tabs: Diode Dose Multisensors, Ion Chamber Dose > > Sensors, Diode Dose Sensors and mA and mAs Sensors and see how the > > links work from page to page. > > > > I'm wondering if it has something to do with the Browsers Defaults > > on where you land on a page when clicking on the links? > > > > Your feedback and help is appreciated. > > -- > Chris F.A. Johnson, <http://cfajohnson.com/> > Author: > Pro Bash Programming: Scripting the GNU/Linux Shell (2009, Apress) > Shell Scripting Recipes: A Problem-Solution Approach (2005, Apress) > > > *** > List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm > Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm > Help: memberh...@webstandardsgroup.org > *** > *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
[WSG] Help - Anchor Link to specific area on web page
Hi Fellow Web Master Friends, I'm creating a web page and need help with Named Anchor Links. Problem: when clicking on a roll over that is linked to another a web page using a Named Anchor in a specific area on the linked web page, the browser jumps to the linked page but for a brief moment it goes to the top of the web page and then down to the area where the Named Anchor is located. I do not want it to go to the top of the web page first. Instead I want it to just go to the Named Anchor location. Also, this seems to be happening in Internet Explorer and Firefox on PC but not on Firefox on Mac. View the problem: http://www.radcal.com/accugold-private2.html#sensoroptabs - click on the each of the four tabs: Diode Dose Multisensors, Ion Chamber Dose Sensors, Diode Dose Sensors and mA and mAs Sensors and see how the links work from page to page. I'm wondering if it has something to do with the Browsers Defaults on where you land on a page when clicking on the links? Your feedback and help is appreciated. *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
