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:
Cita:
CSS: <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>
<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>
Cita:
/* 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;
}
.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!