Por que se descuadra mi diseño?

  • Autor Autor djfumon
  • Fecha de inicio Fecha de inicio
djfumon

djfumon

Zeta
Verificación en dos pasos activada
Verificado por Whatsapp
Hola buenas,

pues en mi theme de wordpress, al poner mas de 8 categorias el diseño se descuadra,

aqui dejo la captura cuando he puesto 9 categorias, haver si me pueden ayudar con esto, saludos.

Enlace eliminado

Uploaded with ImageShack.us
 
Favor pasanos el code aunque sea por MP para asi ayudarte mejor.
 
si no vemos el códe sera dificil adivinarlo
Perdona, aqui dejo el code,

PHP:
<?php get_header(); ?>
<?
global $options;
foreach ($options as $value) {
    if (get_settings( $value['id'] ) === FALSE) { $$value['id'] = $value['std']; } else { $$value['id'] = get_settings( $value['id'] ); }
}
?>
<div align="center"><div class="indextop">
<div class="randomgames">
<div class="randomtop"><div class="randomtop123"><h2>Juegos gratis</h2></div></div>

<div class="randomgame">

<?php $recent = new WP_Query("cat=&showposts=10&orderby=rand"); while($recent->have_posts()) : $recent->the_post();?>
<div class="gamethumb">
<div class="thumbs">
<a href="<?php the_permalink() ?>"><img src="<?php $values = get_post_custom_values("thumb"); echo $values[0]; ?>" alt="juegos flash" height="80" width="96" onMouseOver="return tooltip('<?php echo $contenttt=substr(get_the_content(), 0, 150); ?>','<b>juegos online</b>','width:200');" onMouseOut="return hideTip();" /></a><br />
</div>
<div class="thumbtitle">
<a href="<?php the_permalink() ?>" rel="bookmark" title="Jugar a <?php the_title_attribute(); ?>" alt="juegos flash"><?php
$tit = the_title('','',FALSE);
echo substr($tit, 0, 15);
if (strlen($tit) > 15) echo " ...";
?></a>
</div>
</div>
<?php endwhile; ?>

</div>

<div class="randombottom"></div>
</div>

<?php include (TEMPLATEPATH . '/ads/ad-336-280.php'); ?>

</div>

<div class="indexbottom">

<?php include (TEMPLATEPATH . '/ads/ad-120-600.php'); ?>

<div class="newgames">
<div class="newgamestop"><div class="randomtop123"><h2>Juegos online</h2></div></div>

<div class="newgamesgame">

<?php $recent = new WP_Query("cat=&showposts=21"); while($recent->have_posts()) : $recent->the_post();?>
<div class="gamethumb2">

<div class="thumbs">

<a href="<?php the_permalink() ?>" title="Jugar a <?php the_title_attribute(); ?>"><img src="<?php $values = get_post_custom_values("thumb"); echo $values[0]; ?>" alt="juegos online" height="80" width="96" onMouseOver="return tooltip('<?php echo $contenttt=substr(get_the_content(), 0, 150); ?>','<b>juegos online</b>','width:200');" onMouseOut="return hideTip();" /></a>
</div>
<div class="thumbtitle">
<a href="<?php the_permalink() ?>" rel="bookmark" title="Jugar a <?php the_title_attribute(); ?>"><?php
$tit = the_title('','',FALSE);
echo substr($tit, 0, 15);
if (strlen($tit) > 15) echo " ...";
?></a>
</div>
</div>
<?php endwhile; ?>

</div>

<div class="newgamesbottom"></div>

</div>
</div>
</div>

</div>

<div id="pagemenu">
<div class="gotop">
<a class="home" href="<?php echo get_option('home'); ?>/#header">Top</a>
</div>
</div>

<div class="footermenus">

		  <?if ($tg_comments == "false") { ?>
<div class="footermenu">
Ultimos Comentarios
<?php
global $wpdb;
$sql = "SELECT DISTINCT ID, post_title, post_password, comment_ID,
comment_post_ID, comment_author, comment_date_gmt, comment_approved,
comment_type,comment_author_url,
SUBSTRING(comment_content,1,30) AS com_excerpt
FROM $wpdb->comments
LEFT OUTER JOIN $wpdb->posts ON ($wpdb->comments.comment_post_ID =
$wpdb->posts.ID)
WHERE comment_approved = '1' AND comment_type = '' AND
post_password = ''
ORDER BY comment_date_gmt DESC
LIMIT 7";
$comments = $wpdb->get_results($sql);
$output = $pre_HTML;
$output .= "\n<ul>";
foreach ($comments as $comment) {
$output .= "\n<li>".strip_tags($comment->comment_author)
.":" . " <a href=\"" . get_permalink($comment->ID) .
"#comment-" . $comment->comment_ID . "\" title=\"on " .
$comment->post_title . "\">" . strip_tags($comment->com_excerpt)
."</a>...</li>";
}
$output .= "\n</ul>";
$output .= $post_HTML;
echo $output;?>
</div>
          <? } else { ?>
</div>
		  <? } ?>

