Foros del Web » Creando para Internet » CSS »

div, img y texto

Estas en el tema de div, img y texto en el foro de CSS en Foros del Web. Hola amigos, algo muy comun que hago es que en una imagen dice "Usuarios online" y con texto pongo los usuarios en linea Ok ahora, ...
  #1 (permalink)  
Antiguo 23/12/2006, 10:27
 
Fecha de Ingreso: diciembre-2003
Ubicación: Campehce, Mexico
Mensajes: 325
Antigüedad: 14 años
Puntos: 0
div, img y texto

Hola amigos, algo muy comun que hago es que en una imagen dice "Usuarios online" y con texto pongo los usuarios en linea Ok ahora, todo eso esta dentro de un div, de igual manera tiene un background de fondo de 18 de alto, pero cuando escribo algun texto, el div se me hace más grande y eso hace que la img de fondo se duplique un poco más lo cual hace que se vea descuadrado el diseño. Le he bajado ala font al tamaño más chico pero aún asi queda, podria ponerle al background un no repeat, pero ese no es el caso, sino que el div quede de tamaño del background de fondo...


Muchisimas gracias de antemano
  #2 (permalink)  
Antiguo 23/12/2006, 18:46
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Re: div, img y texto

Pues supongo que deberías darle al div la altura exacta que quieres que tenga por el asunto del fondo. Aun así, creo que deberías dar más información.
Mikel.
  #3 (permalink)  
Antiguo 27/12/2006, 14:47
 
Fecha de Ingreso: diciembre-2003
Ubicación: Campehce, Mexico
Mensajes: 325
Antigüedad: 14 años
Puntos: 0
Re: div, img y texto

Ok brother, le doy la altura exacta pero aun asi se descuadra ..

Código PHP:
<div id="general">
    <
div id="header"><img src="images/1.gif" width="158" height="18"><img src="images/usuarios_enlinea.gif" width="103" height="18"><img class="im" src="images/total_acordes.gif" width="101" height="18"><font style="font-size: 5pt">vv</font></div>
</
div
CSS
Código PHP:
<style type="text/css">
body{
    
text-align:center;
}
#general{
    
width:760px;
    
height:100px;
}
#header{
    
valign:top;
    
height:18px;
    
text-align:left;
    
height:10px;
    
background:url('images/bg_tool.gif');
}

#header .im{
    
margin-left:150px;
}
</
style
Por más chico que hago la letra, siempre me keda un espacio, osea como que hay padding abajo, eso es lo que no quiero ... Espero puedan ayudarme ...
  #4 (permalink)  
Antiguo 27/12/2006, 16:18
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Re: div, img y texto

Pues lo lamento pero no estoy seguro de entenderlo. Como no hay acceso a tus imágenes no veo qué es lo que ocurre.
Sí te puedo decir que veo un pequeño error en el código de tu css: en header, tienes repetido el tamaño de alto, una vez a 18px y la segunda a 10px, con lo que tus cajas salen a 10px

#header{
valign:top;
height:18px;
text-align:left;
height:10px;
background:url('images/bg_tool.gif');

Quizá lo que querías poner era el tamaño del texto (font-size: 10px;), y eso te está provocando el error. Puede que no tenga nada que ver, pero lo que sí te aseguro es que como lo tienes las cajas no miden 18px, sino 10px.

Si puedes cuélgalo en algún sitio y así podremos ver el problema.

Mikel.
  #5 (permalink)  
Antiguo 28/12/2006, 18:28
 
Fecha de Ingreso: diciembre-2003
Ubicación: Campehce, Mexico
Mensajes: 325
Antigüedad: 14 años
Puntos: 0
Re: div, img y texto

Ok, espero asi puedan ayudarme ..
Aqui esta
www.acordescristianos.net/css

Como se dan cuenta, existe una separacion de las imagenes de arriba con las imagenes de abajo ... Es a lo que me refiero, en el mozilla me sale perfecto, pero en el IE no :(

Gracias
  #6 (permalink)  
Antiguo 02/01/2007, 17:24
 
Fecha de Ingreso: diciembre-2003
Ubicación: Campehce, Mexico
Mensajes: 325
Antigüedad: 14 años
Puntos: 0
Re: div, img y texto

Alguien puede ayudarme!!!
  #7 (permalink)  
Antiguo 02/01/2007, 18:43
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Re: div, img y texto

Prueba añadiendo esto a tu cabecera, justo antes de la etiqueta </head>:

<!--[if IE]><style>
#header {margin-top: -4px;}
</style>
<![endif]-->

Mikel.
  #8 (permalink)  
Antiguo 08/01/2007, 13:57
 
Fecha de Ingreso: diciembre-2003
Ubicación: Campehce, Mexico
Mensajes: 325
Antigüedad: 14 años
Puntos: 0
Re: div, img y texto

waw quedo super bien!!! muchisimas gracias!! gracias
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 20:44.