Problema con Rollovers en CSS

O

ONega #1 Jun '04

pues nunca tuve ningun problema, pero ayer quise hacer un rollover con una imagen que tenia el atributo align. Pues al tener la imagen alineada, el rollover deja de funcionar. Si se lo quito, va perfectamente, pero lo necesito porque quiero que la imagen tenga texto alrededor y eso pq va en una especie de columna.

Para ser algo mas exacto, el rollover digo que no va, pq empieza a cambiar rapidamente y no se ve nada, no sé, nunca me habia pasado y quitando el align del img, si funciona.

Que puedo hacer?

Un saludo

gohrum #2 Jun '04

si no te explicas mas es un poco dificil, pero muchas etiquetas HTML dejan de ser validas al abrir comillas(") y no cerrarlas, o porque has puesto aling en vez de align o cualquier tonteria de estas; fijate bien que todo está bien escrito y/o están todas las comillas que tocan.

O

ONega #3 Jun '04

sino estuviese bien escrito no se alinearia.gracias de todas formas

más?

PiradoIV #4 Jun '04 Brongster

Prueba un <div style="text-align:center;"><img ... /></div>

Saludotes,
Pirado IV estuvo akí

O

ONega #5 Jun '04

si pero kiero que el texto se vaya poniendo pegado a la imagen, y con un div, se pone a distinta altura: primero texto, luego imagen y luego texto, en vez de irse poniendo al lado de esta. Por eso necesito que esté alineada a un lado la imagen.
hay alguna forma?

gohrum #6 Jun '04

has provado de hacer una imagen con el texto ^^
y despues para hacer el rollover usas el javascript mouseover & mouseout...
no se...

O

ONega #7 Jun '04

lo de hacer una imagen con el texto es una posible solucion. El rollover no lo hago con javascript xD
De todas formas ahora tengo curiosidad :S por saber como se hace y pq al poner el atributo align deja de funcionar.

Enga gracias, un saludo

gohrum #8 Jun '04

marius #9 Jul '04

joer, mucho mas sencillo que todo eso:

Mete tanto el texto como la imagen dentro de un div.
No le des alineacion al texto.
Con css utiliza posicionamiento para ese div y dale float:left; a la foto.

En cuanto al script para el rollover pudes resumirlo en 3 lineas utilizando un array para las fotos.
A las fotos le das un id (imagen0, imagen1, imagen2...)

y en la funcion over metes esto:

function over(cual){
var img = document.getElementById("imagen"+cual);
img.src = overs[cual];

Siendo la variable overs el array con las fotos.

Lo mismo para el estado normal.

Usuarios habituales