Galería

[Aresrroin]

Me acabo de descargar el tema snapshot ( woothemes.com/2008/10/snapshot/) , el cual es una galeria. Mi pregunta es la siguiente:
El index esta divido en dos cuadros por fila y a mi me gustaría poner cuatro. El ancho y alto del cuadro se modifica con el archivo style.css ¿Que archivo o línea de código hay que modificar para que aparezcan cuatro columnas o sea que aparezcan 4 cuadros en el index?


Gracias.

[hades87]

Me imagino que serán listas o algo, así. Por lo que tendrías que mirar que id o class tiene y en el css modificar sus propiedades.

Si pasaras una captura de pantalla o incluso la url te podríamos ayudar. Algo que te vendría bien sería firebug para firefox y así poder investigar el código en vivo.

[Aresrroin]

Te pongo el código del archivo style.css y del index donde en teoría aparecen las listas.

index.php

Código:

<?php get_header(); ?>

<div id="content" class="fullspan">

	<div class="container_16 clearfix">
			
		<div id="leftcontent" class="grid_12">
		
    		<?php
				$counter = 0; $counter2 = 0;
				query_posts('showposts=1000&orderby=rand');
				while (have_posts()) : the_post();
			?>
	
			<?php $counter++; $counte2++; ?>	
			
            
         <div class="grid_6 <?php if ($counter == 1) { echo 'alpha'; } else { echo 'omega'; $counter = 0; } ?>">	
									
			<div class="post">
				
				<div class="screenshot">
				
					<div class="screenimg">
					
						<?php if ( get_option('woo_layout') == '1-photo.php' ) { ?>
						
							<?php if ( get_option('woo_resize') ) { woo_get_image('large-image','330','190'); } else { ?>
                            
							<a href="<?php the_permalink() ?>" title="View <?php the_title(); ?>"><img src="<?php echo get_post_meta($post->ID, "image", $single = true); ?>" alt="<?php the_title(); ?>" /></a>
                                                       
                            <? } ?>
	
						
						<?php } else { ?>

							<?php if ( get_option('woo_resize') ) { woo_get_image('large-image','330','190','url'); } else { ?>
                            
							<a href="<?php echo get_post_meta($post->ID, "url", $single = true); ?>" target="_blank" title="View <?php the_title(); ?>"><img src="<?php echo get_post_meta($post->ID, "image", $single = true); ?>" alt="<?php the_title(); ?>" /></a>						
                                                       
                            <? } ?>

						
						<?php } ?>
						
						
					
					</div>
				
				</div>
   
				<div class="theme">
		      
		      	<div class="grid_4 alpha"><h2><a title="<?php the_title(); ?>" href="<?php the_permalink() ?>" rel="bookmark"><?php the_title(); ?></a></h2></div>
		      	<div class="grid_4 alpha"><?php the_category(','); ?></div>
		      	<div style="clear:both;"></div>		      	 
		      	<div class="grid_4 alpha"><p class="tags"><?php the_tags('', ', ' , ''); ?></p></div>	
		      	<div class="grid_2 omega" style="text-align:right;"><?php if(function_exists('the_ratings')) { the_ratings(); } ?> </div>		     
		      	<div style="clear:both;"></div>	
					
				</div>
					
			</div><!-- /post -->
			
         <div style="clear:both;height:10px;"></div>			
			            
        </div>
        
         <?php if ( $counter == 0 ) { ?><div style="clear:both;height:0px;"></div><?php } ?>
			
		<?php endwhile; ?>
            
            <div style="clear:both;height:0px;"></div>
			
			<div id="postnav">
				<?php if(function_exists('wp_pagenavi')) { wp_pagenavi(); } ?>
			</div><!-- /postnav -->						

		</div><!-- /leftcontent --> 
		
		<?php get_sidebar(); ?>
        
	</div><!-- /container_16 -->

</div><!-- /content -->

<?php get_footer(); ?>

El style.css

Código:

/*  
Theme Name: Snapshot
Theme URI: woothemes.com
Description: Snapshot theme by WooThemes. Perfect for photographers and design galleries.
Version: 1.1
Author: WooThemes
Author URL: woothemes.com/
*/

h1, h2, h3, h4, h5, h6  {
	font-weight: bold;
}

a:hover {
	text-decoration:underline;
}

/* STRUCTURE */

#wrap {

}

#header  {
	position: relative;
	height: 120px;
}

