www.webdeveloper.com
+ Reply to Thread
Results 1 to 3 of 3

Thread: Problem in css

  1. 11-02-2006 08:33 PM #1
    alidar777
    alidar777 is offline Registered User
    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>
    Reply With Quote Reply With Quote
  2. 11-02-2006 08:50 PM #2
    Centauri's Avatar
    Centauri
    Centauri is offline Registered User
    Join Date
    Mar 2006
    Location
    Newcastle NSW Australia
    Posts
    4,033
    You have the two graphics in the same folder as the html ?
    Reply With Quote Reply With Quote
  3. 11-02-2006 08:54 PM #3
    _Aerospace_Eng_'s Avatar
    _Aerospace_Eng_
    _Aerospace_Eng_ is offline CSS Master (somewhat)
    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
    Reply With Quote Reply With Quote
« Previous Thread | Next Thread »

Thread Information

Users Browsing this Thread

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

     

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

Forum Rules

 HTML5 Development Center



Recent Articles