Tema "Culinary" bugando ao adicionar imagens "finas"

(@douglas_machado)

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)

Myst1010

(@myst1010)

12 anos, 9 meses atrás

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;}

Criador do tópico

Douglas_Machado

(@douglas_machado)

12 anos, 9 meses atrás

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.

Tema "Culinary" bugando ao adicionar imagens "finas"

Tags de tópico

Visualizações