Skip navigation
Currently Being Moderated

Navigation hided?

Apr 7, 2012 3:47 AM

Dear all,

I am facing a problem with a navigation its hide with picture transition container,

please help WEBLINK

 
Replies
  • Currently Being Moderated
    Apr 7, 2012 4:13 AM   in reply to manojb05

    Hi,

     

    at the first glance I can see these "file:///" in your source code, like:

     

    <li><a href="file:///Macintosh HD/Users/ManojB/Desktop/CHD/CHD/www.chddevelopers.com/op-leadership-d evelop.html">Leadership Development</a></li>

     

    Your links are pointing to your hard drive. DW thinks that every file you have linked to is outside the local root folder for the site. It's trying desperately to keep a valid link to those files, but clearly its use of the 'file:///'-type link will not work on the web.

     

    Hans-Günter

     
    |
    Mark as:
  • Currently Being Moderated
    Apr 7, 2012 5:18 AM   in reply to manojb05

    Hi manoj,

     

    do you think about this?

     

    drMen.jpg

     

    ... 'cause you made it like this it would be normal and ok. If not, please send me a screenshot for my better understanding.

     

    Hans-Günter

     
    |
    Mark as:
  • Currently Being Moderated
    Apr 7, 2012 5:59 AM   in reply to manojb05

    Hi manoj(?),

     

    I'm sorry, I don't use safari. BUT as you can see your website works best in my IE8. My FF - on the other hand - does not display correctly your website. In these cases I got used to look for these little add-ons (left click: open link in IETab), and heureka in my FF it looks great too. The link is: https://addons.mozilla.org/de/firefox/addon/ie-tab/

     

    drMenFFTab02.jpg

    Maybe Chrome has such a feature so too.

     

    Hans-Günter

     
    |
    Mark as:
  • Currently Being Moderated
    Apr 7, 2012 7:19 AM   in reply to manojb05

    Your page has quite a few issues with the code:

     

    http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fwww.newtoncli ents.com%2Fnewton_new_web%2Fcont4.html

     

    The validator indicates that the <ul> <li> elements that make up your menu are not properly coded.  I think this will have an impact on your menu but at least, it would be helpful to rule out those problems before looking again at the issue you describe.

     

    Martin

     
    |
    Mark as:
  • Currently Being Moderated
    Apr 8, 2012 10:08 AM   in reply to manojb05

    There is a problem with z-index (stacking order).  The slide show needs a low z-index.  The sub-menus need a higher z-index to remain on top of slides.  

     

    In order to apply z-index, your elements must be positioned either relative or absolute.

    http://www.smashingmagazine.com/2009/09/15/the-z-index-css-property-a- comprehensive-look/

     

     

    ()__()

    (='.'=)

    (")_(")

     

    Nancy O.

    Alt-Web Design & Publishing

    Web | Graphics | Print | Media  Specialists 

    http://alt-web.com/

     
    |
    Mark as:
  • Currently Being Moderated
    Apr 9, 2012 12:58 AM   in reply to manojb05

    manojb05 wrote:

     

    Dear all,

    I am facing a problem with a navigation its hide with picture transition container,

    please help WEBLINK

     

    Hi manoj, you have a couple of issued going on here.

     

    First you need to comment out /*  */ the overflow:hidden; attribute applied to the 'header' css selector (see below). You can't use overflow: hidden; if you are using drop down naviagtion as this will hide the drop downs. 

     

    #header {

        /*overflow: hidden;*/

    }

     

    We now need an alternative way to clear the floated <divs> in the 'header' which overflow: hidden; was previously doing. Go into code view and insert - <br style="clear: both; /> - after the closing 'headerRight' </div> tag and before the closing 'header </div> tag (see below)

     

    </div><!-- end headerRight -->

    <br style="clear: both;" />

    </div><!-- end header-->

     

    Finally add- position: relative; and z-index: 1; to the 'mainAreaRight' css selector (as below)

     

    #mainAreaRight {

        float: left;

        width: 740px;

        position: relative;

        z-index: 1;

    }

     
    |
    Mark as:

More Like This

  • Retrieving data ...

Bookmarked By (0)

Answers + Points = Status

  • 10 points awarded for Correct Answers
  • 5 points awarded for Helpful Answers
  • 10,000+ points
  • 1,001-10,000 points
  • 501-1,000 points
  • 5-500 points