Ir para conteúdo

POWERED BY:

Arquivado

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

glamours

Espaçamento esquerdo c/ alinhamento

Recommended Posts

Boa noite galera,

Tenho um menu com lista não ordenada. Preciso dar espaçamento a direita de 30px, mas tb tenho q usar alinhar a direita.

Obs: Quem não sabe, no CSS quanto se usa text-align:right o padding não funciona mais!

 

Alguma idéia para dar o espaçamente? É para um template do WordPress.

 

Obrigado.

Compartilhar este post


Link para o post
Compartilhar em outros sites

Amigo, o padding funciona normalmente utilizando o text-align:right;

Possivelmente seu código está com algum problema,

poste o html e o css da lista para podermos dar uma olhada.

Compartilhar este post


Link para o post
Compartilhar em outros sites
@CHARSET "UTF-8";

body
{
background:url(./images/bg.jpg);
background-repeat:repeat;

}

.FrameGeral
{
width:940px;
margin:auto;
background:#FFF;
height: 800px;
}

.FrameTopo
{
height:130px;
width:940px;
}

.FrameEsquerda
{
width:290px;
float:left;
}

.FrameDireita
{
width:570px;
float:right;
padding-left:10px;
padding-top:20px;
}

.FrameRodape
{
width:940px;
margin:auto;
}

#topo
{
background:url(./images/topo.jpg);
background-repeat:no-repeat;

}

#menu
{
width:275px;
float:left;
}


#menu ul
{
list-style:none;	
padding:0px;

}

#menu li
{
background:url(./images/bnt.jpg);
background-repeat:no-repeat;
width:275px;
height:20px;
padding-top:13px;
[b]padding-right:20px;
      text-align:right;[/b]}

}

#menu a:link {
color: #666;;
text-decoration: none;
font-weight:bold;
}

#menu a:visited {
color: #666;;
text-decoration: none;
font-weight:bold;
}
#menu a:hover {
color: #009;
text-decoration: none;
font-weight:bold;
}
#menu a:active {
color: #666;
text-decoration: none;
font-weight:bold;
}


#rodape
{
clear:both;
background:#FFF;
text-align:center;
font-size:10px;
padding-bottom:20px;
}


#conteudo
{
padding-top:30px;
padding-right:20px;
}

#menu2
{
width:275px;
float:left;
background:#BCD0DB;
}

#menu2 ul
{
list-style:none;	
padding:0px;
}

#menu2 li
{
width:275px;
height:20px;
padding-top:13px;
text-align:right;

}

#menu2 a:link {
color:#999;
text-decoration: none;
font-weight:bold;
}

#menu2 a:visited {
color: #999;
text-decoration: none;
font-weight:bold;
}
#menu2 a:hover {
color: #009;
text-decoration: none;
font-weight:bold;
}
#menu2 a:active {
color: #999;
text-decoration: none;
font-weight:bold;
}

Compartilhar este post


Link para o post
Compartilhar em outros sites

NOVO CSS descartar o anterior. Mesmo assim o padding não funciona padding-right na classe Menu1 (listagem)

 

 

 

@CHARSET "UTF-8";

body
{
background:url(./images/bg.jpg);
background-repeat:repeat;
}

.Container
{
width:940px;
margin:auto;
background:#FFF;
height: 800px;
}

.Topo
{
height:130px;
width:940px;
background:url(./images/topo.jpg);
background-repeat:no-repeat;
}

.Menu
{
width:290px;
float:left;
}

.Conteudo
{
width:570px;
float:right;
padding-left:10px;
padding-top:20px;
padding-top:30px;
padding-right:20px;
}

.Menu1
{
width:275px;
float:left;
padding-right:40px;
text-transform:uppercase;	
}



.Menu1 ul
{
list-style:none;	
padding:0px;
}

.Menu1 li
{
background:url(./images/bnt.jpg);
background-repeat:no-repeat;
width:275px;
height:20px;
padding-top:13px;
text-align:right;
padding-right:80px;


}
.Meio
{
padding:20px;
}

.Menu1 a:link 
{
color: #666;;
text-decoration: none;
font-weight:bold;
}

.Menu1 a:visited 
{
color: #666;;
text-decoration: none;
font-weight:bold;
}

.Menu1 a:hover 
{
color: #009;
text-decoration: none;
font-weight:bold;
}

.Menu1 a:active 
{
color: #666;
text-decoration: none;
font-weight:bold;
}


.Menu2
{
width:275px;
float:left;
background:#BCD0DB;
}

.Menu2 ul
{
list-style:none;	
padding:0px;
}

.Menu2 li
{
width:275px;
height:20px;
padding-top:13px;
padding-top:13px;
padding-left:180px;
}

.Menu2 a:link 
{
color:#999;
text-decoration: none;
font-weight:bold;
}

.Menu2 a:visited 
{
color: #999;
text-decoration: none;
font-weight:bold;
}

.Menu2 a:hover 
{
color: #009;
text-decoration: none;
font-weight:bold;
}

.Menu2 a:active 
{
color: #999;
text-decoration: none;
font-weight:bold;
}

.Rodape
{
width:940px;
margin:auto;
clear:both;
background:#FFF;
text-align:center;
font-size:10px;
padding-bottom:20px;
}

#ImgCertificado
{ 
border:0px;
margin:auto;
text-align:center;
}

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

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