Foros del Web » Creando para Internet » CSS »

Problema aplicando estilo

Estas en el tema de Problema aplicando estilo en el foro de CSS en Foros del Web. hola estoy aplicando un estilo de esta forma @import url("http://static.forosdelweb.com/clientscript/vbulletin_css/geshi.css"); Código PHP: Ver original <div id="columna2 <?php echo $contenido ; ?> ">       ...
  #1 (permalink)  
Antiguo 09/06/2010, 12:33
Avatar de el_cesar  
Fecha de Ingreso: mayo-2001
Ubicación: Cali
Mensajes: 2.423
Antigüedad: 22 años, 10 meses
Puntos: 20
Problema aplicando estilo

hola estoy aplicando un estilo de esta forma

Código PHP:
Ver original
  1. <div id="columna2<?php echo $contenido;?>">
  2.           <jdoc:include type="message" />
  3.           <div class="espaciador">
  4.          
  5.              <?php  if($blog_texto=="user"){ ?>
  6.           <div id="bienvenidos"><jdoc:include type="modules" name="user3" style="none" />
  7.           </div>
  8.           <?php }?>
  9.          <jdoc:include type="component" />
  10.          </div> <!--fin espaciador1-->
  11.         </div><!--fin columna2-->

en este portal http://www.basc.com.co

pero resulta que no me lo toma porque las letras siguen por debajo de la columna y el texto queda cortado.

el estilo es

Código CSS:
Ver original
  1. .espaciador{
  2. width:500px;
  3. line-height:12px;
  4. text-align:justify;
  5.  
  6. }
  7. #columna2{
  8. float:left;
  9. width:620px;
  10. overflow:hidden;
  11. }

que podra estar pasando?
__________________
Say no more.......
  #2 (permalink)  
Antiguo 09/06/2010, 13:17
Avatar de DragonX
Colaborador
 
Fecha de Ingreso: mayo-2002
Ubicación: Funkyland
Mensajes: 8.433
Antigüedad: 21 años, 10 meses
Puntos: 177
Respuesta: Problema aplicando estilo

El problema esta que en tu HTML tenes esto:

Código HTML:
Ver original
  1. <div id="columna2-parcial">

y en tu CSS esto:

Código CSS:
Ver original
  1. #columna2{

me explico? son dos id's diferentes
__________________
Desarrollos dosLotos
Calendario Maya, Meditación, Osho
  #3 (permalink)  
Antiguo 09/06/2010, 13:32
Avatar de el_cesar  
Fecha de Ingreso: mayo-2001
Ubicación: Cali
Mensajes: 2.423
Antigüedad: 22 años, 10 meses
Puntos: 20
Respuesta: Problema aplicando estilo

Dragon, ese columna2-parcal tambien lo tengo solo se me olvido ponerlo, pero aqui esta

Código CSS:
Ver original
  1. #columna2-parcial{
  2. float:left;
  3. width:430px;
  4. overflow:hidden;
  5. padding:0 15px 0 10px;
  6. }

pero no entiendo porque .espaciador es el que controla el contenido y me tomo el valos del espacio entre lineas, pero el padding y el width del div no lo toma
__________________
Say no more.......
  #4 (permalink)  
Antiguo 09/06/2010, 13:42
Avatar de DragonX
Colaborador
 
Fecha de Ingreso: mayo-2002
Ubicación: Funkyland
Mensajes: 8.433
Antigüedad: 21 años, 10 meses
Puntos: 177
Respuesta: Problema aplicando estilo

Código HTML:
Ver original
  1. <div id="columna2-parcial" style="height: 1827px;">
  2.   <div class="espaciador">
  3.       <div class="componentheading">

sacale ese style="..." a columna2-parcial
__________________
Desarrollos dosLotos
Calendario Maya, Meditación, Osho
  #5 (permalink)  
Antiguo 09/06/2010, 14:11
Avatar de el_cesar  
Fecha de Ingreso: mayo-2001
Ubicación: Cali
Mensajes: 2.423
Antigüedad: 22 años, 10 meses
Puntos: 20
Respuesta: Problema aplicando estilo

mmm estoy revisando mi codigo y en ningun momento se le ha asignado ese style a columna2-parcial, no se porque lo toma, aqui pongo el codigo

