[Pro] CSS Menu Acting Up?

Hi guys. I need a little help. For some reason the CSS menu on this webpage is acting up, but I have no idea why. All of the other menus in the site seem to be fine. It’s just this page:

http://idealynx.com/clients/wmp/properties/propertyoptions.html

Any thoughts on what might be wrong?

Thanks,
Kelly


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

The problem I am seeing on that page is that the headline menu items are turning bold on hover and expanding the text boxes too much.

Also I am not seeing a default body or p style text size - it causes your menu to break onto a 2nd line for me.

D


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

OK - not strictly true as there is a p class in your external sheet for Times 16 but there is no size attribute on your CSS Menu items.

D


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Hey David. I setup a style for the menu, and specified the size attribute, but I’m still having issues with it on that particular page. Weird. Any other ideas?

Thanks!


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

This is clearly the problem. However, I have no idea of why that’s happening. The CSS Menu I use on this page is the very same one I use for the entire site, so there must be something specific to that page that’s causing the problem. Hmmm.

On 27 Jun 2012, 5:54 pm, DeltaDave wrote:

The problem I am seeing on that page is that the headline menu items are turning bold on hover and expanding the text boxes too much.

D


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

The menu items are not controlled by the paragraph or

tag. They are
list items

  • with anchor tags which display as bold on hover
    (a:hover) whose parent is an unordered list
  • You have a set of link styles applied to the page that affect all of link elements on the page including the CSS menu items.

    For example;

    a:hover { color:#fff; font-weight:bold; text-decoration:none; background-color:#f00 }
    

    You can see here that the link when hovered over will change the colour to white, style the text bold, remove any text decoration (underline) and set the background colour to red.
    This works well for the tabular data but throws the CSS menu items and footer link into a fit of chaos as the page flexes to fit the new text styling.

    Here’s how to fix this;

    1. Click on the pasteboard so nothing is selected
    2. Click on the second tab in the Inspector palette (the brush icon)
    3. In the links section make sure the settings are the same as those on your other pages
    4. Select the “table-container” item
    5. Click on the second tab in the Inspector palette (the brush icon)
    6. In the links section style the links for this item as you had them previously for the page (step 3)

    What you should end up with are links for the page that follow the rest of your site as well as modified links for the table data.
    Regards,
    Tim.

    On 27 Jun 2012, at 19:58, RavenManiac wrote:

    This is clearly the problem. However, I have no idea of why that’s happening. The CSS Menu I use on this page is the very same one I use for the entire site, so there must be something specific to that page that’s causing the problem. Hmmm.


    FreewayActions.com - Freeware and commercial Actions for Freeway Express & Pro - http://www.freewayactions.com
    FreewayStyle.com - Free Freeway templates and parts to download, use and explore - http://www.freewaystyle.com


    freewaytalk mailing list
    email@hidden
    Update your subscriptions at:
    http://freewaytalk.net/person/options

    You guys are awesome!

    I was screwing around with the links on that chart yesterday to make them easier to see on hover and I inadvertently selected the bold option.


    freewaytalk mailing list
    email@hidden
    Update your subscriptions at:
    http://freewaytalk.net/person/options

    I think the lesson to learn is that if you want to do this sort of thing then you do it on the Master and then you only need to fix it in one place too.

    D


    freewaytalk mailing list
    email@hidden
    Update your subscriptions at:
    http://freewaytalk.net/person/options

    I agree Dave. However, that particular page has a special link setup because I wanted to make sure users understood the purpose of that chart.

    I do value your opinion, so when you get a moment please take a look at this page and see if it makes sense to you. Bear in mind that it’s primarily target to older users, above the age of 40.

    http://idealynx.com/clients/wmp/properties/propertyoptions.html

    Thanks Dave.


    freewaytalk mailing list
    email@hidden
    Update your subscriptions at:
    http://freewaytalk.net/person/options

    Well as part of your Target market I find that the Italicised text in the table header is not that distinct and that there is not enough contrast between your gray text and the pale yellow/white background.

    For clarity for an old Git I would also prefer a sans serif font.

    Red on hover for me also gives a negative/warning feeling - less inclined to click through!

    D


    freewaytalk mailing list
    email@hidden
    Update your subscriptions at:
    http://freewaytalk.net/person/options

    Good observations. Thank you. Yes, I was concerned about the contrast with the gray text as well. Do you think a darker gray would be better or should I just go with black? I find that black is often not quite as sophisticated, but readability is key.

    Sans serif. Hmm. I’m trying to limit the amount of sans serif fonts I use so the site has more of a traditional feel. I need to think about that one.

    Yeah, I agree. Red does traditionally have a negative connotation. What do you think of a dark pink to match the flower in the header? Assuming that statistics are correct, this site will likely be used more by surviving females anyway. :slight_smile:


    freewaytalk mailing list
    email@hidden
    Update your subscriptions at:
    http://freewaytalk.net/person/options

    I agree with Dave about the sans-serif font. Also, more contrast in the
    type.

    Also, when you have things like “download our park map” you should make
    those links – don’t make me go looking for the things you say I need to
    download.

    Looking good!


    Ernie Simpson
    52 years experience as a human being

    On Wed, Jun 27, 2012 at 9:28 PM, RavenManiac email@hidden wrote:

    Good observations. Thank you. Yes, I was concerned about the contrast with
    the gray text as well. Do you think a darker gray would be better or should
    I just go with black? I find that black is often not quite as
    sophisticated, but readability is key.

    Sans serif. Hmm. I’m trying to limit the amount of sans serif fonts I use
    so the site has more of a traditional feel. I need to think about that one.

    Yeah, I agree. Red does traditionally have a negative connotation. What do
    you think of a dark pink to match the flower in the header? Assuming that
    statistics are correct, this site will likely be used more by surviving
    females anyway. :slight_smile:


    freewaytalk mailing list
    email@hidden
    Update your subscriptions at:
    http://freewaytalk.net/person/options


    freewaytalk mailing list
    email@hidden
    Update your subscriptions at:
    http://freewaytalk.net/person/options

    Thanks Ernie. I just updated the page. It’s looking much better. The site is about 85% done. I hear ya about the links. I was planning on doing that, which is why I have a few lines of text reminding me to do certain things.

    I do have a few questions though regarding the links.

    1. What do you think is less confusing for an elderly person, a link that opens in a new window or one that simply goes to that page?

    2. How do you feel about PDFs? Should I have them open in the browser, in a new browser window, or just downloaded to the user’s PC?

    Thanks again for your help.


    freewaytalk mailing list
    email@hidden
    Update your subscriptions at:
    http://freewaytalk.net/person/options

    I think it is bad form to take control of the user experience away from the
    user. When it comes to links, let them open in the same window – it is much
    easier for the user to override this behavior than when links open new tabs
    or windows. Don’t be rude.

    PDF’s work the same way I think. Simple links can be opened in the browser
    by the user or downloaded – depending on their browser setting and their
    choices. What you don’t want is to have the links in your document be
    ambiguous – so make your link experiences consistent. If a user doesn’t
    know they’re about to open a PDF, they might be put off by the experience.
    Give some fair warning, like indicating clearly the link is a pdf. Give
    them an idea of the size (111k) or direct them to a page where thay can
    have more information and maybe a thumbnail cover to gauge the kind of
    reading experience they can expect – I tend to read short text pdfs online
    and view long or image-laden pdfs locally.

    Best wishes :slight_smile:


    Ernie Simpson

    On Wed, Jun 27, 2012 at 10:18 PM, RavenManiac email@hiddenwrote:

    Thanks Ernie. I just updated the page. It’s looking much better. The site
    is about 85% done. I hear ya about the links. I was planning on doing that,
    which is why I have a few lines of text reminding me to do certain things.

    I do have a few questions though regarding the links.

    1. What do you think is less confusing for an elderly person, a link that
      opens in a new window or one that simply goes to that page?

    2. How do you feel about PDFs? Should I have them open in the browser, in
      a new browser window, or just downloaded to the user’s PC?

    Thanks again for your help.


    freewaytalk mailing list
    email@hidden
    Update your subscriptions at:
    http://freewaytalk.net/person/options


    freewaytalk mailing list
    email@hidden
    Update your subscriptions at:
    http://freewaytalk.net/person/options

    Sounds good. I’ll update my pages accordingly.


    freewaytalk mailing list
    email@hidden
    Update your subscriptions at:
    http://freewaytalk.net/person/options

    To me the picture frame with the map in it looks like something I would expect to see on the study wall of an old golfer - and not obvious it is a link to the Pdf.

    I think it would also useful to give a Pdf like this a more appropriate name rather than just wmp_map. After a download it is useful when you come across a file like that on your HD - might be next week or next year - to know what it is without having to open it. Especially for us older gits.

    D


    freewaytalk mailing list
    email@hidden
    Update your subscriptions at:
    http://freewaytalk.net/person/options

    So, are you suggesting no picture frame, or something more upscale, like a gold leafed frame? As for the PDF, are you suggesting I spell out the name, instead of using an acronym?

    FYI, the site still needs a lot of cleaning up in terms of imagery and design. I’m just not happy with some of the images I’ve selected, or their placement, so I need to search for some better ones today.

    Also, took your advice on the links. Went with a traditional underlined link style using primary colors from the site. I think that works much better.

    On 28 Jun 2012, 8:37 am, DeltaDave wrote:

    To me the picture frame with the map in it looks like something I would expect to see on the study wall of an old golfer - and not obvious it is a link to the Pdf.

    I think it would also useful to give a Pdf like this a more appropriate name rather than just wmp_map. After a download it is useful when you come across a file like that on your HD - might be next week or next year - to know what it is without having to open it. Especially for us older gits.

    D


    freewaytalk mailing list
    email@hidden
    Update your subscriptions at:
    http://freewaytalk.net/person/options

    On PDFs – I think the goal is not just to spell out acronyms but to supply
    more descriptive names.

    Hopefully, the PDFs themselves will also have been internally branded to
    preserve continuity with the website experience.


    Ernie Simpson

    On Thu, Jun 28, 2012 at 10:32 AM, RavenManiac email@hiddenwrote:

    …As for the PDF, are you suggesting I spell out the name, instead of using
    an acronym?


    freewaytalk mailing list
    email@hidden
    Update your subscriptions at:
    http://freewaytalk.net/person/options

    But, when I name a PDF I can’t use spaces, correct? In other words, I’d have to name the file something like:

    cemetery_map.pdf


    freewaytalk mailing list
    email@hidden
    Update your subscriptions at:
    http://freewaytalk.net/person/options