Forums

  • # May 29, 2011 at 1:22 am

    I implemented the Magic Line Navigation I found online: http://css-tricks.com/examples/MagicLine/
    and it works on mac and pc – but some ie versions the navigation is aligning vertically instead of horizontally. Do I need to give the nav bar a minimum width? less padding? do I need a JavaScript hack?

    http://meredithpicerno.com/complexions/index.html

    Any help would be great –

    # May 29, 2011 at 1:32 pm

    Hi Mottie,

    Thank you for the tips – when i add the conditional html statements i get 3 errors when i validate my page in dreamweaver:
    1. the tag “html” is not allowed within: “head” it is only allowed in [xhtml 1.0 transitional]
    2. the tag “html” doesn’t have an attribute “class” in currently active versions [xhtml 1.0 transitional]
    3. the attribute xml:lang is required when using the attribute lang in xhtml [xhtml 1.0 transitional]

    Should I be concerned with these messages?

    Thank you again!!!

    # May 29, 2011 at 8:24 pm

    Hi Mottie – thank you for the tips – i added the html conditional statements after the however, when i validate my page in dreamweaver, i get the following errors:

    the tag “html” is not allowed within: head it is only allowed within [xhtml 1.0 transitional]
    the tag “html” doesn’t have an attribute: “class” in currently active versions [xhtml 1.0 transitional]
    the attribute xml: lang is required when using the attribute lang in [xhtml 1.0 transitional]

    and this section of my html code is highlighted:

    should i be concerned with these errors??
    thank you!

    # May 29, 2011 at 8:26 pm

    Hi Mottie –
    okay, i pasted the code above the head tag like this:

    < !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">






    but i’m still getting 2 of the same errors:

    the tag “html” doesn’t have an attribute: “class” in currently active versions [xhtml 1.0 transitional]
    the attribute xml: lang is required when using the attribute lang in [xhtml 1.0 transitional]

    should i be concerned??

    thank you!

    # May 29, 2011 at 8:56 pm

    Conditional statements go inside the head section.

    If you’re going to use script tags this way

    you might as well switch out your current doctype with an HTML5 doctype. That would clean up most of the errors, otherwise you will have to add

    type="text/javascript"
    # May 29, 2011 at 9:04 pm

    Thank you Christopher – here’s the example I pulled from css-tricks.com:

    < !DOCTYPE html>








    jQuery MagicLine Navigation Demo









    the conditional statements are both above the head tag and below it – any thoughts?

    # May 29, 2011 at 9:17 pm

    Well, I’m not too familiar with this actually. The conditional statements seem to be incase javascript is turned off so it looks to be correct. Have you tried switching doctypes?

    # May 30, 2011 at 12:33 am

    okay – this is my latest attempt to add the conditional statements to my document:

    < !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" >





    I only get one error message in dreamweaver related to this:

    the tag “html” doesn’t have an attribute: “class” in currently active versions [xhtml 1.0 transitional]

    and other errors related to the javascript:






    the errors read for each script:
    in tag: script the following attributes are missing: [xhtml 1.0 transitional]

    Mottie – can you give me some help??? Thank you!!

    # May 30, 2011 at 2:32 am

    Question, why are you determined to stick with xhtml? Also, don’t rely on dreamweaver all the time.

    # May 31, 2011 at 1:39 am

    Yep, I believe I commented on that in my first post to this discussion.

    Validating your pages can significantly reflect on SEO performance, just an fyi.

    # May 31, 2011 at 3:14 pm

    Thank you all for your help!!!

    # November 26, 2012 at 5:32 pm

    Hello Could someone help’m pretty novice at this, I would love for knowing That Should change it so That When You click on a bar room, stay there and not return to That left by default, ie Left click to give where I clicked acerca , ie the origin is where I am sailing, Which is not a default and always go back to That, but it again in the section of the bar where I clicked ….

    # June 13, 2013 at 8:38 am

    Hello,

    I would like to use the MagicLine. But on my first page there is no item in the navigation for the first page. How can I define the start position of the MagicLine without the start item on this first page?

    Currently there is defined as start item the tag li with class “first”.

    Thank you. Jenda

    # June 24, 2013 at 4:32 am

    Hello,
    can someone help me? I wanted to integrate the magicline in my page but it doesn’t work with the newer version of jquery (1.9.1). What do I have to change that it works?

    Thank you!
    Suzumi

    # June 24, 2013 at 5:37 am

    must have been another error. it works now.
    Thank you

Viewing 15 posts - 1 through 15 (of 15 total)

You must be logged in to reply to this topic.

icon-anchoricon-closeicon-emailicon-linkicon-logo-staricon-menuicon-nav-guideicon-searchicon-staricon-tag