Autor Tema: [Ayuda] Template webspell  (Leído 858 veces)

Desconectado Kaixe

  • PHPerit@
  • *
  • Mensajes: 40
  • Karma: 0
    • Ver Perfil
[Ayuda] Template webspell
« en: 30 de Julio de 2012, 11:46:42 am »
Hola, en mi pagina, puse la cms webspell para clanes, junto con el template que traducí, pero se ven las secciones cortadas y no se porque, me podeis ayudar?



Si necesitais algun archivo os lo paso.

Gracias
Edit: Solucionado, tenia que eliminar el hidden. overflow:hidden;
« Última modificación: 31 de Julio de 2012, 21:18:31 pm por Kaixe »

Comunidad PHPeros

[Ayuda] Template webspell
« en: 30 de Julio de 2012, 11:46:42 am »

Desconectado AlejoSketch

  • PHPero Avanzado
  • ****
  • Mensajes: 339
  • Karma: 12
  • Sexo: Masculino
  • Aprendiendo algo nuevo cada día!
    • Ver Perfil
Re:[Ayuda] Template webspell
« Respuesta #1 en: 30 de Julio de 2012, 22:10:08 pm »
Hola, en mi pagina, puse la cms webspell para clanes, junto con el template que traducí, pero se ven las secciones cortadas y no se porque, me podeis ayudar?



Si necesitais algun archivo os lo paso.

Gracias

Hola, como estás incluyendo las secciones en la página? con includes o iframes?


Desconectado Kaixe

  • PHPerit@
  • *
  • Mensajes: 40
  • Karma: 0
    • Ver Perfil
Re:[Ayuda] Template webspell
« Respuesta #2 en: 31 de Julio de 2012, 12:37:38 pm »
includes
Código: [Seleccionar]
<div id="last_news">
<div id="last_news_header"></div>
<div id="last_news_left"></div>
<div id="last_news_main">
<?php include("sc_headlines.php"); ?>
</div>
<div id="last_news_right"></div>
<div id="last_news_bottom"></div>
</div>
codigo css
Código: [Seleccionar]
#last_news {
width:223px;
height:130px;
float:left;
position:relative;
}
#last_news_header {
width:223px;
height:23px;
background:url(images/design/lastnews/last_news_header.png) no-repeat 0 0;
float:left;
}
#last_news_left {
width:3px;
height:114px;
background:url(images/design/lastnews/last_news_left.png) no-repeat 0 0;
float:left;
}
#last_news_right {
width:5px;
height:114px;
background:url(images/design/lastnews/last_news_right.png) no-repeat 0 0;
float:left;
}
#last_news_main {
width:215px;
height:130px;
float:left;
overflow:hidden;
background:#ededed;
}
#last_news_bottom {
width:223px;
height:2px;
background:url(images/design/lastnews/last_news_bottom.png) no-repeat 0 0;
float:left;
}
« Última modificación: 31 de Julio de 2012, 12:47:46 pm por Kaixe »

Desconectado AlejoSketch

  • PHPero Avanzado
  • ****
  • Mensajes: 339
  • Karma: 12
  • Sexo: Masculino
  • Aprendiendo algo nuevo cada día!
    • Ver Perfil
Re:[Ayuda] Template webspell
« Respuesta #3 en: 31 de Julio de 2012, 22:07:41 pm »
includes
Código: [Seleccionar]
<div id="last_news">
<div id="last_news_header"></div>
<div id="last_news_left"></div>
<div id="last_news_main">
<?php include("sc_headlines.php"); ?>
</div>
<div id="last_news_right"></div>
<div id="last_news_bottom"></div>
</div>
codigo css
Código: [Seleccionar]
#last_news {
width:223px;
height:130px;
float:left;
position:relative;
}
#last_news_header {
width:223px;
height:23px;
background:url(images/design/lastnews/last_news_header.png) no-repeat 0 0;
float:left;
}
#last_news_left {
width:3px;
height:114px;
background:url(images/design/lastnews/last_news_left.png) no-repeat 0 0;
float:left;
}
#last_news_right {
width:5px;
height:114px;
background:url(images/design/lastnews/last_news_right.png) no-repeat 0 0;
float:left;
}
#last_news_main {
width:215px;
height:130px;
float:left;
overflow:hidden;
background:#ededed;
}
#last_news_bottom {
width:223px;
height:2px;
background:url(images/design/lastnews/last_news_bottom.png) no-repeat 0 0;
float:left;
}

Mira, en el #last_news_main debes poner una altura superior a la que tienes (height:130px;), porque aparte de que es muy poca altura para tu contenido tiene la propiedad overflow: hidden; por lo que se oculta.