#logo h1 {
	background: url(styles/default/logo.png) top left no-repeat;
	text-indent: -9999px;
	float: left;
}

#logo h1 a{
	display: block;
	height: 100px;
	width: 360px;
}

#header h1.title  {
	display: none;
}

#header h1.title a  {
	text-decoration: none;
}

#header p.description  {
	display: none;
}

.rss {
	text-align:right;
}

.rss li {
	margin:0px !important;
}

.rss a  {
	font-weight: bold;
	text-decoration: none;
	font-size: 0.9em;
	background: url(images/design/rss.gif) no-repeat center left;
	padding: 2px 0 2px 23px !important;
}

.rss a:hover, .home_ad a:hover {
	text-decoration:underline;
}

#nav  {
	height: 45px;
	color: #fff !important;
}

#nav ul  {
	padding: 0;
	line-height: 45px;
	height: 45px;
	margin: 0px;
}

#nav ul li  {
	display: inline;
	margin: 0 24px 0 0;
	_margin-right:23px;
	font-family: Helvetica, Verdana, Arial, sans-serif;
}

#nav ul li h3 {
	color:#FFFFFF;
	font-size:14px;
}

#nav ul li a  {
	color: #fff;
	font-size: 1.1em;
	font-weight:bold;
	text-decoration: none;
	line-height: 45px;
	padding:3px;
	
}

#content  {
	padding: 20px 0;
}

#footer  {
	height: 45px;
	font-size: 1em;
	margin-bottom:20px;
}

#footer p  {
	margin: 0;
	line-height:45px;
}

#footer p a  {
	text-decoration: none;
}

#footer p a:hover  {
	text-decoration: underline;
}

#footer img {
	vertical-align:middle;
}

#footer .powered {
	text-align:left;
}

#footer .powered a {
	text-align:right;
	background: url(images/design/wordpress_logo.png) left center no-repeat;
	padding: 10px 0px 10px 30px;
}

#footer .credit {
	text-align: right;
}

/* tagline */

#tagline  {
	position: absolute;
	top: 45px;
	right: 20px;
	font-size:16px;
	font-weight:bold;
}

#tagline p {
	margin-bottom: 0px;
	padding:5px 10px 5px 10px;
}


/* BLOG CSS */

.post {
	margin-bottom:10px;
}

.post p.categories {
	margin-bottom:15px;
}

.post p.categories span {
	padding: 5px;
	margin-top: 50px;
}

.post p.categories a  {
	font-weight: bold;
	text-decoration:none;
}

.post p.categories a:hover  {
	text-decoration:underline;
}

.post_seperator  {
	margin-bottom:10px;
	height:1px;
	border-bottom:1px dotted #A6B3B9;
}

h2.title  {
	font-size:22px;
	margin-bottom:15px;
}

h2.theme_title  {
	font-size:28px;
	margin-bottom:20px;
	line-height:28px;
}

h2.title .date  {
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 10px;
	font-size:12px;
}

h2.title a  {
	text-decoration: none;
}

.post p.comments a  {
	padding: 0 0 0 22px;
	font-weight: bold;
	text-decoration: none;
}

p.continue  {
	float: left;
	display: inline-block;
}

p.continue a  {
	font-weight: bold;
	text-decoration: none;
}

.widget {
	margin-bottom:20px;
}

#leftwidget  {
	width: 159px;
	padding-right: 10px;
	margin-right: 0;
}

.widgetlist  h3  {
	margin: 0;
	padding: 5px 0 5px 10px;
	font-weight: bold;
	font-size: 13px;
	text-transform: uppercase;
}

.widgetlist ul  {
	margin: 0;
}

.widgetlist ul li  {
	margin: 0;
	padding: 4px 0 4px 10px;
	list-style: none;
	font-size: 12px;
	border-bottom: 1px dotted #9cb9d7;
}

.widgetlist ul li a:link, .widgetlist ul li a:visited  {
	text-decoration: none;
}

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


/* STYLES */

.fix {
	clear: both;
}

.bordered  {
	border: 1px solid #000;
}

.floatleft  {
 float: left;
}

.floatright  {
	float: right;
}

.alignright  {
	text-align: right;
}

.alignr  {
	text-align: right;
}

blockquote {
	font-size:14px;
	margin-bottom:15px;
	color:#4F4F4F;
}

/* INDIVIDUAL THEME LISTING */

.theme h2 {
	font-size: 12px !important;
	margin: 0px !important;
}