<div class="footermenu">

<h2>juegos online, juegos flash, juegos gratis, juegos de accion, juegos de coches, juegos de peleas</h2>
</div>
<div class="footermenu"><a href=http://www.ademails.com/estadisticas1060009799.htm>
<script type="text/javascript" language="JavaScript">
<!--
document.write("<img src=\"http://www.ademails.com/cgi-bin/contador.cgi?ID=1060009799");
document.write("&referer=");
document.write(escape(document.referrer));
document.write("\" border=0 alt=\"Estadisticas\">");
// -->
</script><noscript><img src=http://www.ademails.com/cgi-bin/contador.cgi?ID=1060009799 border=0 alt="Estadisticas"></noscript></a> 
<div id="contentbottom123"><a href="http://www.juegosmon.net/juegos/accion">juegos de accion</a> - <a href="http://www.juegosmon.net/juegos/conduccion">juegos de coches</a> - <a href="http://www.juegosmon.net/juegos/lucha"> juegos de peleas</a> - <a href="http://www.juegosmon.net/juegos/aventura">juegos de aventura</a> - <a href="http://www.juegosmon.net/juegos/estrategia">juegos de estrategia</a></div>
 
no es cuestión de quitar una categoria pero creo que seria la manera de hacer que te cuadre bien
 
depende si tienes o no flotado en los items del menu, te diria que coloques un float:left a los items para que se corran a la izquierda, asi tendran un ancho variable, el cual podras modificar luego con paddings a los costados
 
Aqui esta el css,

PHP:
/*
Theme Name: WTB Game
Theme URI: http://www.wordpressthemesbook.com/wtb-flash-games/
Description: WTB Game is a flash games Wordpress theme.
Author: WTB
Author URI: http://www.wordpressthemesbook.com
*/
Ejemplo 1 */

#emergente1 h1{
font-size:180%;
font-weight:normal;
color:#555;
}

#emergente1 a{
text-decoration:none;
color:#f30;
}

#emergente1 a:hover {
background-color: transparent;
}

#emergente1 p{
clear:both;
margin:0;
padding:.5em 0;
}

#emergente1 pre{
display:block;
font:100% “Courier New”, Courier, monospace;
padding:10px;
border:1px solid #bae2f0;
background:#e3f4f9;
margin:.5em 0;
overflow:auto;
width:800px;
}

#tooltip{
position:absolute;
border:1px solid #CCCCCC;
padding:2px 5px;
color:#FFFFFF;
display:none;
background-color: #2d83d5;
font-weight: bold;
}

#emergente a:hover {
background-color: transparent;
}

.tool-tip {
	color: #fff;
	width: 139px;
	z-index: 13000;
}
 
.tool-title {
	font-weight: bold;
	font-size: 11px;
	margin: 0;
	color: #9FD4FF;
	padding: 8px 8px 4px;
}
 
.tool-text {
	font-size: 11px;
	padding: 4px 8px 8px;
	background: url(bubble.png) bottom right;
}
 
.custom-tip {
	color: #000;
	width: 130px;
	z-index: 13000;
}
 
.custom-title {
	font-weight: bold;
	font-size: 11px;
	margin: 0;
	color: #3E4F14;
	padding: 8px 8px 4px;
	background: #C3DF7D;
	border-bottom: 1px solid #B5CF74;
}
 
.custom-text {
	font-size: 11px;
	padding: 4px 8px 8px;
	background: #CFDFA7;
}



a.tooltip img {
display:none;
padding:2px 3px;
margin-left:8px; 
width:130px; /*el ancho del tooltip*/
}
a.tooltip:hover img {
display: inline; 
position: absolute; /* posición del tooltip necesaria y obligatoria*/
background: #ddeaf6 ; /*el color del fondo del tooltip*/
border: 1px solid #c6dcf0;; /*el color del borde y su estilo*/
color: #353536;  /*el color de la letra del tooltip*/
font-size: 12px;  /*el tamaño de la letra*/
line-height: 120%;  /*la separación entre lineas*/
}



/******* BODY ********/

.style2 {color: #CCCCCC}
.juegosdesc {
width: 105px;
margin-top: 15px;
}

body {
font-size: 12px;
font-family: Arial, Verdana, Sans-Serif;
background: #0e2331;
color: #333333;
}

#main {
width:1090px;
margin:0 auto;
}

