div, img y texto

[ThunderFx]

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

[Mikmoro]

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.

[ThunderFx]

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 ...

[Mikmoro]

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.

[ThunderFx]

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

[ThunderFx]

Alguien puede ayudarme!!!

[Mikmoro]

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

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

Mikel.

[ThunderFx]

waw quedo super bien!!! muchisimas gracias!! gracias