Suporte » Temas » Tema "Culinary" bugando ao adicionar imagens "finas"

  • Boa noite, pessoal

    Ao adicionar uma foto que não seja muito larga, o texto que deveria ficar abaixo da imagem pula para o lado dela, e não importa o alinhamento que eu configure na foto, ele sempre fica ao lado. Creio que o problema esteja no single.php ou algum outro arquivo do template

    Voces podem ver o que acontece aqui: http://imageshack.us/photo/my-images/8/bugwordpress.jpg/

    Segue como esta o single.php:

    <?php get_header(); ?>
    
    	<div id="content">
    
    	<?php if (have_posts()) : while (have_posts()) : the_post(); ?>
    
    		<div class="post" id="post-<?php the_ID(); ?>">
    				<h2 class="title"><a href="<?php the_permalink() ?>" rel="bookmark" title="Permanent Link to <?php the_title_attribute(); ?>"><?php the_title(); ?></a></h2>
    			<div class="entry">
    				<?php the_content('<p class="serif">Read the rest of this entry &raquo;</p>'); ?>
    
    				<?php wp_link_pages(array('before' => '<p><strong>Pages:</strong> ', 'after' => '</p>', 'next_or_number' => 'number')); ?>
    				<?php the_tags( '<p><strong>Tags:</strong> ', ', ', '</p>'); ?>
    
    				<div class="meta">
    				<p>
    					<small>
    						Foi postado
    						<?php /* This is commented, because it requires a little adjusting sometimes.
    							You'll need to download this plugin, and follow the instructions:
    							http://binarybonsai.com/archives/2004/08/17/time-since-plugin/ */
    							/* $entry_datetime = abs(strtotime($post->post_date) - (60*120)); echo time_since($entry_datetime); echo ' ago'; */ ?> <?php the_time('l, F jS, Y') ?> as <?php the_time() ?>
    					    e categorizado como
    					    <?php the_category(', ') ?>
    					    .
    						Voce pode seguir o blog pelo <?php post_comments_feed_link('RSS 2.0'); ?>
    					.
    <?php if (('open' == $post-> comment_status) && ('open' == $post->ping_status)) {
    							// Both Comments and Pings are open ?>
    							Voce pode <a href="#respond">deixar um comentario</a>, ou <a href="<?php trackback_url(); ?>" rel="trackback">trackback</a> de seu proprio site.
    
    						<?php } elseif (!('open' == $post-> comment_status) && ('open' == $post->ping_status)) {
    							// Only Pings are Open ?>
    						<?php } elseif (('open' == $post-> comment_status) && !('open' == $post->ping_status)) {
    							// Comments are open, Pings are not ?>
    							You can skip to the
    						<?php } elseif (!('open' == $post-> comment_status) && !('open' == $post->ping_status)) {
    							// Neither Comments, nor Pings are open ?>
    					.
    <?php } edit_post_link('Edit this entry','','.'); ?>
    
    					</small>
    				</p>
    				</div>
    
    			</div>
    		</div>
    
    	<?php comments_template(); ?>
    
    	<?php endwhile; else: ?>
    
    		<p>Nenhuma resposta ainda</p>
    
    <?php endif; ?>
    
    	</div>
    	<!-- end #content -->
    
    <?php get_sidebar(); ?>
    
    <?php get_footer(); ?>

    Caso não seja no single, pode pedir que envio outro codigo

    Desde ja agradeço!

    Att,
    Douglas

