Foros del Web » Creando para Internet » CSS »

Problema al cambiar a medidas relativas

Estas en el tema de Problema al cambiar a medidas relativas en el foro de CSS en Foros del Web. 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. ...
  #1 (permalink)  
Antiguo 23/03/2009, 04:11
 
Fecha de Ingreso: marzo-2009
Mensajes: 71
Antigüedad: 8 años, 9 meses
Puntos: 0
Problema al cambiar a medidas relativas

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.

Última edición por naked; 23/03/2009 a las 04:19
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 03:56.