www.webdeveloper.com
Results 1 to 3 of 3

Thread: Problem in css

  1. #1
    Join Date
    Jan 2006
    Posts
    96

    Problem in css

    HI,
    I copied this css from CSS tab designer, I saved it as html, when i run it, it dont look like it is in the example. Can some one please tell me what i am missing?
    <!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>
    <meta http-equiv="Content-Type"

    content="text/html; charset=iso-8859-1" />
    <title>Free CSS Navigation Menu Designs

    1 at exploding-boy.com</title>
    <style type="text/css">
    <!--
    body {
    margin:0;
    padding:0;
    font: bold 11px/1.5em Verdana;
    }

    h2 {
    font: bold 14px Verdana, Arial, Helvetica, sans-serif;
    color: #000;
    margin: 0px;
    padding: 0px 0px 0px 15px;
    }


    /*- Menu Tabs C--------------------------- */

    #tabsC {
    float:left;
    width:100%;
    background:#EDF7E7;
    font-size:93%;
    line-height:normal;
    }
    #tabsC ul {
    margin:0;
    padding:10px 10px 0 50px;
    list-style:none;
    }
    #tabsC li {
    display:inline;
    margin:0;
    padding:0;
    }
    #tabsC a {
    float:left;
    background:url("tableftC.gif") no-repeat left top;
    margin:0;
    padding:0 0 0 4px;
    text-decoration:none;
    }
    #tabsC a span {
    float:left;
    display:block;
    background:url("tabrightC.gif") no-repeat right top;
    padding:5px 15px 4px 6px;
    color:#464E42;
    }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabsC a span {float:none;}
    /* End IE5-Mac hack */
    #tabsC a:hover span {
    color:#FFF;
    }
    #tabsC a:hover {
    background-position:0% -42px;
    }
    #tabsC a:hover span {
    background-position:100% -42px;
    }

    #tabsC #current a {
    background-position:0% -42px;
    }
    #tabsC #current a span {
    background-position:100% -42px;
    }
    -->
    </style>
    </head>

    <body>
    <h2>Tab Menu C</h2>
    <div id="tabsC">
    <ul>
    <!-- CSS Tabs -->
    <li><a href="Home.html"><span>Home</span></a></li>
    <li><a href="Products.html"><span>Products</span></a></li>
    <li><a href="Services.html"><span>Services</span></a></li>
    <li><a href="Support.html"><span>Support</span></a></li>
    <li id="current"><a

    href="Order.html"><span>Order</span></a></li>
    <li><a href="News.html"><span>News</span></a></li>
    <li><a href="About.html"><span>About</span></a></li>

    </ul>
    </div>
    </body>
    </html>

  2. #2
    Join Date
    Mar 2006
    Location
    Newcastle NSW Australia
    Posts
    4,033
    You have the two graphics in the same folder as the html ?

  3. #3
    Join Date
    Feb 2005
    Posts
    1,018
    Looks fine to me other than missing background images which is probably the only thing you didn't download.
    If you can't handle the job then don't take the job or ask for help on it if you are getting paid for it.
    Web Developer's Handbook.::.Why Tables for Layout is Stupid?.::.Why I won't help you

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

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



Recent Articles