Login

11-30-2011, 10:07 PM

[eluser]solid9[/eluser]
I check everything.
And I can't seem to find the problem.

The CSS topmenu.css should format the menu nav <ul> and <ui>
But it won't show properly.

View: front_page.php

Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

&lt;html&gt;

&lt;head&gt;

&lt;meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /&gt;

&lt;title&gt;title&lt;/title&gt;

&lt;link rel="stylesheet" type="text/css" href="&lt;?php echo base_url('css/style.css'); ?&gt;" media="screen" /&gt;

&lt;link rel="stylesheet" type="text/css" href="&lt;?php echo base_url('css/topmenu.css'); ?&gt;" media="screen" /&gt;

&lt;link rel="stylesheet" type="text/css" href="&lt;?php echo base_url('css/header.css'); ?&gt;" media="screen" /&gt;

&lt;link rel="stylesheet" type="text/css" href="&lt;?php echo base_url('css/body.css'); ?&gt;" media="screen" /&gt;

&lt;link rel="stylesheet" type="text/css" href="&lt;?php echo base_url('css/footer.css'); ?&gt;" media="screen" /&gt;

[removed][removed]

&lt;/head&gt;

&lt;body&gt;

<div id='pagewrap'>

 <div id="header"> 

  &lt;?php $this->load->view('header'); ?&gt;

 </div>

    <div id="body1">

  &lt;?php $this->load->view('body'); ?&gt;

    </div>

 <div id="footer">  

  &lt;?php $this->load->view('footer'); ?&gt; 

 </div> 

</div>

&lt;/body&gt;

&lt;/html&gt;

View: header.php

Code:
<div class='wrapper-head'>

  <div class='logo'>

   <img name="logoholder" src="&lt;?php echo base_url('img/barterlogo.jpg'); ?&gt;" width="200" height="130" alt="barterswapping.com">   

  </div>

  <div class='login' align="right">

   <table border="0" bgcolor="red"><tr><td>

       &lt;?php echo form_open("main/login");?&gt;

          &lt;?php echo form_input('$identity', 'Email or Username');?&gt;

     &lt;?php echo ' '; ?&gt;

          &lt;?php echo form_input('$password', 'Password');?&gt;

        <label for="remember">Remember Me:</label>

          &lt;?php echo form_checkbox('remember', '1', FALSE);?&gt;

     &lt;?php echo ' '; ?&gt;      

          &lt;?php echo form_submit('submit', 'Login');?&gt;

       &lt;?php echo form_close();?&gt;

     </td>

     <td>

          &lt;?php echo anchor('main/register', 'Register', 'title="Reigster"'); ?&gt;

     </td>

     <td>&nbsp;</td>

     <td>

          &lt;?php echo anchor('main/forgotpass', 'Forgot Password?', 'title="ForgotPassword"'); ?&gt;          

   </td></tr></table>     

  </div>

  <div class='menu'>

   <div id="navcontainer">

   <table><tr>    

    <ul>

    <td><li><a href="#">How it works?</a></li></td>

    <td><li><a href="#">How to trade?</a></li></td>

    <td><li><a href="#">Events</a></li></td>

    </ul>

   </tr></table>

   </div>   

  </div>

 </div>

CSS: topmenu.css

Code:
#navcontainer ul

{

 margin: 0;

 padding: 0;

 list-style-type: none;

 text-align: center;

}

#navcontainer ul li { 

 display: inline; 

}

#navcontainer ul li a

{

 text-decoration: none;

 padding: .2em 1em;

 color: #fff;

 background-color: #036;

}

#navcontainer ul li a:hover

{

 color: #fff;

 background-color: #369;

}

By the way this is the website look like,
http://barterswapping.com/main/index2/

Thanks in advanced.