Ir para conteúdo

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Bittencourt

Colocar paginas em destaque lado a lado

Recommended Posts

Fala Galera !!!

Estou Fazendo hum Site in Worpress e utilizando post_type parágrafo puxar Três paginas Específicas, Sendo Que eu queria Que Ela ficasse Lado a Lado AO INVES de UMA embaixo da outra Como esta no local Arte em Bolo Que Estou Fazendo ...

Segue o CSS:

#destaques {
   width: 900px;
   height: 300px;
}

# paginas-Destaque {
   width: 284px;
   height: 270px;
   margin: 10px 0 0 15px;
   float: left;
}

h1 # paginas-Destaque {
   height: 35px;
   text-align: center;
   text-align: left;
   font-family: "montserratregular";
   color: # CA278C;
   font-size: 20px;
   margin: 5px 0 0 0;
}
# paginas-Destaque h1 a {
   color: # CA278C;
   text-decoration: none;
}

# paginas-Destaque h1 a: hover {
   color: # CA278C;
   text-decoration: underline;
}

# paginas-Destaque img {
   width: 284px;
   height: 109px;
}

# paginas-Destaque p {
   height: 80px;
   text-align: left;
   color: # 000;
   font-size: 12px;
}
h2 # paginas-Destaque {
   height: 40px;
   float: right;
   color: # 000;
   font-size: 12px;
}
# paginas-Destaque h2 {um
   color: # 000;
   text-decoration: none;
}

# paginas-Destaque h2 a: hover {
   color: # 000;
   text-decoration: underline;
}

Aqui é o Código de para puxar como paginas:

<Div id = "Destaques">
<Div id = "paginas-Destaque">
<? Php $ dest = array (
'Post_type' => 'página',
'Post__in' => array (139, 141, 147));
query_posts ($ destino); ?>
<? Php if (have_posts ()): while (have_posts ()): the_post ();?>
<H1> <a href="<?php the_Permalink()?> "title =" <the_title php ();?> "Alt =" <the_title php ();?>? "> <The_title php () ;?> </a> </ h1>
<Img src = "<? = Bloginfo ('template_url')?> / Images / img-box.jpg">
<? The_excerpt php ();?>
<H2> [<a href="#"> + Detalhes </a>] </ h2>
<? Endwhile php; mais:>
<? Endif php?>
</ Div>
</ Div>

Espero Que ajudem POIs JÁ tentei de Tudo ...

Abs,

BITENCOURT

Compartilhar este post


Link para o post
Compartilhar em outros sites

Junte o nome paginas-Destaque do sinal tralha (#) assim #paginas-Destaque da forma que está escrito o CSS não está lendo seu estilo.

 

Abraço.

 

Leonardo, parece que na página o CSS está correto. Acho que só na transcrição que foi colocado diferente.

Bem, pelo menos o Chrome identifica! rs

 

Mas então... eu vou tentar te sugerir umas correções aqui, veja se você consegue colocar em seu site, Bittencourt:

 

* Você não vai precisar de duas divs (#destaques e #paginas-destaque) para conter o conteúdo das páginas em destaque. Uma só já é o suficiente. Altere o código, e mantenha somente uma delas, para facilitar a compreensão do que você está desenvolvendo.

 

* Para você alinhar conteúdos em colunas, você tem que fazer em uma das duas maneiras abaixo:

  • Por tabelas;
  • Por divs;

Se você inserir a informação de cada página em destaque dentro de uma div, você terá uma estrutura assim que pode ser alinhada com o seguinte estilo:

#destacada {
   width:33%;
   float:left;
}

Mas antes você precisa editar seu código, e colocar os blocos de cada texto em divs.

Tente organizá-lo desta forma, por exemplo:

<div id="destaques">
   <div class="destacada">
      <h1>...</h1>
      <img src="...">
      <p>...</p>
      <h2>...</h2>
   </div>
   <div class="destacada">
      <h1>...</h1>
      <img src="...">
      <p>...</p>
      <h2>...</h2>
   </div>
   <div class="destacada">
      <h1>...</h1>
      <img src="...">
      <p>...</p>
      <h2>...</h2>
   </div>
</div>

A partir daí, é só configurar o estilo de acordo com sua preferência, alinhar o texto, fazer um espaçamento entre a borda de cada página em destaque, etc, etc...

 

Pelo que eu tenho estudado recentemente, parece que seu layout não está ajustando de acordo com o conteúdo, ele possui tamanhos pré-definidos.

Sendo assim, veja como o rodapé vai se comportar. Caso ocorra algum problema no alinhamento dele, insira este estilo na div que possui o ID "conteudo-dois":

overflow: hidden;

Espero estar ajudando!

 

Abraços

Compartilhar este post


Link para o post
Compartilhar em outros sites

 

Leonardo, parece que na página o CSS está correto. Acho que só na transcrição que foi colocado diferente.

Bem, pelo menos o Chrome identifica! rs

 

Vixi, buguei então...kkk'

 

Amigão tenta as dicas do Lucão ae.

Compartilhar este post


Link para o post
Compartilhar em outros sites

Lucão,

 

Neste caso então eu não precisaria selecionar as paginas pelo POST_TYPE... Colocaria as configurações diretamente nas DIVs criadas... é isso?

 

A div #destaque foi criada para formatar a largura do site que é 900px e manter os blocos centralizados... por isso criei...

 

vou tentar em casa e passo o feedback para vocês.

 

Obrigado.

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.