1. Welcome to TechPowerUp Forums, Guest! Please check out our forum guidelines for info related to our community.

CSS help

Discussion in 'Programming & Webmastering' started by freaksavior, Mar 20, 2012.

  1. freaksavior

    freaksavior To infinity ... and beyond!

    Joined:
    Dec 11, 2006
    Messages:
    8,071 (2.81/day)
    Thanks Received:
    908
    Code:
         <div id="tabs31"> 
                  <ul>
                                <li>What we do:</li>
    
                  <li><a href="#" title="Capitol Market Advisory"><span>Capitol Market Advisory</span></a></li> 
                  <li><a href="#" title="Outsourcing Solutions"><span>Outsourcing Solutions</span></a></li> 
                  <li><a href="#" title="Loan & Collateral Management" class="current"><span>Loan & Collateral Management</span></a></li>
                  <li><a href="#" title="Technology Platforms"><span>Technology Platforms</span></a></li> 
                  <li><a href="#" title="Staffing Solutions"><span>Staffing Solutions</span></a></li>
                  </ul>
                  </div> 
                  
    		  </div>
    Code:
    
    
    #tabs31
    {
    position:relative;
    display:block;
    height:39px;
    font-size:11px;
    font-weight:bold;
    background-image:url(img/Homepage_r10_c8.jpg);
    background:transparent url(http://tpucdn.com/forums//images/bgOFF1.gif) repeat-x top left;
    font-family:Arial,Verdana,Helvitica,sans-serif;
    padding:35px 0 0 15%;
    }
    
    #tabs31 ul
    {
    margin:0;
    padding:0;
    list-style-type:none;
    width:auto;
    }
    
    #tabs31 ul li
    {
    display:block;
    float:left;
    margin:0;
    }
    
    #tabs31 ul li a
    {
    display:block;
    float:left;
    color:#FFF;
    text-decoration:none;
    padding:11px 20px 0 20px;
    height:23px;
    background:#888888;
    }
    
    #tabs31 ul li a:hover,
    #tabs31 ul li a.current
    {
    color:#fff;
    background:#848484;
    
    }
    
    When I use the above code, the images will not display. I have tried using background-image:url (''); but it doesn't work. :(

    I need to make a css3 compatible button that will fade transition with two images I have. C8 is the button, c10 is the hover button.

    Any suggestions?
     

    Attached Files:

    Crunching for Team TPU
  2. freaksavior

    freaksavior To infinity ... and beyond!

    Joined:
    Dec 11, 2006
    Messages:
    8,071 (2.81/day)
    Thanks Received:
    908
    Finally got it. Stayed up till 5am heh!
     
    Crunching for Team TPU

Currently Active Users Viewing This Thread: 1 (0 members and 1 guest)

Share This Page