Semana passada enfrentei uma questão, simples pra quem manja muito de CSS, porém eu tive certa dificuldade, vamos lá!
Imagine que você tem diversas divs, dentro de cada div existe uma imagem acompanhada de um texto, porém você tem que ter em cada image uma outra imagem de fundo.
Bom, o problema que enfrentei é que as imagens estavam ficando pra fora da div e as vezes cortando. Primeira idéia que tive foi definir a altura da div com 100% para que sempre acompanhe o conteúdo.
height: 100%;
Até ai tudo bem, a próxima etapa agora era incluir a imagem de fundo, de forma que ela não repetisse e ficasse centralizada. Pra isso existem os parâmetros URL, no-repeat e center ao utilizar a palavra background:
background:URL(1/fundo.jpg) no-repeat center;
Blz, tudo quase perfeito, com exceção da cor do fundo que eu precisava que ficasse da mesma cor do restante do site. Utilizei background-color:
background-color: #CCCCCC;
Perfeito, a idéia inicial do meu problema se resolveu com este código.
Confira o código completo:
#imagens {
height: 100%;
background:URL(1/fundo.jpg) no-repeat center;
background-color: #CCCCCC;
}
Claro, existem outras correções que surgiram no decorrer do desenvolvimento, mas isso é assunto para outro post!
Abraço.
Ola galera, tou com uma duvida e eu acho qui alguem daqui pode mim ajuda, e o seguinte, eu criei um site todo em html e css o html eu criei as divs e o css eu uso para editar o desing e tudo, mas eu quero sabe como e qui eu fasso para colocar mas divs dentro da minha div content para eu colocar mas conteudo nas qui eu colocar dentro, alguem entedeu?
Pf add meu msn: djoxatomc@hotmail.com