img {
border:none;
}

a {
text-decoration:none;
color:#0e2331;
}

#content {
overflow:hidden;
height:100%;
background:#000 url(images/bgtop.gif) no-repeat;
margin:0;
border: 5px solid #A91414;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}

.contentbottom {
background:#000 url(images/bgbottom.gif) no-repeat;
height:6px;
margin:0;
}

#contentbottom123 a, #contentbottom123 a:link, #contentbottom123 a:visited {
color:#fff;
margin: 0px;
padding: 8px 15px 8px 15px;
}
/******* HEADER ********/

#header {
height:98px;
overflow:hidden;
}

.logo {
float:left;
width:632px;
margin:10px 0 0 0;
}

.logo h1, .logo h1 a{
color:#2a637e;
}

/******* TOP MENU ********/

#topmenu{
height:32px;
display:block;
padding:0px 0 0px 0px;
font: 14px Arial, Verdana, Arial, Sans-Serif;
font-weight:bold;
text-transform:uppercase;
margin:10px 9px 10px 9px;
}

#topcatmenu{
margin: 0px;
padding: 0px;
width:962px;
height:32px;
}
	
#topcatmenu ul {
float: left;
list-style: none;
margin: 0px;
padding: 0px;
}
	
#topcatmenu li {
float: left;
list-style: none;
margin: 0px;
padding: 0px;
border-left:1px solid #990033;
}

#topcatmenu li.home {
border-left:none;
}
	
#topcatmenu li a, #topcatmenu li a:link, #topcatmenu li a:visited {
color:#fff;
display: block;
margin: 0px;
padding: 8px 15px 8px 15px;
}

#topcatmenu li a:hover, #topcatmenu li a:active {
color: #f7f7f7;
margin: 0px;
text-decoration: underline;
border-bottom:1px dotted #9999CC;
}

#topcatmenu li li {
margin-left:-1px;
border-top:1px solid #b21348;
}
	
#topcatmenu li li a, #topcatmenu li li a:link, #topcatmenu li li a:visited {
background:#990033;
color:#fff;
font-weight: normal;
float: none;
margin: 0px;
padding: 5px 10px 5px 15px;
}
	
#topcatmenu li li a:hover, #topcatmenu li li a:active {
padding: 5px 10px 5px 15px;
background:#b8194e;
}

#topcatmenu li ul {
z-index: 9999;
position: absolute;
left: -999em;
height: auto;
width: 170px;
margin: 0px;
padding: 0px;
}

#topcatmenu li li { 
}

#topcatmenu li ul a { 
width: 140px;
}

#topcatmenu li ul a:hover, #topcatmenu li ul a:active { 
}

#topcatmenu li ul ul {
margin: -27px 0 0 175px;
}

#topcatmenu li:hover ul ul, #topcatmenu li:hover ul ul ul, 
#topcatmenu li.sfhover ul ul, #topcatmenu li.sfhover ul ul ul {
left: -999em;
}

#topcatmenu li:hover ul, #topcatmenu li li:hover ul, 
#topcatmenu li li li:hover ul, #topcatmenu li.sfhover ul, 
#topcatmenu li li.sfhover ul, #topcatmenu li li li.sfhover ul {
left: auto;
}

#topcatmenu li:hover, #topcatmenu li.sfhover { 
position: static;
}

/******* INDEX ********/

.indextop {
overflow:hidden;
height:100%;
margin:0 10px 15px 10px;
}

.randomgames {
width:612px;
float:left;
overflow:hidden;
height:100%;

}

.randomtop {
background:url(images/randomgamestop.gif) no-repeat;
height:65px;
}

.randomtop123 {
height:65px;
padding-top: 2px;
padding-left: 14px;
}

.randomtop1234 {
height:65px;
padding-top: 12px;
padding-left: 14px;
}

.randomtop2 {
background:url(images/randomgamestop2.gif) no-repeat;
height:65px;
}

.randomtop3 {
background:url(images/randomgamestop3.gif) no-repeat;
height:16px;
}

.randomtop4 {
background:url(images/randomgamestop4.gif) no-repeat;
height:28px;
}

.randomtop2 h2 {
font-size:14px;
color:#2a637e;
margin:0 0 0 10px;
padding:0;
}

.randomtop4 h2 {
font-size:14px;
color:#2a637e;
margin:0 0 0 10px;
padding:0;
}

.randombottom {
background:url(images/randomgamesbottom.gif) no-repeat;
height:52px;
}

