Todo en una misma linea....

[alvarorojas4]

Hola!
bueno, estoy aprendiendo CSS y no sé si esto sera sencillo o no... lo que sucede es que muestro unas imágenes y al pasar el cursor por encima se muestra una ventana transparente con un texto que yo defino (Llamado thetip), lo que sucede es que yo quiero que todos queden en la misma linea y no en diferentes...
el codigo q tengo es el siguiente:

<div class="thetip" title="Z39 :: Campaña para la película 'Un hotel para perros'"><img src="http://images.habbohotel.co.uk/c_images/Badges/Z39.gif"></div>
<div class="thetip"title="Z38 :: Campaña para la película 'Un hotel para perros'"><img
src="http://images.habbohotel.co.uk/c_images/Badges/Z38.gif"></div>
<div class="thetip" title="Z37 :: Campaña para la película 'Un hotel para perros'"><img src="http://images.habbohotel.co.uk/c_images/Badges/Z37.gif"></div>
<div class="thetip" title="Z36 :: Campaña para la película 'Un hotel para perros'"><img src="http://images.habbohotel.co.uk/c_images/Badges/Z36.gif"></div>
<div class="thetip" title="Z35 :: Campaña para la película 'Un hotel para perros'"><img src="http://images.habbohotel.co.uk/c_images/Badges/Z35.gif"></div>
<div class="thetip" title="Z34 :: Campaña para la película 'Un hotel para perros'"><img src="http://images.habbohotel.co.uk/c_images/Badges/Z34.gif"></div>

CSS:

/* The Tips */
.tool-tip{
color:#444444;
width:250px;
z-index:13000;
}

.tool-title{
font-weight:normal;
font-size:16px;
font-family:Georgia, "Times New Roman", Times, serif;
margin:0;
color:#343434;
padding:8px 8px 5px 8px;
background:url(images/tips-trans.png) top left;
text-align:left;
}

.tool-text{
font-size:12px;
padding:0 8px 8px 8px;
background:url(images/tips-trans.png) bottom right;
text-align:left;
}

Espero que me pudan ayudar.. muchas gracias..
saludos!

[Aresillo]

y el código css?
Podrías poner un link a una url?

Aresillo!!

[alvarorojas4]

Claro q tonto...

/* The Tips */
.tool-tip{
color:#444444;
width:250px;
z-index:13000;
}

.tool-title{
font-weight:normal;
font-size:16px;
font-family:Georgia, "Times New Roman", Times, serif;
margin:0;
color:#343434;
padding:8px 8px 5px 8px;
background:url(images/tips-trans.png) top left;
text-align:left;
}

.tool-text{
font-size:12px;
padding:0 8px 8px 8px;
background:url(images/tips-trans.png) bottom right;
text-align:left;
}

si te refieres el linka la URL donde está lo que deseo es:
http://habboact.net

Saludos y gracias por la ayuda :)

[alvarorojas4]

Perdón por hacer doble post... :/ pero me podrían colaborar ? :l

Saludos!

[Mikmoro]

Prueba añadiendo esto a la css:

.thetip {float: left;}

[rene-silva]

Primero, no es más fácil colocarle simplemente el atributo title a la imagen. Y segundo div tiene una propiedad de "display:block" por default (algunos elementos también la tienen ej h1,h2,etc) y cambiando simplemente el "display:inline" entonces los desplega en línea sin necesidad de usar la propiedad "float".

[alvarorojas4]

Colocando
.thetip {float: left;}
Funciona..
!!
Muchas gracias