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>