.randombottom4 {
background:url(images/randomgamesbottom4.gif) no-repeat;
height:7px;
}

.indexbottom {
clear:both;
overflow:hidden;
height:100%;
margin:0 10px 10px 10px;
}

.randomgame {
overflow:hidden;
height:100%;
padding:0 0 0 2px;
background: url(images/randomgamesbg.gif) repeat-y;
}

.randomgame4 {
overflow:hidden;
height:100%;
padding:0 0 0 4px;
background: url(images/randomgamesbg4.gif) repeat-y;
}

.gamethumb {
height:118px;
width:112px;
background: url(images/gamethumb.gif) no-repeat;
margin:5px 0 10px 8px;
float:left;
}

.gamethumb4 {
height:118px;
width:112px;
background: url(images/gamethumb.gif) no-repeat;
margin:5px 0 10px 6px;
float:left;
}

.thumbs {
height:80px;
width:96px;
padding:7px;
}

.thumbs img{
border:1px solid #386d87;
}

.thumbtitle {
text-align:center;
}

.thumbtitle a {
color:#2a637e;
}

.gamethumb:hover a {
font-weight:bold;
color:#bb1a50;
}

.gamethumb:hover img {
border:4px solid #bb1a50;
}

.gamethumb4:hover a {
font-weight:bold;
color:#bb1a50;
}

.gamethumb4:hover img {
border:1px solid #bb1a50;
}

.newgames {
width:830px;
float:right;
overflow:hidden;
height:100%;
background: url(images/newgamesbg.gif) repeat-y;
}

.newgamestop {
background:url(images/newgamestop.gif) no-repeat;
height:65px;
}

.newgamesbottom {
background:url(images/newgamesbottom.gif) no-repeat;
height:52px;
}

.newgamesgame {
overflow:hidden;
height:100%;
padding:0 0 0 2px;
}

.gamethumb2 {
height:118px;
width:112px;
background: url(images/gamethumb.gif) no-repeat;
margin:5px 0 10px 5px;
float:left;
}

.gamethumb2:hover a {
font-weight:bold;
color:#bb1a50;
}

.gamethumb2:hover img {
border:4px solid #bb1a50;
}

.gamecloud {
width:830px;
float:right;
margin:0;
}

.gamecloud h2 {
color:#ab0e43;
font-size:16px;
font-weight:bold;
border-bottom:1px solid #2a637e;
}

.tagcloud {
width:830px;
}

.tagcloud a {
color:#2a637e;
border-bottom:1px dotted #2a637e;
}

.tagcloud a:hover {
color:#ab0e43;
border-bottom:1px dotted #ab0e43;
}

/******* POSTS ********/

.entry {
color:#fff;
font-size:13px;
padding:0 10px 0 10px;
}

.entry p {
margin:5px 0 5px 0;
padding:0;
}

.game {
text-align:center;
}

.ratings {
margin:0 0 0 10px;
width:500px;
float:left;
color:#c4c4c4;
}

.ratings a {
color:#fff;
}

.fullscreen {
margin:0 10px 0 0;
width:70px;
float:right;
}

.fullscreen a {
color:#fff;
}

.ad336 h2 {
font-size:16px;
margin:0 0 5px 0;
}

.ad336 p {
margin:0 0 10px 0;
}

.singlebottom {
clear:both;
overflow:hidden;
height:100%;
margin:0 0 10px 10px;
}

/******* FOOTER ********/

#footer {
clear:both;
padding:10px;
margin:0;
color:#c4c4c4;
font-size:10px;
}

#footer a {
color:#c4c4c4;
border-bottom:1px dotted #c4c4c4;
}

#footer a:hover {
border-bottom:1px solid #c4c4c4;
}

#pagemenu {
clear:both;
margin:0;
padding:0;
background:#1b2c37 url(images/bottommenubg.png) repeat-x;
overflow:hidden;
height:100%;
}

#pagemenu ul {
margin:0;
padding:10px;
width:850px;
float:left;
}

#pagemenu ul li {
margin:0;
padding:10px;
list-style:none;
display:inline;
}

#pagemenu ul li a {
margin:0;
padding:0;
color:#fff;
font-size:14px;
}

#pagemenu ul li a:hover {
text-decoration:underline;
}

.gotop {
float:right;
width:50px;
padding:10px;
}

.gotop a {
color:#fff;
font-size:14px;
padding:3px 18px 0 0;
background:url(images/gotop.gif) no-repeat right;
}

.footermenus {
clear:both;
overflow:hidden;
height:100%;
background:#071520;
}

.footermenu {
width:280px;
float:left;
margin:0;
padding:10px 20px 10px 20px;
color:#c4c4c4;
}

