O tamanho de uma página ou post é definido por seu conteúdo. Se o conteúdo tiver 100 linhas será de 100 linhas o seu tamanho. Se definir uma altura (height) no CSS há grandes chances de quebra do layout.
Criador do tópico
kaoltda
(@kaoltda)
ola nottudo
acho que acabei explicando errado
eu quero colocar em uma pagina e em um post
2 imagens, uma ao lado da outra
porem ao colocar elas acabam ficando uma abaixo da outra
fiz um teste com as imagens um pouco menor ( 2cm ) e se enquadrou perfeito.
porem preciso que elas tenha este tamanho exato
entao preciso apenas aumentar um pouco a largura do post e largura da pagina
muito obrigado por ajudar nottudo
Kaoltda,
isso pode ser resolvido com CSS. As imagens prcisam “flutuar” (float) para que fiquem uma lado da outra.
a largura do post e da página serão aumentados via CSS.
Se você usa o <?php the_post_thumbnail(); ?> para chamar a imagem pode envolvê-lo numa class e definir altura e largura pelo CSS
por exemplo: .fotopequena img {width: 100px; height: 100px}
O CSS padrão do WordPress para imagens é este:
.alignleft, img.alignleft {
margin-right: 1.5em;
display: inline;
float: left;
}
.alignright, img.alignright {
margin-left: 1.5em;
display: inline;
float: right;
}
.aligncenter, img.aligncenter {
margin-right: auto;
margin-left: auto;
display: block;
clear: both;
}
.alignnone, img.alignnone {
/* not sure about this one */
}
.wp-caption {
margin-bottom: 1.5em;
text-align: center;
padding-top: 5px;
}
.wp-caption img {
border: 0 none;
padding: 0;
margin: 0;
}
.wp-caption p.wp-caption-text {
line-height: 1.5;
font-size: 10px;
margin: 0;
}
.wp-smiley {
margin: 0 !important;
max-height: 1em;
}
blockquote.left {
margin-right: 20px;
text-align: right;
margin-left: 0;
width: 33%;
float: left;
}
blockquote.right {
margin-left: 20px;
text-align: left;
margin-right: 0;
width: 33%;
float: right;
}
.gallery dl {}
.gallery dt {}
.gallery dd {}
.gallery dl a {}
.gallery dl img {}
.gallery-caption {}
.size-full {}
.size-large {}
.size-medium {}
.size-thumbnail {}