.screenshot {
	margin-bottom: 10px;
	border: 1px solid #dddddd;
	padding: 4px;
	width: 330px;
	height: 190px;
}

.screenimg {
	width: 100%;
	height: 100%;
	float:left;
	position: relative;
}

.screenimg span {
	position: absolute;
	font-size:11px;
	right: 0px;
	top: 7px;
}

.screenimg span a {
	padding: 8px;
	text-decoration: none;
	color: #fff;
}

.theme .date {
	font-size: 10px;
	padding-top: 3px;
}

.theme p {
	margin: 0px 0px 2px !important;
}

.theme .tags {
	padding-left: 24px;
	background: url(images/ico-tags.gif) center left no-repeat;
}

.theme .tags a {
	font-size: 11px;
	text-decoration: none;
}

.theme .rating {
	font-size: 11px !important;
	width: 100% !important;
}

.post-ratings-text {
	font-size: 11px !important;
}


/* COMMENTS */

#comments {
	border-top: 1px solid #dddddd;
	padding-top:20px;
}

#comments h2  {
	margin: 0px 0px 20px;
	font-size: 18px !important;
	line-height: 24px;
	font-weight: normal !important;
}
.commentlist li {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0px 0px 20px;
	padding:10px 10px 0px;
}
.commentlist p {
	margin-bottom:10px;
}
.commentlist .gravatar {
	float:right;
	margin:0px 5px 5px 20px;
}

.gravatar {
	width:65px;
	height:65px;
	float:right;
	margin-left:10px;
	margin-right:5px;
	margin-bottom:10px;
}

.gravatar img {
	background-color: #FFFFFF;
	padding: 4px;
	border: 1px solid #cccccc;
}

.commentlist cite {
	font-weight: bold;
	font-size: 14px;
	font-style: normal;
	margin-bottom:10px;
}
.commentlist cite a:hover {
	text-decoration: none !important;
}
.commentlist .metadata {
	color:#000 !important;
	text-decoration: none !important;
	font-weight: normal !important;
}	
.commentlist .metadata:hover {
	text-decoration: underline !important;
}
#commentform input {
	padding: 5px;
	margin-right: 10px;
}

#commentform #submit {
	font-size:14px;
}

#commentform textarea {
	padding: 10px;
	width:558px;
	_width:540px;
}

.wp-pagenavi {
	margin-top:20px;
	padding-top:20px;
	border-top: 1px solid #dddddd;
}

Exiten otros .css pero creo que solo contienen los diferentes colores seleccionables.

Muchas gracias

[hades87]

Y no tienes la dirección del sitio? que sería ams fácil si lo veo.

[Aresrroin]

El tema lo tengo subido en mi sitio de pruebas

saulnieto.com

el sitio donde me descargue la plantilla es:

woothemes.com/2008/10/snapshot/

y el demo en vivo es el siguiente:

woothemes.com/demo/?t=12

[WillxD]

En el style.css no esta lo que debes cambiar, ya que lo que debes cambiar es el "grid_6 omega" y el "grid_6 alpha" , tu theme debe estar usando un framework de css, creo que usan el de "960".

Para poderte ayudar sería mejor que dejes los otros archivos css..

Salu2!

[Aresrroin]

Ok, aquí van los otros archivos .css

960.css

Código:

/*
	960 Grid System ~ Core CSS.
	Learn more ~

	Licensed under GPL and MIT.
*/

/* =Containers
--------------------------------------------------------------------------------*/

.fullspan  {
	margin-left: auto;
	margin-right: auto;
	width: 980px;
}

.container_12,
.container_16
{
	margin-left: auto;
	margin-right: auto;
	width: 960px;
}

/* =Grid >> Global
--------------------------------------------------------------------------------*/

.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12,
.grid_13,
.grid_14,
.grid_15,
.grid_16
{
	display: inline;
	float: left;
	margin-left: 10px;
	margin-right: 10px;
}

.container_12 .grid_3,
.container_16 .grid_4
{
	width: 220px;
}

.container_12 .grid_6,
.container_16 .grid_8
{
	width: 460px;
}

.container_12 .grid_9,
.container_16 .grid_12
{
	width: 700px;
}

.container_12 .grid_12,
.container_16 .grid_16
{
	width: 940px;
}

/* =Grid >> Children (Alpha ~ First, Omega ~ Last)
--------------------------------------------------------------------------------*/

.alpha
{
	margin-left: 0;
}

.omega
{
	margin-right: 0;
}

