Web Analytics Made Easy -
StatCounter CSS, DIV, JS and table - CodingForum

Announcement

Collapse
No announcement yet.

CSS, DIV, JS and table

Collapse
X
 
  • Filter
  • Time
  • Show
Clear All
new posts

  • CSS, DIV, JS and table

    Hello

    I try to implement a CSS/JS/Ajax menu, work find outside a table:
    http://www.metadelic.com/new_cms/cms/front_content.php

    But once integrated into the table, doesn't work.

    Here are the code:
    Code:
    <!doctype html public "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    
    <html xmlns="http://www.w3.org/1999/xhtml">
    
    <head profile="http://gmpg.org/xfn/11">
      <title></title>
    
      <script src="js/jquery-latest.js" type="text/javascript" charset="utf-8"></script>
      <script src="js/interface.js" type="text/javascript" charset="utf-8"></script>
      <script src="js/rb_menu.js" type="text/javascript" charset="utf-8"></script>
    
      <link rel="stylesheet" type="text/css" href="css/rb_menu.css" />
    </head>
    
    <body>
    
    <div id="main_menu" class="menu">
    <div class="rb_toggle"><span>menu »</span></div>
        <div class="rb_menu">
            <ul>
                <li><a href="">Home</a></li>
                <li><a href="">Facts</a></li>
                <li><a href="">Projects</a></li>
                <li><a href="">Press</a></li>
                <li><a href="">Jobs</a></li>
                <li><a href="">Contacts</a></li>
                <li><a href="">Log in</a></li>
            </ul>
        </div>
    </div>
    </div>
    
    <table border="1">
    <tr>
    <td>
    <div id="main_menu_table" class="menu">
    <div class="rb_toggle"><span>menu »</span></div>
        <div class="rb_menu">
            <ul>
                <li><a href="">Home</a></li>
                <li><a href="">Facts</a></li>
                <li><a href="">Projects</a></li>
                <li><a href="">Press</a></li>
                <li><a href="">Jobs</a></li>
                <li><a href="">Contacts</a></li>
                <li><a href="">Log in</a></li>
            </ul>
        </div>
    </div>
    </div>
    </td>
    </tr>
    </table>
    
    <script>
    $('#main_menu').rb_menu();
    $('#main_menu_table').rb_menu();
    </script>
    
    </body>
    </html>
    And the CSS:
    Code:
    .menu {
        font-family: arial, verdana, sans-serif;
        position: relative;
    }
    
    .rb_toggle {
        height: 25px;
        line-height: 25px;
        padding: 0 5px 0 0;
    }
    .rb_toggle span {
        color: #000000;
        font-size: 11px;
        font-weight: bold;
        font-family: arial, verdana, sans-serif;
        cursor: hand;
        cursor: pointer;
    }
    .rb_toggle span.hover {
        color: red;
    }
    
    .rb_menu {
        position: absolute;
        left: 50px;
        top: 0;
        font-weight: normal;
    }
    
    
    .rb_menu ul,
    .rb_menu li {
        list-style-type: none;
        padding: 0;
        margin: 0;
    }
    .rb_menu li {
        float: left;
        height: 25px;
        line-height: 25px;
        padding: 0 10px 0 0;
    }
    .rb_menu a {
        font-size: 16px;
        font-weight: regular;
        color: #0066FF;
        text-decoration: none;
    }
    .rb_menu a:hover {
        text-decoration: underline;
        color: red;
    }
    .rb_menu a.current {
        color: #999999;
    }
    
    
    .clearfix:after {
        content: "."; 
        display: block; 
        height: 0; 
        clear: both; 
        visibility: hidden;
    }
    
    .clearfix {display: inline-block;}
    
    /* Hides from IE-mac \*/
    * html .clearfix {height: 1%;}
    .clearfix {display: block;}
    /* End hide from IE-mac */
    The JS are here:
    http://www.metadelic.com/new_cms/cms...uery-latest.js
    http://www.metadelic.com/new_cms/cms/js/interface.js
    http://www.metadelic.com/new_cms/cms/js/rb_menu.js

    Is that normal?
    Any ideas?

    A lot of thx for your help and time.

    Regards, Dominique
Working...
X