Tengo un problemita con un css que estoy armando.
Tengo una lista la cual uso como menu pero solo puedo asignar un icono para todos los links y yo necesito asignar un icono para un link y no que sean todos iguales.
Este es el css
Código css:
Ver original#sidebar {
border:1px solid #999999;
float:right;
width:200px;
margin-bottom: 7px;
}
#sidebar ul{
margin:0;
padding:0;
list-style: none;
}
#sidebar li {
margin:2px;
height: 22px;
background-color:#f5f5f5;
}
#sidebar li a {
display: block;
text-decoration: none;
color:#565656;
background-color:#f5f5f5;
border:1px solid #dedede;
padding-left:18px;
background-image:url(images/user.png);
background-repeat:no-repeat;
background-position:left;
}
#sidebar li a:hover {
color:#336699;
background-color:#dff4ff;
border:1px solid #c2e1ef;
}
Y el html
Código php:
Ver original<div id="sidebar">
<h2>Menu</h2>
<ul>
<?php
if ($this->session->userdata('logged_in') == FALSE)
{
echo '<li><a href="'.base_url().'user/register">Register</a></li>';
echo '<li><a href="'.base_url().'user/login">Login</a></li>';
}
else
{
echo '<li><a href="'.base_url().'user/view/'.$this->session->userdata('s_user').'">Profile</a></li>';
echo '<li class="logout"><a href="'.base_url().'user/logout">Logout</a></li>';
}
?>
</ul>
</div>