Buenas, desde que cambié las medidas del texto a relativas "em", la nube de etiquetas se muestra pero refleja todos los termino del mismo tamaño.
La función de la nube de etiquetas funciona correctamente, ya que la he probado arriba del todo de la cabecera y funciona. Lo que me he dado cuenta es que no funciona en cualquier parte del código.
Arriba de la cabecera funciona, pero voy bajando la función php de la nube entre caja y caja, y llega a un punto que deja de funcionar.
Pego el código por si es más fácil solucionarlo viéndolo. He puesto dos notas, señalando hasta donde funciona la nube, y a partir de que caja deja de funcionar:
Código PHP:
</head>
<body>
<div id="wrapper">
<div id="header">
<div class="fondo_megabanner">
<div class="img_publi">
imagen
</div>
<div class="banner728x90">
banner
</div>
<div class="img_publi">
imagen
</div>
<div class="banner234x90">
banner
</div>
</div>
<div class="descripcion">
<h1>Diario digital</h1>
</div>
<!-- !!!!!!!! #código nube Hasta aquí funciona -- -->
<div class="fecha">
codigo carga la fecha
</div>
<!-- !!!!!!!! #código nube A partir de aquí deja de funcionar -- -->
<div class="finizquierdo_bar_sup"></div>
<div class="centro_bar_sup"></div>
<div class="finderecho_bar_sup"></div>
Pego la parte de CSS:
Código:
*{
margin:0;
padding:0;
}
h1,h2,h3,h4,h5,h6 {
font-weight: normal;
}
body{
margin: 0;
font: normal 62.5% Tahoma;
text-align: justify;
vertical-align: top;
background: #FFF;
color: #000;
}
a:link, a:visited {
text-decoration: none;
color: #3366cc;
}
a:hover, a:active{
text-decoration: underline;
color: #d7167c;
}
h2 a:link, h2 a:visited {
text-decoration: none;
color: #000000;
}
img{ border: 0px; }
p{ padding: 10px 0 0 0; }
#wrapper{
margin:0 auto 0 auto;
width: 60%;
min-width: 997px;
text-align:left;
}
/*
>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> header
*/
#header{
width: 100%;
height: 267px;
background: #fff url(imagenes/cabecerav3.png) no-repeat;
}
.fondo_megabanner{
width: 100%;
height: 101px;
background-color: #f2f2f2;
border: #c9c9c9 1px solid;
}
.img_publi{
float: left;
margin-left: 1px;
margin-right: 1px;
margin-top: 28px;
}
.descripcion h1{
float: left;
font-size: 1.2em;
color: #666;
margin-left: 2px;
margin-top: 4px;
text-align: left;
}
.fecha h2{
float: right;
color: #666;
font-size: 1.2em;
margin-right: 5px;
margin-top: 4px;
margin-bottom: 4px;
}
.finizquierdo_bar_sup{
clear: both;
float: left;
background: url(imagenes/fin_izq_sup.png);
background-repeat: no-repeat;
height: 17px;
width: 0.9%;
}
.centro_bar_sup{
background-image: url(imagenes/centro_sup.png);
background-repeat: repeat-x;
float: left;
height: 17px;
width: 98.2%;
}
.finderecho_bar_sup{
background: url(imagenes/fin_derech_sup.png);
background-repeat: no-repeat;
float: right;
height: 17px;
width: 0.9%;
}
.logo{
float: left;
margin-left: 1px;
padding-top: 3px;
}
/*IE6*/
* html .logo{
float: left;
margin-left: 1px;
padding-top: 3px;
}
/*IE7*/
*:first-child+html .logo{
float: left;
margin-left: 1px;
padding-top: 2px;
}
.logo h1 a{
float: left;
height: 110px;
width: 465px;
position: relative;
}
.logo h3{ display: none; }
.cleardefault{
border-top: 1px solid #b2b2b2;
border-left: 1px solid #b2b2b2;
border-bottom: none;
border-right: none;
margin-left: 2px;
width: 150px;
color: #666;
}
.bton{
font-size:1.1em;
color: #40454b;
background:#fff;
border-right:none;
border-bottom: none;
border-left: none;
border-top: none;
width:35px;
height:19px;
padding-bottom: 3px;
margin-right: 3px;
}
.f_buscar{
border-right:1px solid #b2b2b2;
border-bottom: 1px solid #b2b2b2;
border-left: none;
border-top: none;
margin-right: 5px;
}
.boton{
font-size:1.1em;
color: #40454b;
background:#fff;
border-right:none;
border-bottom: none;
border-left: none;
border-top: none;
width:60px;
height:19px;
padding-bottom: 3px;
}
span.hora{ color: #ad4343; }
.caja_buscar{
float: right;
padding-top: 20px;
padding-bottom: 7px;
}
/*IE6*/
* html .caja_buscar{
float: right;
padding-top:17px;
padding-bottom: 7px;
}
/*IE7*/
*:first-child+html .caja_buscar{
float: right;
padding-top: 17px;
padding-bottom: 7px;
}
.finizquierdo_bar_inf{
clear: both;
background: url(imagenes/fin_izq_inf.png);
background-repeat: no-repeat;
float: left;
height: 6px;
width: 0.9%;
}
.centro_bar_inf{
background-image: url(imagenes/centro_inf.png);
background-repeat: repeat-x;
float: left;
height: 6px;
width: 98.2%;
}
.finderecho_bar_inf{
background: url(imagenes/fin_derech_inf.png);
background-repeat: no-repeat;
float: right;
height: 6px;
width: 0.9%;
}
Quizás es una tontería pero me está voliendo loco esto.
Un saludo.