how to div in div centerent ?

[ctcp]

.centered {

top: 50%;

left: 50%;

width: 80px;

height: 130px;

background-image: url(images/stand.gif);

background-repeat: no-repeat;

}

.cent {

margin-left: auto;

margin-right: auto;

}

<table align="center" >
  <tr>

    <?php
$Recordset1_endRow = 0;
$Recordset1_columns = 10; // number of columns
$Recordset1_hloopRow1 = 0; // first row flag
do {
    if($Recordset1_endRow == 0  && $Recordset1_hloopRow1++ != 0) echo "<tr>";
   ?>
    <td align="center"><div class="centered"><div><img src="images/flag/<?php echo $row_Recordset1['country']; ?>.gif"></div><?php echo $row_Recordset1['username']; ?><div class="cent"><img src="images/floga.gif" /></div></div></td>
    <?php  $Recordset1_endRow++;
if($Recordset1_endRow >= $Recordset1_columns) {
  ?>
  </tr>
  <?php
$Recordset1_endRow = 0;
  }
} while ($row_Recordset1 = mysql_fetch_assoc($Recordset1));
if($Recordset1_endRow != 0) {
while ($Recordset1_endRow < $Recordset1_columns) {
    echo("<td> </td>");
    $Recordset1_endRow++;
}
echo("</tr>");
}?>
</table>

 

how to .cent  align to center?

 

 

 

[cssfreakie]

could you instead of posting your php (which is a serverside script) post the outputed html. or maybe link to online content so we can inspect it.

Btw, why on earth are you placing div's in a table. and why are you using tables for this?

 

-edit: btw to center a div (or any block element, you first need to give it a width other than 100% (which is the default value)

 

[ctcp]

<style>
.centered {
top: 50%;
left: 50%;
width: 80px;
height: 130px;
background-image: url(images/stand.gif);
background-repeat: no-repeat;
}





.cent {
margin-left: auto;
margin-right: auto;
}







  </style>

<table align="center" >
  <tr>

    <td align="center"><div class="centered"><div></div><div class="cent"></div></div></td>


  </tr>
</table>

how to the second div aligh center? i whant add one image in div center

 

[Maq]

Please use

tags when posting code on the forum.

[cssfreakie]

did you read the link it added?

 

anyway i gave the things some color and indentation: easier to see what you do:

not sure if this is what you want, but the cryptic: how to div in div... doesn't make it any clearer

<style type="text/css">
.centered {
top: 50%;
left: 50%;
width: 80px;
height: 130px;
background-image: url(images/stand.gif);
background-repeat: no-repeat;
        border:1px solid red;
}
.cent{
margin-left: auto;
margin-right: auto;
        min-height: 10px;
        width:20px;
        background:#000;
}
</style>

<table align="center" >
  <tr>
    <td align="center">
        <div class="centered">
            <div></div>
            <div class="cent"></div>
        </div>
    </td>
  </tr>
</table>

[ctcp]

cssfreakie thank you mate thank you very much

[cssfreakie]

cssfreakie thank you mate thank you very much

lol i assume it's fixed?