Editable Home Page Centerboxes [Support]

[Muzz]

Nice mod idea.

Looking FWD to testing it when it is uploaded.

[DivaVocals]

Nice mod idea.

Looking FWD to testing it when it is uploaded.

Thanks.. If you want to try this little mod out now, PM me your e-mail address, and I'll be happy to share the zip file with you.. (Hope the admins don't object..)

Here's a test page with the middleboxes in use:
http : // zen138 . overthehillweb . com

[DivaVocals]

All official and approved.. Here's the official link to the download:
http://www.zen-cart.com/index.php?ma...oducts_id=1562

[Streaming]

Have the same problem as your own test page with middle box 3. Screenshot is from your test page link.

[DivaVocals]

Have the same problem as your own test page with middle box 3. Screenshot is from your test page link.

You'll need to adjust the width of the content boxes to correct this.. This is a tableless design and with three boxes it presumes that each will only take up a third of the space. You'll notice that I have decimal values. I added those because when I was testing, I was trying to get the entire block of boxes to center, and could only get it to occur when I added the decimal values to the width.. Maybe a CSS gru can point out a better way to do this.. I'll be happy to correct the module and resubmit..

#middlebox_1 {
/*DO NOT MODIFY THE FLOAT OR WIDTH UNLESS YOU KNOW WHAT YOU ARE DOING!!*/
float:left;
width:33.1%;
background:#e0d0d0;
}

#middlebox_2 {
/*DO NOT MODIFY THE FLOAT OR WIDTH UNLESS YOU KNOW WHAT YOU ARE DOING!!*/
float:left;
width:33.32%;
background:#c0c0c0;
}

#middlebox_3 {
/*DO NOT MODIFY THE FLOAT OR WIDTH UNLESS YOU KNOW WHAT YOU ARE DOING!!*/
float:right;
width:33.1%;
background:#e0d0d0;
}

[DivaVocals]

You'll need to adjust the width of the content boxes to correct this.. This is a tableless design and with three boxes it presumes that each will only take up a third of the space. You'll notice that I have decimal values. I added those because when I was testing, I was trying to get the entire block of boxes to center, and could only get it to occur when I added the decimal values to the width.. Maybe a CSS gru can point out a better way to do this.. I'll be happy to correct the module and resubmit..

Try this.. Replace lines 1-26 with this:

/*Centers middleboxes and aligns them in one row*/
#navColumnMiddleWrapper {
    margin: auto;
    }

#middlebox_1 {
/*DO NOT MODIFY THE FLOAT OR WIDTH UNLESS YOU KNOW WHAT YOU ARE DOING!!*/
    float:left; 
    width:33%;
    background:#e0d0d0;
    }
    
#middlebox_2 {
/*DO NOT MODIFY THE FLOAT OR WIDTH UNLESS YOU KNOW WHAT YOU ARE DOING!!*/
    float:left;
    width:33%; 
    background:#c0c0c0;
    }

#middlebox_3 {
/*DO NOT MODIFY THE FLOAT OR WIDTH UNLESS YOU KNOW WHAT YOU ARE DOING!!*/
    float:left; 
    width:33%;
    background:#e0d0d0;
    }

[Streaming]

Ok, thanks for that. Have changed the code to the following which has worked fine:

#middlebox_1 {
/*DO NOT MODIFY THE FLOAT OR WIDTH UNLESS YOU KNOW WHAT YOU ARE DOING!!*/
	float:left; 
	width:32.9%;
	background:#e0d0d0;
	}
	
#middlebox_2 {
/*DO NOT MODIFY THE FLOAT OR WIDTH UNLESS YOU KNOW WHAT YOU ARE DOING!!*/
	float:left;
	width:33.15%; 
	background:#c0c0c0;
	}

#middlebox_3 {
/*DO NOT MODIFY THE FLOAT OR WIDTH UNLESS YOU KNOW WHAT YOU ARE DOING!!*/
	float:right; 
	width:32.9%;
	background:#e0d0d0;