[Resolvido] Como posicionar duas imagens na mesma div

[Meh 0]

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 !

[João Prado 64]

aplique uma id na imagem da direita e coloque um float:right http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

[Meh 0]

mas dai eu vou ter que criar outra div ? O.o não entendi..

[GabrielFerrari 41]

<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

[Evandro Oliveira 331]

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.

[Meh 0]

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") no-repeat fixed; 
		???: url("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