Thumb não centraliza
Pessoal, tenho uma página aspx e nela umas DIV onde eu coloco o Thumb. Acontece que o thumb não vem no centro e sim à esquerda. Como eu faço para centralizar. Abaixo meus códigos, div e css
<div class="inner">
<div class="leftbox">
<a href="images/andador_fantasia_1.jpg" rel="lightbox" title=""><img src="images/andador_fantasia_mini.jpg" width="93" height="95" alt="photo 1" class="left" /></a>
<div class="clear"></div>
<h3>Andador Fantasia</h3>
</div>
Meus CSS
.left {
float: left;
margin: 1px 8px 0px 0px;
}
#body .leftbox,
#body .rightbox {
margin-top: 5px;
color: #464646;
}
#body .leftbox {
float: left;
width: 250px;
}
#body .rightbox {
float: right;
width: 252px;
margin-right: 18px;
border-left: 1px solid #e5e5e5;
height: 119px;
}
* html #body .rightbox {
margin-right: 10px;
}
Como eu faço para centralizar os thumbs?
<div class="inner">
<div class="leftbox">
<a href="images/andador_fantasia_1.jpg" rel="lightbox" title=""><img src="images/andador_fantasia_mini.jpg" width="93" height="95" alt="photo 1" class="left" /></a>
<div class="clear"></div>
<h3>Andador Fantasia</h3>
</div>
Meus CSS
.left {
float: left;
margin: 1px 8px 0px 0px;
}
#body .leftbox,
#body .rightbox {
margin-top: 5px;
color: #464646;
}
#body .leftbox {
float: left;
width: 250px;
}
#body .rightbox {
float: right;
width: 252px;
margin-right: 18px;
border-left: 1px solid #e5e5e5;
height: 119px;
}
* html #body .rightbox {
margin-right: 10px;
}
Como eu faço para centralizar os thumbs?
Pjava
Curtidas 0
Respostas
Joel Rodrigues
28/10/2012
Experimenta adicionar "text-align:center" na div que contém o thumb.
GOSTEI 0
Joel Rodrigues
28/10/2012
E aí, PJava? Algum avanço?
GOSTEI 0
Robson Alves
28/10/2012
.inner
{
text-align: center;
}
o text-align só funciona no IE.
o que eu faria é:
<div class="inner" align='center'> //...Stuffs </div>
GOSTEI 0
Joel Rodrigues
28/10/2012
E então, PJava? Algum avanço aqui?
GOSTEI 0
José
28/10/2012
Olá PJava, conseguiu encontrar alguma solução para seu problema ?
GOSTEI 0