float IE - Mozilla

[Votredieu]

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

[kemie]

votre, que es exactamente lo que quieres hacer?
para que quieres el float?

tienes algun lugar donde podamos ver la pagina?

[Votredieu]

Iniciado por kemie

votre, que es exactamente lo que quieres hacer?
para que quieres el float?

tienes algun lugar donde podamos ver la pagina?

Bueno de hecho no tenia planeado subirla ,pues solo estoy haciendo esta web para ver que me sale y la tengo localhost, pero bueno aqui la subi.

Sobre float, pues eso es lo que quiero saber, para que lo quiero? es que si se lo quito a la hoja de estilos me sale el espacio del boton Inicio SIN el boton de Inicio y eso solo me pasa en el Mozilla pero en el IE me sale bien

Y bueno lo que exactamente quiero hacer es "actualizar mi web" con CSS pues como podras ver en el código fuente, el photoshop todavia ocupa una imagen llamada "espacio.gif" de 1x1 px. y eso segun lo que he leido ya paso a la prehistoria :-p

Saludos
Saludos

[kemie]

ok, ya vi cual es tu problema. te hace falta agregarle a .onmouse la propiedad display:block, que va a hacer que tu link se comporte como un cuadrado, en vez de como texto (y asi le puedes dar un alto y un ancho). El otro problema es que no tienes nada dentro de tu enlace, por lo que no se va a desplegar nada. Cuando menos pon un comentario adentro, que me parece que algunos navegadores no muestran elementos vacios.

[Votredieu]

Iniciado por kemie

ok, ya vi cual es tu problema. te hace falta agregarle a .onmouse la propiedad display:block, que va a hacer que tu link se comporte como un cuadrado, en vez de como texto (y asi le puedes dar un alto y un ancho). El otro problema es que no tienes nada dentro de tu enlace, por lo que no se va a desplegar nada. Cuando menos pon un comentario adentro, que me parece que algunos navegadores no muestran elementos vacios.

Pues si, funciono

Sobre el enlace, pues le agrege "algo" pero me sale encima de la imagen

Saludos

[kemie]

votredieu, intenta agregarle solo un comentario, asi:

Código:

<a href="index.html" class="onmouse"><!--algo--></a>

[Votredieu]

Iniciado por kemie

votredieu, intenta agregarle solo un comentario, asi:

Código:

<a href="index.html" class="onmouse"><!--algo--></a>

<!--Comentario--> ups!! bueno muchiiiiisimas Gracias