Comunidad PHPeros

Lenguajes => Aplicaciones Pre-Fabricadas => Mensaje iniciado por: Kaixe en 30 de Julio de 2012, 11:46:42 am

Título: [Ayuda] Template webspell
Publicado por: Kaixe 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?

(http://img27.imageshack.us/img27/756/phperros.png)

Si necesitais algun archivo os lo paso.

Gracias
Edit: Solucionado, tenia que eliminar el hidden. overflow:hidden;

Título: Re:[Ayuda] Template webspell
Publicado por: AlejoSketch en 30 de Julio de 2012, 22:10:08 pm

Cita de: Kaixe 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?

(http://img27.imageshack.us/img27/756/phperros.png)

Si necesitais algun archivo os lo paso.

Gracias

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

Título: Re:[Ayuda] Template webspell
Publicado por: Kaixe 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;
}

Título: Re:[Ayuda] Template webspell
Publicado por: AlejoSketch en 31 de Julio de 2012, 22:07:41 pm

Cita de: Kaixe 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;
}

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.