Como deixar as imagens juntas de um background (fatiado)

jonathanrn · Dezembro 16, 2014

<!doctype html>

<html>

<head>

<title>teste</title>

#foto1{

margin:-4px 25% 0% 25%; position:relative;

}

#foto2{

margin:-4px 25% 0% 25%;

position:relative;

}

#foto3{

margin:-4px 25% 0% 25%;

position:relative;

}

#foto4{

margin:-4px 25% 0% 25%;

position:relative;

}

</style>

</head>

</DIV>

<div style="position: absolute; top: 23px; left: 246px; color: black; width: 340px; font-size: 16px;"> nova Faria Lima, na capital paulista, traz peculiaridades que atraem tanto os olhares leigos quanto os mais apurados. Nos últimos anos,<br />a região viu erguerem-se ali marcos da arquitetura, como o Pátio Malzoni e o Infinity Tower, entre outros empreendimentos corporativos. </div>

Neste último semestre de 2014, mais um edifício comercial de alto padrão veio integrar-se à tão disputada paisagem urbana prometendo atrair

</div>

atenções — o Vera Cruz II, o primeiro da região a obter a pré-certificação LEED Platinum.

</div>

O projeto leva a assinatura de Roberto Collaço, do escritório Collaço e Monteiro Arquitetos Associados, para quem a obra </div>

</DIV>

“cria espaços visuais com esculturas, jardins e fontes, onde a vegetação e a água estão ligadas à avenida Faria Lima e às ruas Atílio Inocentti e Elvira Ferraz, </div>

permitindo ao usuário e ao transeunte utilizar os espaços e se beneficiar da amplitude visual e da paisagem”. </div>

Segundo o arquiteto, o Vera Cruz II “teve uma concepção diferenciada em relação aos edifícios vizinhos, com sua fachada composta de vidro e cobre patinado — materiais nobres que conferem uma composição dinâmica”. </div>

A GlassecViracon processou e forneceu quase 12 mil metros quadrados de insulados low-e neutros e laminados low-e prata para o empreendimento. Sobre o papel dos vidros especificados, Collaço afirma que teve “extrema importância” para o resultado final. </div>

A GlassecViracon processou e forneceu quase 12 mil metros quadrados de insulados low-e neutros e laminados low-e prata para o empreendimento. Sobre o papel dos vidros especificados, Collaço afirma que teve “extrema importância” para o resultado final. </div>

</DIV>

<div style="position: absolute; top: 1px; left: 34px; color: black;">para o resultado final.

</div>

<div style="position: absolute; top: 24px; left: 34px; color: black; width: 496px;"> “A qualidade e a composição do vidro utilizado atenderam ao LEED e as condições de conforto ambiental das unidades. O caixilho, composto com vidro insulado e CCM em cobre patinado, traduz uma concepção com linguagem moderna”, conclui Collaço.

</div>

<div style="position: absolute; top: 100px; left: 34px; color: black; width: 496px;"> Com onze pavimentos corporativos e quatro destinados à garagem no subsolo, o Vera Cruz II tem pouco

mais de 38 mil metros quadrados de área construída. O empreendimento contou com a consultoria de

Igor Alvim, da QMD, e a RFM respondeu pela construção.

</div>

</DIV>

</body>

</html>

pedrohsb · Dezembro 18, 2014

Olá jonathanrn,

O seu código já está juntando as quatro imagens que formam um único background. Não vejo problema nenhum que você relatou.

Uma dica é não usar este tipo de plano de fundo cortado. Utilize uma imagem inteira, sem cortá-la. Fica mais bonito e mais moderno. Para ajeitar o texto use CSS com suas maravilhosas propriedades. :grin:

Essas imagens cortadas caíram em desuso perto de 2008 (se não antes), juntamente com os gifs brancos que eram usados para separar conteúdo... ;)

Qualquer dúvida é só perguntar! :thumbsup:

Atenciosamente,

Pedro HSB

Entrar

Arquivado

Como deixar as imagens juntas de um background (fatiado)

Recommended Posts

jonathanrn 2

Compartilhar este post

Link para o post

Compartilhar em outros sites

pedrohsb 6

Compartilhar este post

Link para o post

Compartilhar em outros sites

Fixar div até atingir uma certa altura

Ajuda com Extends e envio para o banco

PHP+Codeginiter - Orientação para Impressão

Este projeto é apoiado pelas empresas

Fóruns

Tempo Real

Informação importante