How do I add a section? Options

[DemonicJay]

I want to add a "Information" Section like this band, under there display pic

http://www.myspace.com/jackketchkills

"Information

HOMETOWN: Sacramento, CA
MYSPACE: myspace.com/jackketchkills
WEBSITE: www.jackketchkills.com
BOOKING: nick@jackketchkills.com
LAYOUT: www.hosbak.com
LABEL: Transmedia Records"

[Mikeplyts]

You just have to make a DIV container for it.

Put this in your CSS:

CODE

.CLASS_NAME {
position:absolute;
top:###px;
_top:###px;
left:50%;
_left:50%;
margin-left:-###px;
_margin-left:-###px;
width:###px;
height:###px;
}

Then, add this to your HTML:

CODE

<div class="CLASS_NAME">
YOUR CUSTOM SECTION CONTENT GOES HERE
</div>

That's probably a bit difficult though because you would have to make some spacing under the Display Pic area. I think you can just hide the whole left section and make one big DIV container for it. If you want to do that, take a look at Step 11 of this tutorial.

[emberfly]

looks like you already have one.

ignore me. can't keep my mind off the premier :3

[Mikeplyts]

Crud. Well, could what I said worked too?

[emberfly]

only if he was using a div-overlay

[Mikeplyts]

ah, ok then.

[DemonicJay]

U ARE THE NEXT JESUS :] <3

hmm, what if i want to put a banner over this table saying "Information"

also, the links behind the table are showing, how do i make tht go away? do i need to make a background?

and how do i adjust the table, like shift it a little more to the right cuz its kind of off

here is the layout

click to enlarge

:] im so close to finishing im so happy!

Reason for edit: Please use [thumb] tags instead of [img] tags when posting large images. - Mike

[DemonicJay]

