Mudar posição do texto e da Imagem no Home

  • Resolvido nimaro_orochi

    (@nimaro_orochi)


    14 anos, 10 meses atrás

    Ola a todos,
    Estou a construir 1 blog, e no meu Home tenho os varios posts com as imagens e uma pequena frase correspondente ao artigo.
    Neste momento tenho o titulo a esquerda, a descricao em baixo e a imagem do lado direito. O que eu quero fazer e colocar a imagem do lado esquerdo e o titulo a frente da Imagem.

    No resumo, onde se faz os posts aparece-me a imagem a direita, mas quando vou ver o blog, continua na mesma, com o titulo a esquerda e a imagem a esquerda. O que tenho é isto:

    <img class="alignleft" style="margin-top: 10px;margin-bottom: 0px;margin-left: 7px;margin-right: 0px" src="http://e-revista.com.pt/revistadeimprensa/files/2010/03/record.png" alt="ok_cc3" width="100" height="80" />Depois de ter trabalhado condicionado, no treino de segunda-feira, o internacional português Cristiano Ronaldo integrou o treino

    Depois faço a chamado deste titulo no meu index.php desta forma:

    if (have_posts()) : ?>
	<?php while (have_posts()) : the_post(); update_post_caches($posts); ?>
		<div class="post" id="post-<?php the_ID(); ?>" style="width:100%; float:right; padding-bottom:5px;
	padding-top:5px;">
			<div class="content" style="width:100%;">

			<?php
			$titulo = '<h2><a class="title" href="'.get_permalink().'" rel="bookmark" style="color: #003872;">'.get_the_title().'</a></h2> ';
			the_content_rss('', TRUE, 'more_file', 50, 0, $titulo);
			?>
			<div class="fixed"></div>

			</div>
		</div>
		<div style="float:right;  width: 100%; height:2px; border-bottom:1px solid #CCC;"></div>
	<?php endwhile; ?>

    Não sei o que se passa para nao conseguir colocar a imagem a direita,
    Espero que me consigam ajudar.

Visualizando 5 respostas - 1 até 5 (de um total de 5)
  • Diana K. Cury

    (@dianakc)

    14 anos, 10 meses atrás

    Olá,

    Veja se no arquivo style.css do tema há uma classe .alignleft. Esta é uma das classes que são obrigatórias em todo tema.

    Muitas pessoas criam/alteram temas e se esquecem de definir as tais tags obrigatórias.

    Algumas das tags que deve estar no arquivo style.css do seu tema:

    .centered{
display: block;
margin-left: auto;
margin-right: auto;
}

.alignleft{
float: left; margin-right:10px;
}

.alignright{
float: right;margin-left:10px;
}
    Criador do tópico nimaro_orochi

    (@nimaro_orochi)

    14 anos, 10 meses atrás

    Tens razão… é mesmo por ai…

    O que tenho é isto:

    .post .content img {
	max-width:50px;
}

    Sei que é isto que representa a imagem, porque se lhe altero o valor do max-width ele altera.
    Depois tentei colocar 1 float:left, para ver se ele se mexia para a esquerda, mas ele nao faz nada 🙁

    O meu titulo esta aqui representado:

    .post h2 {
	display:block;
	margin-top:10px;
	padding:0 0px 10px;
	font-size: 23px;
	line-height: 25px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:normal;
	color:#0C1746;
}

    E o texto por debaixo do titulo esta aqui representado:

    .post .content {
	padding:5px 0 0 5px;
	overflow:hidden;
	font-weight: normal;
	font-size: 12px;
	line-height: 18px;
	font-family: Verdana, sans-serif;
	color: #666666;
}

    Já estive a mexer nos posissionamentos dos titulos e ele mexem-se direito, mas nao vao para la da imagem :/… A Imagem é que nao estou mesmo a conseguir enconstar a esquerda :/

    O meu blog é este : http://e-revista.com.pt/revistadeimprensa/

    pode ser util para verem melhor ao que me refiro.
    Espero que me consigam dar mais 1 luz, porque para alem de ser novo nisto peguei neste projecto a meio, e nao o controlo totalmente.

    renato_s

    (@renato_s)

    14 anos, 10 meses atrás

    Aparentemente seu problema já foi resolvido. Eu tiraria apenas os elementos inline de estilo, porque não são uma boa prática de css. Melhor deixar as definições todas no style.css.

    Criador do tópico nimaro_orochi

    (@nimaro_orochi)

    14 anos, 10 meses atrás

    Renato… eu abri depois o blog no firefox e la funciona direito. Mas eu estava a trabalhar em IE… E se abrires o blog no Internet explorer vai aparecer as imagens a direita :S ….

    Não entendo mesmo o que se passa… Será que me podem dar alguma luz?

    renato_s

    (@renato_s)

    14 anos, 10 meses atrás

    Putz… sinceramente isso está acima dos meus conhecimentos de css. Mas uma coisa eu sei: é culpa do IE!

Visualizando 5 respostas - 1 até 5 (de um total de 5)
  • O tópico ‘Mudar posição do texto e da Imagem no Home’ está fechado para novas respostas.