Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Micilini Roll

div nao apareçe ao lado da outra?

Por , em Desenvolvimento frontend

Recommended Posts

Micilini Roll    49

Micilini Roll
Postado

pessoal aqui esta o codigo:

 

<div id="superior">

<div id="esquerda_superior">
</div>
<div id="direita_superior">
</div>

</div>

<body style="background:#000;">
<style>

#esquerda_superior 
{
width:245px;
height:115px;
position:relative;
padding:0px;
background:url(background.jpg);
-webkit-border-radius:10px;
-moz-border-radius:10px;
border-radius:20px;
float:left;
margin-left:15px;
}

#esquerda_superior:after 
{
content: "";
position: absolute;
bottom: -12px;
left: 28px;
border-style: solid;
border-width: 15px 15px 0;
border-color: #FFFFFF transparent;
display: block;
width: 0;
z-index: 1;
}<!-- esquerda superior -->

#direita_superior 
{
width:245px;
height:115px;
position:relative;
padding:0px;
background:url(background.jpg);
-webkit-border-radius:10px;
-moz-border-radius:10px;
border-radius:20px;
float:right;

}

#direita_superior:after 
{
content: "";
position: absolute;
bottom: -12px;
left: 185px;
border-style: solid;
border-width: 15px 15px 0;
border-color: #FFFFFF transparent;
display: block;
width: 0;
z-index: 1;
}<!-- direita superior -->


</style>

 

 

 

o q eu axhei engraçado foi que este codigo funcionou uma vez,so que eu devo ter feito alguma coisa, e ate agora nao encontrei o erro!

Compartilhar este post

Link para o post
Compartilhar em outros sites

Diéssica    140

Diéssica
Postado

Você está fazendo o contrário. Dentro de 

<body style="background:#000;">

...
</body>

que devem ficar os elementos HTML.

 

E dentro de <head> deve ficar o seu CSS, com <style> ou <link>. De preferência, também remova o CSS inline determinado no body (body style=""). Você já tem um CSS externo, faça essa regra no próprio. É o certo. :)

Reveja essas coisas primeiro. ;)

Compartilhar este post

Link para o post
Compartilhar em outros sites

Micilini Roll    49

Micilini Roll
Postado

fiz tudo o que vc disse mas mesmo assim nao resolveu!...o problema foi indentificado por min mais ainda nao resolvi,seguinte,no codigo acima a ordem do style esta assim:

 

 

 

 

#esquerda_superior

 

#esquerda_superior:after

 

#direita_superior#direita_superior:after

 

eu mudei a posição dos css para :

 

 

 

#esquerda_superior

 

#direita_superior
#esquerda_superior:after

#direita_superior:after

 

volta ao normal as duas apareçem,mas se vc testar o codigo vera que ela tem uma setinha embaixo e mesmo trocando a ordem as 2 caixas apareçem mais a setas embaixo so apareçe uma,o problema em si esta no :after alguma ideia???

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Desenvolvimento frontend
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito