Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Bom dia! Minha dúvida é bem simples, pelo menos parece ser..
Eu tenho meu layout, agora com uma DIV para o banner. o fundo é um efeito gradiente do fireworks, utilizei a técnica do maujor..
e a logomarca da empresa fica na esquerda. Como eu tenho uma fonte diferenciada das outras, optei por fazer uma imagem também.
mas e agora, como vou posicionálas ? eu quero o banner na esquerda (está dando certo), e a outra imagem na direita (que não aparece, não sei como posicionar..), podem me ajudar ?
Obrigado !
mas dai eu vou ter que criar outra div ? O.o não entendi..
<style type="text/css">
#esquerda{
float: left;
}
#direita{
float: right;
}
</style>
<div id="banner">
<img src="seulogo.jpg" id="esquerda"/>
<img src="seutexto.jpg" id="direita"/>
</div>É só fazer isso :P
O ID direita e esquerda pode ser substituido por uma classe
assim poderá usar em outros elementos
Melina, é isso mesmo? O logo aqui <---- e o nome da empresa aqui ----> ??
Seu site tem Width definido? Caso não, você pode ter um resultado indesejado com monitores wide (famoso formato 16:9)
Imagens são elementos em linha, se você posicioná-las uma após a outra
<img src="img1.jpg" alt="" />
<img src="img2.jpg" alt="" />Elas já ficarão linear, uma ao lado da outra.
Para o posicionamento vertical, utilize a regra vertical-align no elemento pai.
Com width definido, a Solução apresentada pelo Gabriel funciona corretamente.
AH ! é que eu tinha feito background pra primeira imagem tava tudo em css, a imagem não ficava no html, por isso não entendi :/
Sabe aquela base que você me passou evandro ? , poisé, eu editei e tudo mais, dai eu fiz duas imagens sem fundo pra por na mesma div , e coloquei a imagem da esquerda como background, confundi tudo na hora de por a imagem na direita, não dava. ele tava assim:
/DIV do Banner, 1ª img logo, 2º img letras/
#backimage {
background: url("[http://img685.imageshack.us/img685/259/logomarcags.png"](http://img685.imageshack.us/img685/259/logomarcags.png)) no-repeat fixed;
???: url("[http://img688.imageshack.us/img688/259/logomarcags.png"](http://img688.imageshack.us/img688/259/logomarcags.png)) no-repeat fixed right;
float: right;
width : 100%;
height : 140px;
}dai por isso fiz o tpc, as imagens não estavam incluidas no html, estavam somente no CSS,eu não sabia o que colocar ali onde tem agora "???".viajei na maionalga agora.. dêeeeee X.X
um grande erro - X.X'
Acho que agora pode dar como resolvido, ajeitei aki, coloquei um ALT no link do html, coloquei as imagens, deu certo pessoal.. Muito Obrigado, tenham um bom dia :)
http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif
aplique uma id na imagem da direita e coloque um float:right http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif