[Pernicious]

I have this code, and just want to center the image objects being displayed from my arrays.

PHP Code


<?php 
    function redeal(){

        var centered = document.createElement('div');
        centered.className = 'centered';

            for(x=0;x<playerarray.length;x++){
                document.body.appendChild(playerarray[x].image);
            }

            document.body.appendChild(layer); //this just adds a 'br', declared globally

            for (x=0;x<opponentarray.length;x++) {
                document.body.appendChild(opponentarray[x].image);
            }    
    } 


And in the CSS I have:

PHP Code


<?php 
.centered {display: block; margin-left: auto; width: 500px; margin-right: auto } 


Just not sure how it works...or what it should look like..

Thanks Guys!

[ifconfig]

I'm not sure if I'm right here, as I hardly ever do webpage stuff, but couldn't you use HTML to center your image when you call the function? Sorry if I'm wrong, not my cup of tea.

[rswinges]

You want to center the images in the <body> or in the specific <div>?

If inside the div, ignore all the other CSS you have for class ".centered. Just set "text-align: center; width: 500px" for the class .centered and that should do it. A block by default has display: block.

If inside the body, you have to set "text-align: center" to the body, then "display: inline-block" for the div.