[Consulta]Imagen que rellene segun resolucion y PreCarga de Imagen

[StreicK]

Haber les cuento tengo 4 imagenes en el menu de arriba me explico:

Imagen1 : 240x77
Imagen 2: 96x77
Imagen 3: 96x77
Imagen 4: 96x77
Imagen 5: 10x77

La Imagen5 quiero que rellene el resto del "width" de cada resolución , si le coloco 100% me baja la imagen a una nueva linea y no queda al lado de las demás.

Es algo como sucede acá en el foro , tienen el logo de FOROSDELWEB luego espacio y la barra de Google y luego una imagen que se debe rellenar dependiendo de la resolución de cada uno.

Mi segunda consulta , he leído bastante de varios rollover pero el único que me ha gustado mas ha sido este :

Código PHP:

  <a href="invitaciones.php" onmouseover= "document.imagen4.src='images/topnav-04-on.gif'"; onmouseout="document.imagen4.src ='images/topnav-04-off.gif'"> <img src="images/topnav-04-off.gif" name="imagen4" width="96" height="77" border="0" id="imagen4" /></a>  
   

El problema que no logro encontrar alguna Precarga para este script , si alguien sabe de alguno me podría ayudar

Desde ya muchas gracias

Saludos

[StreicK]

A la primera pregunta , meti todo en una tabla y de fondo a la tabla le coloque la IMAGEN5 y la tabla 100% creo que es una buena idea.
Si alguien tiene otra es bienvenida.

Solo falta la segunda pregunta ;)

[jomaruro]

Hola:

La solución a la primera pregunta no es la mejor solución, no se deberían usar las tablas para maquetar una web sino para tabular datos de una BD, por ejemplo, lo mejor sería hacerlo con CSS.

#img5 {background:url(ruta/imagen5.gif) repeat-x}

Para la segunda busca informacion sobre sprites+css.

Saludos.

[StreicK]

Gracias por la respuesta jomaruro pero no seria mas fácil una "precarga de imagenes" ?

Desde ya muchas gracias