Sobre HTML5 e CSS3 - Criação de Site L2

[AprendendoTL]

Eu quero deixar um arquivo ao lado do outro. como por exemplo uma simples foto.

 

vamos supor que esse seja o codigo. tem a imagem que eu quero e o botão.

 

como você pode ver tem 2 imagens ai. a 2555487.jpg [[imagem 1]] e a 2875444.jpg [[imagem 2]] a minha duvida é o seguinte.

 

a [[imagem 1]] está no local certo. já [[imagem 2]] está a baixo dela. eu não queri isso, eu quero ela ao lado. com um conteudo diferente. quando você clica ele redireciona para uma nova .HTML. ou seja abrindo uma nova pagina.

O conteúdo está oculto, favor efetuar login ou se cadastrar!

• Entre
• ou
• Cadastre-se

 

O conteúdo está oculto, favor efetuar login ou se cadastrar!

• Entre
• ou
• Cadastre-se

 

 

Resumindo tudo. olha essa imagem. são 3 imagens diferentes, uma ao lado da outra. as minhas não estão assim. elas estão uma em baixo da outra e eu quero ao lado.

 

Qual é o código.

 

 

 

PS: EU SOU PÉSSIMO PARA EXPLICAR. ENTÃO DESCULPA HAHHAHA

Editado Março 17, 2015 por AprendendoTL

[augustocesr]

Você tem que entender o conceito de LISTA, ou seja, da <ul>
Pra que você consiga colocar todas na mesma linha (inline) cada <div class="imageml2"> tem que estar em uma <li>
exemplo de correção no seu html:

 

O conteúdo está oculto, favor efetuar login ou se cadastrar!

• Entre
• ou
• Cadastre-se

 

no CSS está correto o seu <li> já está recebendo o comando: float: left;
Porém, isso vai gerar uma posição absoluta das imagens, sendo assim, elas não irão ocupar espaço no conteúdo.

EU, particularmente prefiro usar o: display: inline-block do que o float: left
porém depende do seu caso. Cada caso é um caso

 

 

A outra dúvida para que quando clicar abrir outra guia, é muito simples, basta adicionar este atributo no

O conteúdo está oculto, favor efetuar login ou se cadastrar!

• Entre
• ou
• Cadastre-se

O conteúdo está oculto, favor efetuar login ou se cadastrar!

• Entre
• ou
• Cadastre-se

Ficando assim:

O conteúdo está oculto, favor efetuar login ou se cadastrar!

• Entre
• ou
• Cadastre-se

Editado Março 21, 2015 por NaNyNhA