how do i do tht? theres no color code in the code :[ and how do i shift it more to the right?

[DemonicJay]

i cant get the background to go black >< idk where to put it, im sorry im new to this

this is my code so far

CODE

<div class="tg_left">
<a href='http://www.msplinks.com/MDFodHRwOi8vaW1nMTEuaW1hZ2VzaGFjay51cy9pbWcxMS84ODEyL2JhbmRwaDEuanBn'><img src='http://img11.imageshack.us/img11/8812/bandph1.jpg' border='0' alt='View More Pictures' /></a><br />

<center><table width="325" cellspacing="3" cellpadding="3">

<tr>
<td>Hometown:</td>
<td><div align="right">NYC/Long Island, NY</div></td>
</tr>

<tr>
<td>Myspace:</td>
<td><div align="right">myspace.com/viennafalls</div></td>
</tr>

<tr>
<td>Website:</td>
<td><div align="right"></div></td>
</tr>

<tr>
<td>Booking:</td>
<td><div align="right"></div></td>
</tr>

<tr>
<td>Layout:</td>
<td><div align="right"></div></td>
</tr>

<tr>
<td>Label:</td>
<td><div align="right"></div></td>
</tr>

</table></center>
</div>

putting it centered solves the moving it to the right problem, but i just need it to go black >< and also i want to put a banner right over it :[

Reason for edit: Please put codes in codeboxes. Thanks -Nat

[Mickey]

Try replacing that code with this:

CODE

<div class="tg_left">
<a href='http://www.msplinks.com/MDFodHRwOi8vaW1nMTEuaW1hZ2VzaGFjay51cy9pbWcxMS84ODEyL2JhbmRwaDEuanBn'><img src='http://img11.imageshack.us/img11/8812/bandph1.jpg' border='0' alt='View More Pictures' /></a><br />

<center><table width="325" cellspacing="3" cellpadding="3" bgcolor="000000">

<tr>
<td>Hometown:</td>
<td><div align="right">NYC/Long Island, NY</div></td>
</tr>

<tr>
<td>Myspace:</td>
<td><div align="right">myspace.com/viennafalls</div></td>
</tr>

<tr>
<td>Website:</td>
<td><div align="right"></div></td>
</tr>

<tr>
<td>Booking:</td>
<td><div align="right"></div></td>
</tr>

<tr>
<td>Layout:</td>
<td><div align="right"></div></td>
</tr>

<tr>
<td>Label:</td>
<td><div align="right"></div></td>
</tr>

</table></center>
</div>

That should give it a black background.

[DemonicJay]

Try replacing that code with this:

CODE

<div class="tg_left">
<a href='http://www.msplinks.com/MDFodHRwOi8vaW1nMTEuaW1hZ2VzaGFjay51cy9pbWcxMS84ODEyL2JhbmRwaDEuanBn'><img src='http://img11.imageshack.us/img11/8812/bandph1.jpg' border='0' alt='View More Pictures' /></a><br />

<center><table width="325" cellspacing="3" cellpadding="3" bgcolor="000000">

<tr>
<td>Hometown:</td>
<td><div align="right">NYC/Long Island, NY</div></td>
</tr>

<tr>
<td>Myspace:</td>
<td><div align="right">myspace.com/viennafalls</div></td>
</tr>

<tr>
<td>Website:</td>
<td><div align="right"></div></td>
</tr>

<tr>
<td>Booking:</td>
<td><div align="right"></div></td>
</tr>

<tr>
<td>Layout:</td>
<td><div align="right"></div></td>
</tr>

<tr>
<td>Label:</td>
<td><div align="right"></div></td>
</tr>

</table></center>
</div>

That should give it a black background.

it didnt do anything :[

how do i create a new DIV layer?

[Mickey]

How about this:

CODE

<div class="tg_left" style="background-color:000000;">
<a href='http://www.msplinks.com/MDFodHRwOi8vaW1nMTEuaW1hZ2VzaGFjay51cy9pbWcxMS84ODEyL2JhbmRwaDEuanBn'><img src='http://img11.imageshack.us/img11/8812/bandph1.jpg' border='0' alt='View More Pictures' /></a><br />

<center><table width="325" cellspacing="3" cellpadding="3" bgcolor="000000">

<tr>
<td>Hometown:</td>
<td><div align="right">NYC/Long Island, NY</div></td>
</tr>

<tr>
<td>Myspace:</td>
<td><div align="right">myspace.com/viennafalls</div></td>
</tr>

<tr>
<td>Website:</td>
<td><div align="right"></div></td>
</tr>

<tr>
<td>Booking:</td>
<td><div align="right"></div></td>
</tr>

<tr>
<td>Layout:</td>
<td><div align="right"></div></td>
</tr>

<tr>
<td>Label:</td>
<td><div align="right"></div></td>
</tr>

</table></center>
</div>

[DemonicJay]

still no :[ IODSOFHI092HEF02HEF WHY ISNT IT WORKING!

[Mickey]

Post all of your codes.

[DemonicJay]

CODE

<div class="tg_left">
<a href='http://www.msplinks.com/MDFodHRwOi8vaW1nMTEuaW1hZ2VzaGFjay51cy9pbWcxMS84ODEyL2JhbmRwaDEuanBn'><img src='http://img11.imageshack.us/img11/8812/bandph1.jpg' border='0' alt='View More Pictures' /></a><br />

<center><table width="325" cellspacing="3" cellpadding="3">

<tr>
<td>Hometown:</td>
<td><div align="right">NYC/Long Island, NY</div></td>
</tr>

<tr>
<td>Myspace:</td>
<td><div align="right">myspace.com/viennafalls</div></td>
</tr>

<tr>
<td>Website:</td>
<td><div align="right"></div></td>
</tr>

<tr>
<td>Booking:</td>
<td><div align="right"></div></td>
</tr>

<tr>
<td>Layout:</td>
<td><div align="right"></div></td>
</tr>

<tr>
<td>Label:</td>
<td><div align="right"></div></td>
</tr>

</table></center>
</div>

is the code for the left section [display pic, custom information section] which i cant get the background of it to go black

Reason for edit: Please use [codebox] tags instead of [code] tags when posting longer codes. - Mike

[Mickey]

Add this to your stylesheet codes:

CODE

.tg_left table, .tg_left td {background-color:000000!important;}

[DemonicJay]

<333 IT WORKED!

[Mickey]

Sweet. Topic closed & moved.