Foros del Web » Creando para Internet » HTML »

Problemas con los divs

Estas en el tema de Problemas con los divs en el foro de HTML en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 03/10/2013, 06:43
 
Fecha de Ingreso: junio-2012
Mensajes: 7
Antigüedad: 12 años, 5 meses
Puntos: 0
Problemas con los divs

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> 
  #2 (permalink)  
Antiguo 03/10/2013, 07:06
Avatar de pzin
Moderata 😈
 
Fecha de Ingreso: julio-2002
Ubicación: Islas Canarias
Mensajes: 10.489
Antigüedad: 22 años, 4 meses
Puntos: 2114
Respuesta: Problemas con los divs

Meter CSS dentro del HTML no es muy recomendable.

¿Y qué quieres que ocurra cuando cambie el tamaño de pantalla o se haga zoom? Tienes que tener eso claro antes que nada.
  #3 (permalink)  
Antiguo 03/10/2013, 07:22
 
Fecha de Ingreso: junio-2012
Mensajes: 7
Antigüedad: 12 años, 5 meses
Puntos: 0
Respuesta: Problemas con los divs

La idea es que quede una tira arriba del container que al hacer zoom de pagina esa tira se mantenga en la misma alineacion y orden y no se vayan las letras para un lado y las imagenes para otro, Algo asi como la barra negra que esta al inicio de esta pagina.... Respecto a la recomendacion la tomare en cuenta gracias....

Última edición por juanluis1983; 03/10/2013 a las 07:30

Etiquetas: divs
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 17:14.