Ir para conteúdo

POWERED BY:

Arquivado

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

Cristiane Jamison

Posicionar / Rotacionar Div's

Por , em Desenvolvimento frontend

Recommended Posts

Cristiane Jamison    0

Cristiane Jamison
Postado

Eu preciso virar essas div's em 180ºC. Elas precisam estar retas abaixo em linha reta no canto direito, mas eu não estou conseguindo. Alguém pode me ajudar, esta aqui o código para dar uma olhada

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Untitled Document</title>
<style type="text/css">
body {font-size:150px}


#apDiv1 {
position: relative;
margin: 30px;
background-color: rgba(204,0,0,1);
float: right;
width: 60px;
height: 5ex;
z-index: 1;
}


#apDiv2 {
position: relative;
margin:30px;
background-color: rgba(204,0,0,0.75);
float:right;
width: 60px;
height: 4ex;
z-index: 2;
}
#apDiv3 {
position: relative;
margin:30px;
background-color: rgba(204,0,0,0.5);
float:right;
width: 60px;
height: 3ex;
z-index: 3;
}
#apDiv4 {
position: relative;
margin:30px;
background-color: rgba(204,0,0,0.25);
float:right;
width: 60px;
height: 2ex;
z-index: 4;
}
#apDiv5 {
position: absolute;
bottom:0px;
right:0px;
z-index: 5;
}
</style>
</head>


<body>




<div id="apDiv5"><div id="apDiv1"></align></div>
<div id="apDiv2"></div>
<div id="apDiv3"></div>
<div id="apDiv4"></div></div>
</body>
</html>

Compartilhar este post

Link para o post
Compartilhar em outros sites

reebr    94

reebr
Postado

 

o float não tem como valor bottom: http://www.w3.org/wiki/CSS/Properties/float

 

 

:o

 

Que curioso, eu não sabia disso. Eu "descobri" esse valor fuçando na IDE que utilizo e, visto que funcionou em todos os navegadores (e nunca tive problemas com ela) acabei adotando-a nos meus projetos. Estranho não!?

 

Além de "bottom", há os seguintes valores:

gdSSO5N.jpg

 

Há algum problema em utilizar outros valores, além dos que existem no site que postou?

Obrigado.

Compartilhar este post

Link para o post
Compartilhar em outros sites

Giovani    104

Giovani
Postado

Há algum problema em utilizar outros valores, além dos que existem no site que postou?

 

O único problema é que não vai funcionar. Faça um teste e retire dos projetos que você colocou, vai perceber que não faz difereça.

 

Sobre o site que postei ... digamos que ele seja a maior referência sobre css que possa existir :)

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