Hola chicos.
Tengo un problemilla, es que he hecho un sistema de usuarios, pero primero quiero maquetarlo.
el caso que la estructura la tengo así:
Código:
<ul>
<li><img src="images/avatars/bookert.gif" width="36" height="36" />
<ul>
<li>NatESkiN</li>
<li><a href="a" target="_self">Editar Perfil</a></li>
<li><a href="a" target="_self">aaaaaaaa</a> </li>
</ul>
</li>
<li><img src="images/avatars/avatar35.gif" width="36" height="36" />
<ul>
<li>reverence</li>
<li><a href="a" target="_self">Ver Perfil</a></li>
<li><a href="a" target="_self">aaaaaaa</a> </li>
</ul>
</li>
<li><img src="images/avatars/predator.gif" width="36" height="36" />
<ul>
<li>rmirabelle</li>
<li><a href="a" target="_self">Ver Perfil</a></li>
<li><a href="a" target="_self">aaaaaa</a> </li>
</ul>
</li>
<li><img src="images/avatars/sonic_2.gif" width="36" height="36" />
<ul>
<li>Clairvoyant</li>
<li><a href="a" target="_self">Ver Perfil</a></li>
<li><a href="a" target="_self">aaaaaa</a> </li>
</ul>
</li>
<li><img src="images/avatars/tetsuoakira.gif" width="36" height="36" />
<ul>
<li>Nova</li>
<li><a href="a" target="_self">Ver Perfil</a></li>
<li><a href="a" target="_self">aaaaaa</a> </li>
</ul>
</li>
<li><img src="images/avatars/xbox_5.gif" width="36" height="36" />
<ul>
<li>kittyKat</li>
<li><a href="a" target="_self">Ver Perfil</a></li>
<li><a href="a" target="_self">aaaaaa</a> </li>
</ul>
</li>
<li><img src="images/avatars/kid2.gif" width="36" height="36" />
<ul>
<li>EidetcImage</li>
<li><a href="a" target="_self">Ver Perfil</a></li>
<li><a href="a" target="_self">aaaaaa</a> </li>
</ul>
</li>
<li><img src="images/avatars/artlink.gif" width="36" height="36" />
<ul>
<li>KamilKascha</li>
<li><a href="a" target="_self">Ver Perfil</a></li>
<li><a href="a" target="_self">aaaaaa</a> </li>
</ul>
</li>
<li><img src="images/avatars/wc3human.gif" alt="" />
<ul>
<li>Klyph</li>
<li><a href="a" target="_self">Ver Perfil</a></li>
<li><a href="a" target="_self">aaaaaa</a> </li>
</ul>
</li>
<li><img src="images/avatars/gta4_018.jpg" width="36" height="36" />
<ul>
<li>Cigaro</li>
<li><a href="a" target="_self">Ver Perfil</a></li>
<li><a href="a" target="_self">aaaaaa</a> </li>
</ul>
</li>
</ul>
Código:
#wrapper #column #onlineMembers ul{
list-style-type: none;
}
#wrapper #column #onlineMembers ul li{
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #4A494A;
}
#wrapper #column #onlineMembers ul li{
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #4A494A;
}
#wrapper #column #onlineMembers ul li img{
float: left;
}
#wrapper #column #onlineMembers ul li ul li{
border-bottom-style: none;
display: block;
background-color: #FF0000;
}
El caso que firefox me lo hace perfecto, pero internet explorer, me pone la imagen superior al listado en si y quiero ponerlo todo por igual
¿algien me puede ayudar?
PD: quiero saber, si firefox y los demas navegadores lo hacen bien, si iex lo hace diferente pues puedo hacer una hoja de estilos para esa excepcion, ¿no?
un saludo!