[Mauredo]

OI!

Em, penso que esta é a primeira vez que escrevo aqui na secção de CSS

O meu problema é o seguinte:

eu tenho o background assim configurado:

body {
background-image:url(background.jpg);
background-repeat:no-repeat;
border-style: solid;
border-color: #84242F;
width:500px;
height:100%;

}

e tenho uma outra que é:

.texto{
font-size:10pt;
color:#84242F;
font-family:"Microsoft Sans Serif";
width:500px;
margin-top: 10px;
margin-bottom: 10px;
text-align:center;
vertical-align:middle;
word-spacing: 2px;
margin-left:10px; <-----
margin-right:10px; <-----

}

o que eu queria era que os 10% de margem fossem em reação ao body e ele não me está a fazer isso. ele dá a margin da esquerda mas passa a a margem da direita

tentei também meter uma DIV assim:

.total {
background-image:url(background.jpg);
background-repeat:no-repeat;
border-style: solid;
border-color: #84242F;
width:500px;
height:100%;

}

e depois tudo la dentro, mas mesmo assim ele não "vê" o limite da direita.

já agora outra dúvida, eu tenho 3 fotos seguidas no mesmo div chamado outrasImagens e não consigo atribuir margem da direita a elas.

.outrasImagens{
width:496px;
border-style: dotted;
border-color: #84242F;
background-color:#84242F;
margin-top: 10px;
margin-bottom: 10px;
margin-right: 10px;
}

com este código eu não consigo distanciar umas das outras. há maneira?

MUITO OBRIGADO

[vitor@contagiocriacao.com.br]

já tentou com "padding-right: 10px;"?

[rsz]

OI!

Em, penso que esta é a primeira vez que escrevo aqui na secção de CSS

O meu problema é o seguinte:

eu tenho o background assim configurado:

body {
background-image:url(background.jpg);
background-repeat:no-repeat;
border-style: solid;
border-color: #84242F;
width:500px;
height:100%;

}

e tenho uma outra que é:

.texto{
font-size:10pt;
color:#84242F;
font-family:"Microsoft Sans Serif";
width:500px;
margin-top: 10px;
margin-bottom: 10px;
text-align:center;
vertical-align:middle;
word-spacing: 2px;
margin-left:10px;    <-----
        margin-right:10px;  <-----

}

o que eu queria era que os 10% de margem fossem em reação ao body e ele não me está a fazer isso. ele dá a margin da esquerda mas passa a a margem da direita

Cara.. tu está falando o seguinte nessas declarações: tua largura total eh 500px. Mas tu ta dando margem esquerda, direita, topo e baixo com 10px (pixels). 10% de 500px é 50px. Tu pode declarar simplesmente: margin: 50px.

tentei também meter uma DIV assim:

.total {
background-image:url(background.jpg);
background-repeat:no-repeat;
border-style: solid;
border-color: #84242F;
width:500px;
height:100%;

}

e depois tudo la dentro, mas mesmo assim ele não "vê" o limite da direita.

já agora outra dúvida, eu tenho 3 fotos seguidas no mesmo div chamado outrasImagens e não consigo atribuir margem da direita a elas.

.outrasImagens{
width:496px;
border-style: dotted;
border-color: #84242F;
background-color:#84242F;
margin-top: 10px;
margin-bottom: 10px;
margin-right: 10px;
}

com este código eu não consigo distanciar umas das outras. há maneira?

MUITO OBRIGADO

Cara.. melhor tu fazer uma div para cada foto tua, posicionando: right e left na posicao que tu quer mesmo.. do tipo.. uma a 10px da margem, outra a 50px, etc. Ou então tu pode fazer uma tabela com espaçamento desejado entre uma celula e outra (cellspacing acho o nome do atributo). Tu pode estilizar a tabela.

só uma dúvida.. o que significa no teu 'body' o height: 100% ?!

[]'s

[ccrstudio]

Este código em CSS pode te ajudar: (valores para demostração, use os seus)

margin: 10px 0 10px 20px;

traduzindo:
10px margen superior / 0 margen inferior / 10px margem esq / 20px margem direita

somente o 0(zero) pode ir sem medida, qqer outro número deve usar medidas aceitas como px,cm,% ou pts

Espero q possa t ajudar.