Amigos
Necesito de su ayuda.... estoy haciendo una web e hice una tira de div con texto e imagen, pero al cambiar los tamaños o hacer algun zoom, se me desconfigura todo, necesito urgente un salvavidas.... aqui va el cod.
Código:
#tira_inicio{
height:30px;
float:left;
background-color:#EAEAEB;
font-family:Calibri, Helvetica, sans-serif;
}
Código HTML:
<div id="tira_inicio">
<div style="float:left; padding-left:5px; padding-right:5px; margin-top:5px;"><img src="logo_redsalud/minsal.JPG" width="20" height="20"/></div>
<div style="float:left; padding-right:20px; color:#707070; margin-top:5px;">Ministerio de Salud</div>
<div style="float:left; padding-right:5px; margin-top:5px;"><img src="logo_redsalud/ssc.JPG" width="20" height="20"/></div>
<div style="float:left; padding-right:20px; color:#707070; margin-top:5px;">Servicio de Salud Coquimbo</div>
<div style="float:left; padding-right:5px; margin-top:5px;"><img src="logo_redsalud/mc.JPG" width="20" height="20"/></div>
<div style="float:left; padding-right:20px; color:#707070; margin-top:5px;">Municipalidad de Coquimbo</div>
<div style="float:left; padding-right:5px; margin-top:5px;"><img src="logo_redsalud/hsp.JPG" width="20" height="20"/></div>
<div style="float:left; padding-right:20px; color:#707070; margin-top:5px;">Hospital de Coquimbo</div>
<div style="float:left; padding-right:5px; margin-top:5px;"><img src="logo_redsalud/hls.JPG" width="20" height="20"/></div>
<div style="float:left; padding-right:20px; color:#707070; margin-top:5px;">Hospital de La Serena</div>
<div style="clear:both;"></div>
</div>