Estimados,
Me presento, que tal, soy ezequiel y estoy teniendo una dificultad en poner 2 imagenes en un mismo <div/>
Código HTML:
<div class="gametracker">
<IMG src="http://cache.www.gametracker.com/server_info/14567/b_560_95_1.png" border="1" id="refreshImage" class="img_gametracker" >
<IMG src="{T_THEME_PATH}/images/fondo1.png" class="img_fondo">
</div>
codigo css
Código:
.gametracker {
text-align: center;
}
.img_gametracker {
max-width: 100%;
max-height:100%;
}
.img_fondo {
max-width: 100%;
max-height:100%;
}
Las 2 imágenes se encuentran en el mismo espacio y conviven en armonía si el width del browser es lo suficientemente ancho.
Si la ventana del browser, disminuye, las 2 imágenes ya no se encuentran en la misma fila. Necesitaría que se queden siempre en la misma fila y vayan disminuyendo su tamaño a la par.
Asi se representa el problema->
Muchas gracias y disculpen lo novato que soy.
Saludos.