/* =Grid >> 12 Columns
--------------------------------------------------------------------------------*/

.container_12 .grid_1
{
	width: 60px;
}

.container_12 .grid_2
{
	width: 140px;
}

.container_12 .grid_4
{
	width: 300px;
}

.container_12 .grid_5
{
	width: 380px;
}

.container_12 .grid_7
{
	width: 540px;
}

.container_12 .grid_8
{
	width: 620px;
}

.container_12 .grid_10
{
	width: 780px;
}

.container_12 .grid_11
{
	width: 860px;
}

/* =Grid >> 16 Columns
--------------------------------------------------------------------------------*/

.container_16 .grid_1
{
	width: 40px;
}

.container_16 .grid_2
{
	width: 100px;
}

.container_16 .grid_3
{
	width: 160px;
}

.container_16 .grid_5
{
	width: 280px;
}

.container_16 .grid_6
{
	width: 340px;
}

.container_16 .grid_7
{
	width: 400px;
}

.container_16 .grid_9
{
	width: 520px;
}

.container_16 .grid_10
{
	width: 580px;
}

.container_16 .grid_11
{
	width: 640px;
}

.container_16 .grid_13
{
	width: 760px;
}

.container_16 .grid_14
{
	width: 820px;
}

.container_16 .grid_15
{
	width: 880px;
}

/* =Prefix Extra Space >> Global
--------------------------------------------------------------------------------*/

.container_12 .prefix_3,
.container_16 .prefix_4
{
	padding-left: 240px;
}

.container_12 .prefix_6,
.container_16 .prefix_8
{
	padding-left: 480px;
}

.container_12 .prefix_9,
.container_16 .prefix_12
{
	padding-left: 720px;
}

/* =Prefix Extra Space >> 12 Columns
--------------------------------------------------------------------------------*/

.container_12 .prefix_1
{
	padding-left: 80px;
}

.container_12 .prefix_2
{
	padding-left: 160px;
}

.container_12 .prefix_4
{
	padding-left: 320px;
}

.container_12 .prefix_5
{
	padding-left: 400px;
}

.container_12 .prefix_7
{
	padding-left: 560px;
}

.container_12 .prefix_8
{
	padding-left: 640px;
}

.container_12 .prefix_10
{
	padding-left: 800px;
}

.container_12 .prefix_11
{
	padding-left: 880px;
}

/* =Prefix Extra Space >> 16 Columns
--------------------------------------------------------------------------------*/

.container_16 .prefix_1
{
	padding-left: 60px;
}

.container_16 .prefix_2
{
	padding-left: 120px;
}

.container_16 .prefix_3
{
	padding-left: 180px;
}

.container_16 .prefix_5
{
	padding-left: 300px;
}

.container_16 .prefix_6
{
	padding-left: 360px;
}

.container_16 .prefix_7
{
	padding-left: 420px;
}

.container_16 .prefix_9
{
	padding-left: 540px;
}

.container_16 .prefix_10
{
	padding-left: 600px;
}

.container_16 .prefix_11
{
	padding-left: 660px;
}

.container_16 .prefix_13
{
	padding-left: 780px;
}

.container_16 .prefix_14
{
	padding-left: 840px;
}

.container_16 .prefix_15
{
	padding-left: 900px;
}

/* =Suffix Extra Space >> Global
--------------------------------------------------------------------------------*/

.container_12 .suffix_3,
.container_16 .suffix_4
{
	padding-right: 240px;
}

.container_12 .suffix_6,
.container_16 .suffix_8
{
	padding-right: 480px;
}

.container_12 .suffix_9,
.container_16 .suffix_12
{
	padding-right: 720px;
}

/* =Suffix Extra Space >> 12 Columns
--------------------------------------------------------------------------------*/

.container_12 .suffix_1
{
	padding-right: 80px;
}

.container_12 .suffix_2
{
	padding-right: 160px;
}

.container_12 .suffix_4
{
	padding-right: 320px;
}

.container_12 .suffix_5
{
	padding-right: 400px;
}

.container_12 .suffix_7
{
	padding-right: 560px;
}

.container_12 .suffix_8
{
	padding-right: 640px;
}

.container_12 .suffix_10
{
	padding-right: 800px;
}

.container_12 .suffix_11
{
	padding-right: 880px;
}

/* =Suffix Extra Space >> 16 Columns
--------------------------------------------------------------------------------*/

.container_16 .suffix_1
{
	padding-right: 60px;
}

