HTML E CSS

[Joel Luis]

Boas eu tou a fazer 3 divs:

1 Div para a imagem e o texto ficarem dentro desse

1 Div para a imagem

1 Div para o texto por baixo da imagem

Só que a imagem nao fica dentro do Div.....

<div id="prof">
  <div id="profile">
  <img src="joel.jpg" width="300" height="300">
 </div>
  <div id="joel">
 <p> Boas Vindas ao meu Website </p>
 <p> Eu chamo-me Joel Luís e tenho 16 anos, estou neste momento a tirar o curso de Gestão e Programação de Sistemas Informáticos.</p>
  </div>
</div>

#prof {
left:30px;
width:300px;
height:400px;
background-color:#A9A9A9;
border-radius:50px;
}
#joel {
left:30px;
background-color:#A9A9A9;
border-radius:20px;
opacity:0.6;
}
#profile{
position:relative;
width:250px;
height:250px;
}

URL: http://joel.filipemacau.com/

[Joel Luis]

Já consegui resolver usando apenas o id #Prof...

Agora quero que a imagem não fique transparente e ao meter opacity no primeiro div a imagem está a ficar automáticamente.

Como faço?

[HappyHippyHippo]

não metas no div #prof ... mete somente no div que interessa a transparência

[Joel Luis]

Só me interessa no prof que é esse que contém o fundo 😞

não metas no div #prof ... mete somente no div que interessa a transparência

[HappyHippyHippo]

se queres ter opacidade numa umagem de fundo o melhor é que essa imagem já seja transparente ... assim não andas a mexer com algo complicado (porque quando fores a verificar no IE vai ser uma bandalheira)

[Joel Luis]

se queres ter opacidade numa umagem de fundo o melhor é que essa imagem já seja transparente ... assim não andas a mexer com algo complicado (porque quando fores a verificar no IE vai ser uma bandalheira)

Não não, olha o que quero não é nada sobre imagens

URL: http://joel.filipemacau.com/

Isto é onde está a minha "tentativa de página", quero que o texto e a imagem fiquem ali dentro 😞