Free content

Bem-vindo ao WASD.in!

O WASD Fórum é um ambiente virtual feito com o intuito de compartilhar ideias e disponibilizar conteúdos de diversas áreas, sendo assim um Fórum bem democrático no que diz respeito aos Direitos Humanos. A principal finalidade do fórum é coletar e compartilhar dados, visando espalhar o conhecimento para todos aqueles que desejam obter de forma legal, ressaltando que não trabalhamos com pirataria nem afins. Leia as Regras Gerais para evitar constrangimentos.

Você não está conectado. Conecte-se ou registre-se

Alinhando box.

Ver o tópico anterior Ver o tópico seguinte Ir para baixo Mensagem [Página 1 de 1]

#1

Joohn
Joohn
VIP
Bom , eu estou querendo alinhar as box do meu site , ja fiz de tudo mais não alinha.
Link do site : [Tens de ter uma conta e sessão iniciada para poderes visualizar este link]
Ai você me pergunta , cade a box lateral ?
Desça a paginá e ira encontrar....

#2

iLucas
iLucas
Membro
Pelo oq eu vi, vc quer adicionar uma box no lado direito, mais sendo que você adicionou o float:left; para o lado esquerdo.
Mude o código float:left para float:right; na box do lado direito.

#3

Joohn
Joohn
VIP
Blz , mais agora preciso alinha-la para que fique no topo

#4

iLucas
iLucas
Membro
Pelo oque eu vi, o css ficou meio que ''desorganizado'', se você quiser eu arranjo para você uma box, mais se não quiser, alinha com o margin-top.

Dúvida esclarecida?

#5

Joohn
Joohn
VIP
iLucas escreveu:Pelo oque eu vi, o css ficou meio que ''desorganizado'', se você quiser eu arranjo para você uma box, mais se não quiser, alinha com o margin-top.

Dúvida esclarecida?

iLucas , preferia que tu "arranjasse" uma box.

#6

iLucas
iLucas
Membro
As boxes estão aqui, vá no seu style.css é adicione o seguinte código:
Código:
.mestre {
margin-left:100px;
width:700px;
margin:0;
padding:0;
}
.box_direito {
background-color:#fff; 
width:240px; 
height:300px; 
border-radius: 4px; 
border: 1px solid #ccc; 
font-family:Arial; 
float:right; 
display:table;
}
.box_titulodireito {
background-color:#4190cc; 
width:240px; 
height:30px; 
border-radius: 3px; 
font-family:Arial; 
padding:5px; 
margin:5px;
color:#fff; 
text-indent:5px; 
line-height:30px;
}
.box_conteudo {
text-indent:5px; 
line-height:30px; 
font-family:Arial;
font-size:15px;
}
.box_esquerdo {
background-color:#fff; 
width:400px; 
height:300px;
border-radius: 4px; 
border: 1px solid #ccc; 
font-family:Arial; 
float:right; 
display:table;
}
.box_tituloesquerdo {
background-color:#4190cc; 
width:400px;
height:30px; 
border-radius: 3px; 
font-family:Arial; 
padding:5px; 
margin:5px;
color:#fff; 
text-indent:5px; 
line-height:30px;
}

Após adicionar os códigos no style.css, vá para a index.html e adicione o seguinte código: 
Código:
<div class="mestre"><br>
<div class="box_direito">
<div class="box_titulodireito">ყвłσσcкÐ SEU TEXTO</div>
<div class="box_conteudo">SEU TEXTO</div></div>

<div class="box_esquerdo">
<div class="box_tituloesquerdo">ყвłσσcкÐ SEU TEXTO</div>
<div class="box_conteudo">SEU TEXTO</div></div></div>

Espero que resolva, dúvida esclarecida?

Se a box fica com alinhamento errado, me fale que irei ajudar.

#7

ϟFish3r
ϟFish3r
Membro
[alerta=Alerta] O autor do tópico tem 48 horas para informar se a dúvida foi esclarecida, caso contrário o tópico será fechado e movido. [/alerta]

#8

Joohn
Joohn
VIP
Fechem o tópico

#9

iLucas
iLucas
Membro
[sucesso=Aviso]Tópico fechado & movido
Motivo: Autor satisfeito.[/sucesso]

#10

Conteúdo patrocinado

Ver o tópico anterior Ver o tópico seguinte Ir para o topo Mensagem [Página 1 de 1]


Permissões neste sub-fórum
Não podes responder a tópicos