SitePoint Sponsor

User Tag List

Results 1 to 4 of 4

Hybrid View

  1. #1
    SitePoint Member
    Join Date
    Jun 2006
    Posts
    4
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Angry dropdown nav should work perfectly...doesn't!

    I've been fooling with this nav ALL NIGHT and now half the day...this is totally killing me!

    This nav works just the way it's supposed too: www.cuush.com

    But this one doesn't: http://www.cuush.com/ecom/know-your-buddha.php (no dropdowns)

    This nav is from Stu Nicholls css website (he da man), it's totally built to work cross-browser and it DOES...
    but when it gets into my template something gets messed up and I just can't see it.

    The code is EXACTLY the same!

    I've stripped the page one section at a time, up and down...I've tweaked everything I know on the two .css files.
    (Yeah, there's two included with this PURE css nav...well, actually three including my original file -
    but I've pulled each one off the page at one point or another and nothing helps!)

    I'm certain the problem here is something obvious...
    but even after 9 hours of tweaking I just don't know enough css to find it!

    I'm REALLY trying to finish this tshirt business and crap like this isn't what I should be spending my time on right now....
    so I would really appreciate if someone could take a look at this, or at least offer some suggestions as to where/why I might tweak something.

    Watching one version work while the other doesn't - IN THE SAME DAMN BROWSER!!!!

    Too much...

  2. #2
    SitePoint Member
    Join Date
    Apr 2006
    Location
    mw.sn.de
    Posts
    14
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    the answer is simple:

    the dropdown doesn't work because there is a parent table in the 2nd site. try to add the red lines around your 1st site and you'll see, that it doesn't work with parent tables.

    Code:
    <table>
      <tr>
        <td>
    
    	<div class="menu">
    
    		..............
    
    	</div>
    
        </td>
      </tr>
    </table>
    you have 3 options now:

    a) find out if this dropdown-css works in span-classes or divs or whatever
    b) use a simple non-table dropdown-list like suckerfish (http://www.alistapart.com/articles/dropdowns/)
    c) use the existing script with tables and change all other content with removing any parent table

    i suggest you to use b) and c) ! tables are not meant to be used for content or navigation. (http://www.hotdesign.com/seybold/) so change your design... replace every table with div and some css rules. it's not as hard as it sounds and it makes your site faster!
    - Annuit . Coeptis /.
    http://www.pro-lamer.de

  3. #3
    SitePoint Member
    Join Date
    Jun 2006
    Posts
    4
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Wow, I had no idea about tables restricting CSS that way...
    I thought that z-index just went over top of everything?

    So even though you've pointed out the problem,
    I'm still having trouble grasping why it doesn't work.

    I mean, I understand the problem...
    but not the theory behind it.

    Anyway, thanks for the heads up...that one was absolutely killing me,
    I knew it was something simple that I just couldn't see (didn't know).

    I plan to rewrite everything soon.

    Thx.

  4. #4
    SitePoint Member
    Join Date
    Apr 2006
    Location
    mw.sn.de
    Posts
    14
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    i guess the parent table limits the range of the children tables in IE. so you can't move "out" the defined CELL of the parent table and therefore the dropdown doesn't work.
    - Annuit . Coeptis /.
    http://www.pro-lamer.de


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •