I have no code in my controller; I am just using default code that comes with it.
In my example.php view I have updated css style that comes by default with it, in order to by like other pages in the project. I added the following tags selctors
header{
width: 80%;
height:50 px ;
color: #FFFFFF;
background-color:#9A9B9A;
margin-right:auto;
margin-left: auto;
padding: 10px;
overflow: hidden;
border: 4px;
border-radius: 4px;
-moz-border-radius: 2px
margin: 0 auto;
clear: both;
padding: 2em 2em;
position: relative;
top: px;
}
header nav
{
position: relative;
left:70%;
;
height:100 px ;
top: 50 px;
z-index: 100;
}
header a {
text-decoration: none;
font-size: 14px;
color: black;
margin:3px;
padding: 3px 10px 4px 10px;
}
a:hover
{
text-decoration: underline;
}
table, td, th
{
border:1px dashed;
}
section{
width: 80%;
height: 80%;
position: relative;
background#FFFFFF;
margin-right:auto;
margin-left: auto;
padding: 10px;
}
Then I put the menu in those tags like
<body>
<header>
<img src="imgs/logo_en.gif" />
<nav>
<a href='<?php echo site_url('examples/customers_management')?>'>Customers</a>
<a href='<?php echo site_url('examples/orders_management')?>'>Orders</a>
<a href='<?php echo site_url('examples/products_management')?>'>Products</a>
<a href='<?php echo site_url('examples/offices_management')?>'>Offices</a>
</nav>
</header>
<section>
<?php echo $output; ?>
</section>
</body>
the image tag always disappear when i navigate between those links. and that's the problem.
What I am planning to do is
extending and customizing one css style where I can apply it for all CRUD grocery pages instead of default css ; but i couldn't do that. please tell me if there is a way to so.