.container_16 .suffix_2
{
	padding-right: 120px;
}

.container_16 .suffix_3
{
	padding-right: 180px;
}

.container_16 .suffix_5
{
	padding-right: 300px;
}

.container_16 .suffix_6
{
	padding-right: 360px;
}

.container_16 .suffix_7
{
	padding-right: 420px;
}

.container_16 .suffix_9
{
	padding-right: 540px;
}

.container_16 .suffix_10
{
	padding-right: 600px;
}

.container_16 .suffix_11
{
	padding-right: 660px;
}

.container_16 .suffix_13
{
	padding-right: 780px;
}

.container_16 .suffix_14
{
	padding-right: 840px;
}

.container_16 .suffix_15
{
	padding-right: 900px;
}

/* =Clear Floated Elements
--------------------------------------------------------------------------------*/

/* */

html body * span.clear,
html body * div.clear,
html body * li.clear,
html body * dd.clear
{
	background: none;
	border: 0;
	clear: both;
	display: block;
	float: none;
	font-size: 0;
	list-style: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

/**/

.clearfix:after
{
	clear: both;
	content: '.';
	display: block;
	visibility: hidden;
	height: 0;
}

.clearfix
{
	display: inline-block;
}

* html .clearfix
{
	height: 1%;
}

.clearfix
{
	display: block;
}

reset.css

Código:

/* */
/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

text.css

Código:

/*
	960 Grid System ~ Text CSS.
	Learn more ~ 

	Licensed under GPL and MIT.
*/

/* =Basic HTML
--------------------------------------------------------------------------------*/

body
{
	font: 12px/1.5 Lucida Grande, Arial, Helvetica, 'Liberation Sans', FreeSans, sans-serif;
}

a:focus
{
	outline: 1px dotted invert;
}

hr
{
	border-color: #ccc;
	border-style: solid;
	border-width: 1px 0 0;
	clear: both;
	height: 0;
}

/* =Headings
--------------------------------------------------------------------------------*/

h1
{
	font-size: 25px;
}

h2
{
	font-size: 24px;
}

h3
{
	font-size: 18px;
}

h4
{
	font-size: 19px;
}

h5
{
	font-size: 17px;
}

h6
{
	font-size: 15px;
}

/* =Spacing
--------------------------------------------------------------------------------*/

ol
{
	list-style: decimal;
}

ul
{
	list-style: square;
}

li
{
	margin-left: 30px;
}

p,
dl,
hr,
h1,
h2,
h3,
h4,
h5,
h6,
ol,
ul,
pre,
table,
address,
fieldset
{
	margin-bottom: 15px;
}

[Aresrroin]

Ahora voy a poner los que estan en la misma carpeta que los anteriores ero que ademas están dentro de una carpeta compressed:

960.css

Código:

.container_12,.container_16{margin-left:auto;margin-right:auto;width:960px}.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12,.grid_13,.grid_14,.grid_15,.grid_16{display:inline;float:left;margin-left:10px;margin-right:10px}.container_12 .grid_3,.container_16 .grid_4{width:220px}.container_12 .grid_6,.container_16 .grid_8{width:460px}.container_12 .grid_9,.container_16 .grid_12{width:700px}.container_12 .grid_12,.container_16 .grid_16{width:940px}.alpha{margin-left:0}.omega{margin-right:0}.container_12 .grid_1{width:60px}.container_12 .grid_2{width:140px}.container_12 .grid_4{width:300px}.container_12 .grid_5{width:380px}.container_12 .grid_7{width:540px}.container_12 .grid_8{width:620px}.container_12 .grid_10{width:780px}.container_12 .grid_11{width:860px}.container_16 .grid_1{width:40px}.container_16 .grid_2{width:100px}.container_16 .grid_3{width:160px}.container_16 .grid_5{width:280px}.container_16 .grid_6{width:340px}.container_16 .grid_7{width:400px}.container_16 .grid_9{width:520px}.container_16 .grid_10{width:580px}.container_16 .grid_11{width:640px}.container_16 .grid_13{width:760px}.container_16 .grid_14{width:820px}.container_16 .grid_15{width:880px}.container_12 .prefix_3,.container_16 .prefix_4{padding-left:240px}.container_12 .prefix_6,.container_16 .prefix_8{padding-left:480px}.container_12 .prefix_9,.container_16 .prefix_12{padding-left:720px}.container_12 .prefix_1{padding-left:80px}.container_12 .prefix_2{padding-left:160px}.container_12 .prefix_4{padding-left:320px}.container_12 .prefix_5{padding-left:400px}.container_12 .prefix_7{padding-left:560px}.container_12 .prefix_8{padding-left:640px}.container_12 .prefix_10{padding-left:800px}.container_12 .prefix_11{padding-left:880px}.container_16 .prefix_1{padding-left:60px}.container_16 .prefix_2{padding-left:120px}.container_16 .prefix_3{padding-left:180px}.container_16 .prefix_5{padding-left:300px}.container_16 .prefix_6{padding-left:360px}.container_16 .prefix_7{padding-left:420px}.container_16 .prefix_9{padding-left:540px}.container_16 .prefix_10{padding-left:600px}.container_16 .prefix_11{padding-left:660px}.container_16 .prefix_13{padding-left:780px}.container_16 .prefix_14{padding-left:840px}.container_16 .prefix_15{padding-left:900px}.container_12 .suffix_3,.container_16 .suffix_4{padding-right:240px}.container_12 .suffix_6,.container_16 .suffix_8{padding-right:480px}.container_12 .suffix_9,.container_16 .suffix_12{padding-right:720px}.container_12 .suffix_1{padding-right:80px}.container_12 .suffix_2{padding-right:160px}.container_12 .suffix_4{padding-right:320px}.container_12 .suffix_5{padding-right:400px}.container_12 .suffix_7{padding-right:560px}.container_12 .suffix_8{padding-right:640px}.container_12 .suffix_10{padding-right:800px}.container_12 .suffix_11{padding-right:880px}.container_16 .suffix_1{padding-right:60px}.container_16 .suffix_2{padding-right:120px}.container_16 .suffix_3{padding-right:180px}.container_16 .suffix_5{padding-right:300px}.container_16 .suffix_6{padding-right:360px}.container_16 .suffix_7{padding-right:420px}.container_16 .suffix_9{padding-right:540px}.container_16 .suffix_10{padding-right:600px}.container_16 .suffix_11{padding-right:660px}.container_16 .suffix_13{padding-right:780px}.container_16 .suffix_14{padding-right:840px}.container_16 .suffix_15{padding-right:900px}html body * span.clear,html body * div.clear,html body * li.clear,html body * dd.clear{background:none;border:0;clear:both;display:block;float:none;font-size:0;list-style:none;margin:0;padding:0;overflow:hidden;visibility:hidden;width:0;height:0}.clearfix:after{clear:both;content:'.';display:block;visibility:hidden;height:0}.clearfix{display:inline-block}* html .clearfix{height:1%}.clearfix{display:block}

reset.css

Código:

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}

