Hola miren:
tengo este código
Código PHP:
.onmouse {
float: right;
width: 117px;
height: 29px;
border: 0px solid;
background: url(Images/index_08_2.gif) no-repeat 0 0px;
}
a.onmouse:link, a.onmouse:visited, a.onmouse:active {
background: url(Images/index_08.gif) no-repeat 0 0px;
}
a.onmouse:hover {
background: url(Images/index_08_2.gif) no-repeat 0 0px;
}
en el IExplorer se ve bien si le quito el float, pero en Mozilla no y la verdad no tengo idea de porque pasa eso, pues apenas empiezo con esto de las CSS
Lo estoy aplicando aqui:
Código HTML:
<tr>
<td>
<img src="Images/index_07.gif" width="19" height="29" alt=""></td>
<td colspan="2">
<a href="index.html" class="onmouse"></a></td>
<td>
<img src="Images/index_09.gif" width="20" height="29" alt=""></td>
<td colspan="2">
<img src="Images/index_10.gif" width="18" height="29" alt=""></td>
<td colspan="2">
<img src="Images/index_11.gif" width="117" height="29" alt=""></td>
<td>
<img src="Images/index_12.gif" width="20" height="29" alt=""></td>
<td>
<img src="Images/index_13.gif" width="20" height="29" alt=""></td>
<td>
<img src="Images/index_14.gif" width="117" height="29" alt=""></td>
<td>
<img src="Images/index_15.gif" width="19" height="29" alt=""></td>
<td>
<img src="Images/index_16.gif" width="19" height="29" alt=""></td>
<td>
<img src="Images/index_17.gif" width="117" height="29" alt=""></td>
<td>
<img src="Images/index_18.gif" width="19" height="29" alt=""></td>
<td>
<img src="Images/espacio.gif" width="1" height="29" alt=""></td>
</tr>
Ahora tengo entendido que maquetar con tablas ya paso a la historia, pero la verdad no encuentro algun tuto o ejemplo de como maquetar con CSS
para asi poder hacer lo que ya tengo elaborado en tablas en Hojas de Estilo, alguna idea??
Saludos