Visualizando 2 respostas - 1 até 2 (de um total de 2)
  • Isso é problema no css e não no php do seu tema, veja se adicionando este código no seu style.css resolve o problema.

    .alignnone{border:none; margin-right:10px;}
    .aligncenter{margin-left: auto; margin-right: auto; padding: 5px; display: block;}
    .alignright {float: right; padding: 5px;}
    .alignleft {float: left; padding: 5px;}
    img.alignright {padding: 4px; margin: 0 0 2px 7px; display: inline;}
    img.alignleft {padding: 4px; margin: 0 7px 2px 0; display: inline;}

    opa, falha minha, não chegou a resolver não
    Eu posso ter colocado o codigo no lugar errado, vou postar aqui a foto de como esta e em baixo o style.css sem a edição:

    http://imageshack.us/photo/my-images/193/errowplari.jpg/

    /*
    Theme Name: Culinary
    Theme URI: http://www.freewpthemes.net/
    Description: A two-column, fixed-width design suitable for personal and small company website.
    Version: 1.0
    Author: Free WordPress Themes
    Author URI: http://www.freewpthemes.net/
    Tags: red, fixed width, two columns, widgets
    */
    
    * {
    	margin: 0;
    	padding: 0;
    }
    
    body {
    	margin: 0px;
    	background: #C0C0C0;
    	text-align: justify;
    	font-family: century gothic, "times new roman", times, serif;
    	font-size: 13px;
    	font-style: italic;
    	color: #7D807A;
    }
    
    h1, h2, h3 {
    	color: #AA2808;
    }
    
    h1 {
    }
    
    h2 {
    }
    
    h3 {
    }
    
    p, blockquote, ul, ol {
    	margin-bottom: 20px;
    	line-height: 2em;
    }
    
    p {
    }
    
    blockquote {
    }
    
    ul, ol, li {
    	margin: 0px;
    	padding: 0px;
    	list-style: none;
    }
    
    a {
    	font-weight: normal;
    	text-decoration: underline;
    	color: #E14949;
    }
    
    a:hover {
    	text-decoration: none;
    	color: #C11414;
    }
    
    /* Wrapper */
    
    #wrapper {
    }
    
    /* Header */
    
    #header {
    	width: 900px;
    	height: 140px;
    	margin: 0 auto;
    	background: url(images/img01.jpg) no-repeat left top;
    }
    
    /* Logo */
    
    #logo {
    	float: left;
    	width: 270px;
    	height: 70px;
    	margin: 0px;
    	padding-left: 30px;
    	text-align: center;
    }
    
    #logo h1 {
    	margin: -7px 0px -12px -35;
    	padding: 0px 0px 0px 0px;
    	font: bold 43px century gothic, "times new roman", Times, serif;
    }
    
    #logo h2 {
    	margin: 12px 0px 0px 0px;
    	padding: 0;
    	letter-spacing: 2px;
    	font-size: 12px;
    	font-weight: normal;
    	font-style: italic;
    	color: #FFFFFF;
    }
    
    #logo a {
    	text-decoration: none;
    	color: #FFFFFF;
    }
    
    #logo p {
    	color: #FFFFFF;
    }
    
    /* Menu */
    
    #menu {
    	width: 872px;
    	height: 41px;
    	margin: 0 auto;
    	padding: 0px 0px 0px 28px;
    	background: url(images/img02.jpg) no-repeat left top;
    }
    
    #menu ul {
    	margin: 0;
    	list-style: none;
    	line-height: normal;
    }
    
    #menu li {
    	display: inline;
    	text-align: center;
    }
    
    #menu a {
    	height: 30px;
    	display: block;
    	float: left;
    	padding: 11px 20px 0px 20px;
    	text-decoration: none;
    	text-align: center;
    	font-family: century gothic, "Times New Roman", Times, serif;
    	font-size: 14px;
    	text-shadow: #000000 2px 2px 2px;
    	font-weight: bold;
    	font-style: italic;
    	color: #ffffff;
    }
    
    #menu a:, #menu .active a {
    	background: #C11212;
    	color: #FFFFFF;
    }
    
    #splash {
    	width: 940px;
    	height: 299px;
    	margin: 0 auto;
    }
    
    /* Search */
    
    #header-search {
    	width: 940px;
    	height: 51px;
    	margin: 0 auto;
    	padding: 0px 0px 0px 0px;
    }
    
    #header-search form {
    	float: right;
    	width: 300px;
    	margin: 0;
    	padding: 12px 0px 0px 0px;
    }
    
    #header-search fieldset {
    	margin: 0;
    	padding: 0;
    	border: none;
    }
    
    #header-search-text {
    	width: 200px;
    	padding: 2px 3px;
    	background: #1E1E1E;
    	border: none;
    	color: #4D4D4D;
    }
    
    #header-search-submit {
    	background: none;
    	border: none;
    	font-family: Arial, Helvetica, sans-serif;
    	font-size: 12px;
    	color: #E4E4E4;
    }
    
    #search {
    	height: 51px;
    	margin: 0 auto;
    	padding: 0px 0px 60px 0px;
    }
    
    #search form {
    	margin: 0;
    	padding: 12px 0px 0 0;
    }
    
    #search fieldset {
    	margin: 0;
    	padding: 0;
    	border: none;
    }
    
    #search input {
    	float: left;
    	font: 12px Arial, Helvetica, sans-serif;
    }
    
    #search-text {
    	width: 160px;
    	height: 18px;
    	padding: 3px 0 3px 5px;
    	border: 1px solid #999999;
    	color: #000000;
    }
    
    #search-submit {
    	margin-left: 10px;
    	padding: 4px 4px;
    	border: none;
    	background: #C11212;
    	font-size: 10px;
    	color: #FFFFFF;
    }
    
    /* Page */
    
    #page {
    	width: 844px;
    	margin: 0 auto;
    	padding: 0px 28px;
    	background: #FFFFFF url(images/img05.jpg) repeat-y left top;
    }
    
    /* Content */
    
    #content {
    	float: left;
    	width: 560px;
    	padding-top: 30px;
    }
    .post {
    	background: url(images/img04.gif) repeat-x left bottom;
    	margin: 0px 0px 30px 0px;
    }
    
    .post .title {
    	background: url(images/img03.jpg) no-repeat left 0px;
    	margin: 0px;
    	color: #BF0B0B;
    }
    
    .post .title a {
    	padding: 0px 0px 0px 40px;
    	letter-spacing: -1px;
    	text-decoration: none;
    	font-family: Georgia, "Times New Roman", Times, serif;
    	font-size: 28px;
    	font-weight: normal;
    	font-style: italic;
    	color: #BF0B0B;
    }
    
    .post .entry {
    	padding: 20px 0px;
    }
    
    .post img {
    	float: left;
    	padding: 15px 0px;
    }
    
    .post .meta {
    	text-align: right;
    	padding: 0px 0 20px 0;
    	font-weight: bold;
    	color: #202020;
    }
    
    .post .byline {
    	padding-left: 40px;
    	font-size: 12px;
    	font-style: italic;
    	color: #7D807A;
    }
    
    /* Sidebar */
    
    #sidebar {
    	float: right;
    	width: 230px;
    	margin: 20px 0px;
    	padding: 10px 0px 30px 30px;
    }
    
    #sidebar ul {
    	margin: 0;
    	padding: 0;
    	list-style: none;
    	line-height: normal;
    }
    
    #sidebar li {
    	margin-bottom: 1px;
    }
    
    #sidebar li ul {
    	margin: 0px;
    	padding: 0px 0px 40px 27px;
    }
    
    #sidebar li li {
    	margin: 0;
    	padding: 9px 0px;
    	border: none;
    	background: none;
    }
    
    #sidebar h2 {
    	margin: 0px;
    	padding: 0px 0px 10px 0px;
    	font-family: century gothic, "Times New Roman", Times, serif;
    	font-size: 18px;
    	font-weight: normal;
    	font-style: italic;
    	color: #BF0B0B;
    }
    
    #sidebar h3 {
    	font-size: 77%;
    	color: #110404;
    }
    
    #sidebar p {
    	margin: 0;
    	line-height: normal;
    	color: #D4C792;
    }
    
    #sidebar a {
    	border: none;
    	text-decoration: none;
    	color: #7D807A;
    }
    
    #sidebar a:hover {
    	text-decoration: underline;
    }
    
    /* Submenu */
    
    #submenu {
    }
    
    /* News */
    
    #news {
    }
    
    #news a {
    	font-size: 85%;
    }
    
    /* Footer */
    
    #footer {
    	width: 960px;
    	height: 100px;
    	margin: 0 auto;
    	padding: 14px 0px 0px 0px;
    	background: url(images/img04.jpg) no-repeat left top;
    	color: #9C9C9C;
    }
    
    #footer p {
    	margin: 0;
    	text-align: center;
    	font-size: 11px;
    }
    
    #footer a {
    	text-decoration: underline;
    	color: #808080;
    }
    
    #footer a:hover {
    	text-decoration: none;
    }
    
    #comment {
    	width: 550px;
    	height: 100px;
    }
    
    .alignright {
    	float: right;
    }
    
    .alignleft {
    	float: left;
    }
    
    #respond {
    	margin: 0;
    	padding-top: 50px;
    }
    
    .navigation {
    	padding-top: 20px;
    }
    
    .pagetitle {
    	padding-bottom: 20px;
    	font-size: 24px;
    	color: #333333;
    }
    
    hr {
    	display: none;
    }

    Desde ja agradeço!

Visualizando 2 respostas - 1 até 2 (de um total de 2)
  • O tópico ‘Tema "Culinary" bugando ao adicionar imagens "finas"’ está fechado para novas respostas.