He insertado en un pagina.php un widgets de twitter donde aparece unas noticias rotativas. Le he indicado al widgets que sólo me muestre una solo linea con la noticia correspondiente pero me aparecen varias. He intentado de todas las forma reducir la altura del contenedor en este caso <div id="twitter_div"> para que solo me muestro 1 linea de texto. He utilizado para ello la propiedad display añadiendo "none" con lo que lo oculta el div totalmente.
Alguien me podria decir con puedo semiocultar un div por la parte de abajo?
Os agradeceria mucho la ayuda por que ya no sé por donde tirar
----------------------------------------------------------------------------------WIDGETS TWITTER
<div id="twitter_div">
<ul id="twitter_update_list">
<a href="http://twitter.com/IPPCV_24HORAS" ></a></ul>
<script type="text/javascript" src="http://twitter.com/statuses/user_timeline/XXXX.json?callback=twitterCallback2&count=1"></script>
<script src="http://widgets.twimg.com/j/2/widget.js"></script>
<script>
new TWTR.Widget({
version: 2,
type: 'profile',
rpp: 1,
interval: 11000,
width: 'auto',
height:10,
theme: {
shell: {
background: '#f2eff2',
color: '#f2eff2'
},
tweets: {
background: '#edf5f3',
color: '#c91022',
links: '#091a02'
}
},
features: {
scrollbar: false,
loop: true,
live: true,
hashtags: false,
timestamp: false,
avatars: false,
behavior: 'default'
}
}).render().setUser('XXXX').start();
</script>
</div>
--------------------------------------------------------------------------------------------------CSS
.twoColLiqRtHdr #twitter_div {
width: 100%;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:22px!Important;
font-weight:bold!Important;;
float: left;
clear: both;
color: white;
overflow: hidden;
display:none;
height:95px;
text-indent:20px;
}