Suporte » Plugins » Figuras lado a lado e nao uma abaixo da outra

  • Galera, criei uma pagina para mostrar categorias, usei o plugin Categories Images porem na pagina que designei para mostrar as categorias com 1 imagem elas estao uma embaixo da outra, queria que estivessem lado a lado..

    Alguem me sugere algo ?

    <?php
    /*
    Template Name: List Categories
    */
    ?>
    <?php get_header(); ?>
    
    <div id="content">
    
    	<div class="postsbody">
    	<?php if (have_posts()) : ?>
    		<h2 class="postbodyh"><?php the_title(); ?></h2>
    		<div class="videos">
    			<?php while (have_posts()) : the_post(); ?>
    				<?php foreach (get_categories() as $cat) : ?>
    				<div class="videoc">
    					<div class="thumb">
    						<a href="<?php echo get_category_link($cat->term_id); ?>"><span class="overlay"></span><div class="featured"></div><img src="<?php echo z_taxonomy_image_url($cat->term_id); ?>" width="165" height="135" alt="<?php echo $cat->cat_name; ?>" /></a>
    					</div>
    					<div class="vtitle">
    						<a href="<?php echo get_category_link($cat->term_id); ?>"><?php echo $cat->cat_name; ?></a>
    					</div>
    				</div>
    				<?php endforeach; ?>
    			<?php endwhile; ?>
    		</div>
    			<div class="clear"></div>
    		<?php else : ?>
    				<h2 class="postbodyh">Not Found</h2>
    				<div class="videos">
    					<p class="center">Sorry, but you are looking for something that isn't here.</p>
    				</div>
    
    		<?php endif; ?>
    
    	</div>
    
    </div>
    
    <?php get_footer(); ?>
Visualizando 1 resposta (de um total de 1)
  • Olá bigne14,
    De uma forma básica, é só você colocar a classe “videoc” flutuando a esquerda e definir uma margem pra não ficar colado.

    Exemplo:

    .videoc {
    	float: left;
    	margin: 20px;
    }

    Espero ter ajudado! 🙂

Visualizando 1 resposta (de um total de 1)
  • O tópico ‘Figuras lado a lado e nao uma abaixo da outra’ está fechado para novas respostas.