HELP, Show Section in Div?, HELP, Show Section in Div Options

[duheyeofra]

Need help Putting the Upcoming Shows table into a DIV. PLZ

[Mickey]

Try this:

CODE

<style type="text/css">
table table td.text div table {display:block;}
table table td.text div {position:absolute; top:500px; left:50%; margin-left:-200px;}
table table td.text table.friendSpace td.text div, table table.friendsComments td.text div {position:static; margin:auto; overflow:hidden; height:auto;}
</style>

Play around with the top and margin-left values in the middle of the code to position it.

[jonathanscream]

I tried this code, and it did what you said it would.. it moved the Upcoming Shows box, which is what I wanted.

However, it threw my div for my overlay way left, and was sitting underneath the div I created. Only when removing my own div did I see the Upcoming Shows calendar.

Is there a way to have my div at the top of the page and everything else pushed down (which I already have done) and just put the Upcoming Shows table inside my new div, and have them centered on the page?

Here's what I have so far..

CODE

<style>
body {margin-top: 3000px; background-color: 000000;}
.profileWidth {padding-bottom:0px !important;}
.div1 { background-color: 8a7f69; width:940px; height:3000px; overflow:hidden; position:absolute; z-index: 7; left:50%; top:0px; margin-left:-470px; margin-top:0px; text-align:center; visibility:visible;}
</style>

<style>
.a {position artist/band player}
td.text object {position:relative; top:-345px; left:50%; margin-left:-500px; z-index:9;}
td.text td td object {position:static; margin-left:0px;}
</style>

<style>
table table td.text div table {display:block;}
table table td.text div {position:absolute; top:400px; left:50%; margin-left:-500px;}
table table td.text table.friendSpace td.text div, table table.friendsComments td.text div {position:static; margin:auto; overflow:hidden; height:auto;}
</style>


<div id="div1">
<img src="http://www.mgmbooking.com/shaved/devin_topper.png" />
</div>

[Mickey]

Do you mind posting a link to your page?

[jonathanscream]

Sure, no problem

<a href="http://www.myspace.com/guardingharbor">Here ya go</a>

I know the player is over the picture, and there's nothing there except just random stuff. (this is a test page for my band Shaved - www.mypace.com/shavedband )

I mainly want to know how to move the upcoming shows at will so I can design my graphics around it.

Also, in my code, I may have left the div id in there... and it's supposed to be div class. Fixed in the profile.

[Mickey]

Remove this from your Bio codes:

CODE

<div class="div1">
<img src="http://www.mgmbooking.com/shaved/devin_topper.png" />
</div>

Place it in your Members section instead. That goes for any DIV you want to position on your page, too. That should solve your problem.