.footermenu h2 {
font-size:14px;
color:#D0CA9C;
margin:0 0 5px 0;
padding:0;
}

.footermenu ul {
margin:0;
padding:0;
}

.footermenu ul li {
margin:0;
padding:0;
list-style:none;
}

.footermenu ul li a {
color:#c4c4c4;
margin:0;
padding:0;
}

.footermenu ul li a:hover {
text-decoration:underline;
}

.footermenu p {
margin:0;
padding:0;
line-height:14px;
}

/******* ADS ********/

.ad336 {
float:right;
width:336px;
margin:20px 0 0 0;
}

.ad120 {
float:left;
width:120px;
margin:0;
}

.Nav {
margin:10px 0 10px 10px;
}

.Nav span {
font-weight:bold;
background:#2a637e;
color:#fff;
padding:2px 4px 2px 4px;
margin-right:5px;
border:1px solid #0e2331;
}

.Nav strong.on {
font-weight:bold;
color:#b4154a;
padding:3px 5px 3px 5px;
margin-right:5px;
}

.Nav a {
font-weight:bold;
background:#2a637e;
color:#fff;
padding:2px 4px 2px 4px;
margin-right:5px;
border:1px solid #0e2331;
}

.Nav a:hover {
background:#b4154a;
border:1px solid #990033;
}

/******* SEARCH ********/

.searchpart {
float:right;
width:300px;
overflow:hidden;
height:100%;
margin-right:30px;
}
.colorf {
width:600px;
background:#b4154a;
margin-right: auto;
margin-left: auto;
}


.search {
margin:25px 0 5px 11px;
overflow:hidden;
height:100%;
background:url(images/search.gif) no-repeat;
padding:6px 0 0 2px
}


.main_search{
height:26px;
margin:0px 0 0 3px;
padding:0;
}

.searchform_top{
padding:0px 0px 0 0;
float:left;
}

.searchform_top_text{
width:192px;
border:0px;
background:url(images/searchpart.gif) no-repeat;
color:#c4c4c4;
font-size:14px;
float:left;
margin:0 4px 0 0;
height:28px;
padding:0px 4px 0 4px;
}

.gosearch{
float:left;
}

/*********COMMENTS ******/

.comment a{
text-decoration:none;
}
.commentlist li .avatar { 
float: right;
border: 1px solid #eee;
padding: 2px;
margin-top:-3px;
}

.commentlist cite, .commentlist cite a {
font-weight: bold;
font-style: normal;
font-size: 1.1em;
color:#808080;
}

.commentlist p {
line-height:16px;
}

#commentform p {
line-height:16px;
}

.commentmetadata {
font-size:9px;
}

.commentmetadata a{
color:#000;
}

h3.comments {
padding: 0;
margin: 40px auto 20px;
}

h3#comments {
padding: 10px 0 0 0;
margin: 0px 0 10px 0px;
font-size:13px;
}

#respond {
margin:0 0px 0 0px;
padding:0 0 0 0px;
font-size:13px;
}

h3.respond {
padding: 0;
margin: 0px 0 10px 0px;
font-size:13px;
border-top:none;
}

#respond h3{
padding: 10px 0 0 0;
margin: 0px 10px 10px 0px;
font-size:13px;
}

.alt {
margin: 0;
padding: 10px;
}

.commentlist {
padding: 0;
text-align: justify;
margin:0;
}

.commentlist li {
margin: 0 0 10px 0px;
padding:10px;
list-style: none;
border:1px solid #dfdfdf;
background:#f5f5f5;
}

.commentlist li ul li { 
margin-right: -5px;
margin-left: 10px;
}

.commentlist p {
margin: 10px 5px 10px 0;
}

.children { padding: 0; }

#commentform p {
margin: 5px 0 0 0px;
}

.nocomments {
text-align: center;
margin: 0;
padding: 0;
}

.commentmetadata {
margin: 0;
display: block;
}


#commentform input {
width: 170px;
padding: 2px;
margin: 5px 5px 1px 0;
background:#e9e9e9;
}

#commentform {
margin: 5px 10px 0 0;
}
#commentform textarea {
width: 99%;
padding: 2px;
background:#e9e9e9;
}



#commentform #submit {
margin: 0 0 5px auto;
float: right;
}
    #subfooter {
    width:730px;
    margin-left:15px;
    margin-right:15px;
    height:300px;
    background-color:#d5d6d7;
    clear:both;
    }
    #subfooter .widget {
    width:240px;
    height:300px;
    float:left;
    }
    #subfooter .widget .inner {
    padding:10px;
    }

lo de float:left ya esta en el css
 
Atrás
Arriba