text.css

Código:

body{font:13px/1.5 Helvetica,Arial,'Liberation Sans',FreeSans,sans-serif}a:focus{outline:1px dotted invert}hr{border-color:#ccc;border-style:solid;border-width:1px 0 0;clear:both;height:0}h1{font-size:25px}h2{font-size:23px}h3{font-size:21px}h4{font-size:19px}h5{font-size:17px}h6{font-size:15px}ol{list-style:decimal}ul{list-style:square}li{margin-left:30px}p,dl,hr,h1,h2,h3,h4,h5,h6,ol,ul,pre,table,address,fieldset{margin-bottom:20px}

Aquí están todos los archivos del framework de css.

[WillxD]

No logro entrar a tu sitio.. sería mejor que lo pongas online, ya que como dijo hades87 es más fácil corregir el error mediante firebug en firefox. Espero lo pongas online para encontrar más rápido el error y corregirlo...
salu2!

[Aresrroin]

Ok, ya esta online, tendré que escribirles a mi proveedor de hosting porque hay días que funciona muy mal.

saulnieto.com

GRacias.

[Aresrroin]

¿Hay que crear div nuevos o modificando los existentes se puede conseguir?

GRacias

[hades87]

Antes de todo decir que no doble-postees, mejor edita tu anterior post. Según he leído deberías de reducir el tamaño del div y por ende te entrarán más.

[Aresrroin]

Modifico el

<div class="container_16 clearfix">

se juntan los cuadros pero no aparecen de nuevos en la fila.

P.D. perdon por no editar.

[hades87]

Pues entonces deberás ponerlos tú. Lo mejor en estos casos es ir probando distintas cosas hasta que te vaya saliendo lo que buscas

[Aresrroin]

Bueno gracias, pero lo voy a dejar casi por imposible, ya que no me sale de ninguna manera, jeje. Un saludo.