Código Javascript:
Ver original
  1. <?php
  2. //Codigo de Seguridad
  3. defined('_JEXEC') or die('Acceso Denegado');
  4.  
  5. //Definiendo Variables
  6. $ruta_p=JURI::base()."templates/".$this->template."/";
  7. $ruta_s=JURI::base();
  8. $blog_texto=JRequest::getVar('view');
  9.  
  10.  
  11. //$contenido="-parcial"; Solo si hay modulos en left o en right pero no en ambos a la vez.
  12. $contenido="";
  13. if($this->countModules('right')){
  14. $contenido="-parcial";
  15. }
  16.  
  17.  
  18. ?>
  19. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  20. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="<?php echo $this->language; ?>" lang="<?php echo $this->language; ?>">
  21. <head>
  22. <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
  23. <jdoc:include type="head" />
  24.  
  25. <!--Carga de Archivos CSS-->
  26. <link href="<?php echo $ruta_p;?>css/template.css" type="text/css" rel="stylesheet" />
  27. <link href="<?php echo $ruta_s;?>templates/system/css/general.css" type="text/css" rel="stylesheet" />
  28. <link href="<?php echo $ruta_s;?>templates/system/css/system.css" type="text/css" rel="stylesheet" />
  29.  
  30.  
  31. <!--[if IE 6]>
  32. <link rel="stylesheet" href="<?php echo $ruta_p."css/ie6.css" ?>" type="text/css" />
  33. <script type="text/javascript" src="<?php echo $ruta_p;?>js/DD_belatedPNG.js"></script>
  34. <script type="text/javascript">
  35. DD_belatedPNG.fix('img');
  36. </script>
  37. <![endif]-->
  38. <?php  if($this->countModules('right')){?>
  39. <script type="text/javascript">function igualarAlturas() {
  40.     var col1 = document.getElementById('columna1');
  41.     var col2 = document.getElementById('columna2-parcial');
  42.     var col3 = document.getElementById('columna3');
  43.     hcol1 = col1.offsetHeight;
  44.     hcol2 = col2.offsetHeight;
  45.     hcol3 = col3.offsetHeight;
  46.     //Aunque creo que sería más legible esta línea sólo
  47.     col2.style.height = col3.style.height = col1.style.height = Math.max( hcol1, hcol2) +"px";
  48. }
  49. </script>
  50. <?php }else{?>
  51. <script type="text/javascript">function igualarAlturas() {
  52.     var col1 = document.getElementById('columna1');
  53.     var col2 = document.getElementById('columna2');
  54.     hcol1 = col1.offsetHeight;
  55.     hcol2 = col2.offsetHeight;
  56.  
  57.     //Aunque creo que sería más legible esta línea sólo
  58.     col2.style.height  = col1.style.height = Math.max( hcol1, hcol2) +"px";
  59. }
  60. </script>
  61.  
  62.  
  63.  
  64. <?php }?>
  65. </head>
  66.  
  67. <body class="fondo"  onLoad="igualarAlturas();">
  68. <div id="contenedor">
  69.  
  70. <div id="cabecera">
  71.         <div id="logo"><jdoc:include type="modules" name="logo" style="none" /></div><!--fin logo-->
  72.         <div id="fecha"> <?php echo JHTML::_('date', 'now', '%A, %d de %B'); ?> </div><!--fin de #fecha_rss-->
  73.         <div id="banner"><jdoc:include type="modules" name="banner" style="none" /></div><!--fin banner-->
  74.         <div id="buscador"><jdoc:include type="modules" name="user1" style="none" /></div><!--fin de #buscador-->
  75.         <div id="menuprincipal"><jdoc:include type="modules" name="user2" style="none" /></div><!--fin menuprincipal-->
  76. </div><!--fin cabecera-->
  77.  
  78. <div id="contenido" class="clearfix">
  79.         <div id="columna1">
  80.  
  81. <jdoc:include type="modules" name="left" style="xhtml" />
  82. <!--Slider-->
  83.  
  84.         </div><!--fin columna1-->
  85.         <div id="columna2<?php echo $contenido;?>">
  86.           <jdoc:include type="message" />
  87.           <div class="espaciador">
  88.          
  89.              <?php  if($blog_texto=="user"){ ?>
  90.           <div id="bienvenidos"><jdoc:include type="modules" name="user3" style="none" />
  91.           </div>
  92.           <?php }?>
  93.          <jdoc:include type="component" />
  94.          </div> <!--fin espaciador1-->
  95.         </div><!--fin columna2-->
__________________
Say no more.......

Etiquetas: estilo
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 05:40.