Div tables? Options

[ladyCHA]

Hi! I am working on a div layer and was wondering how I add my own small tables with information like links for “add me” and little bits of information.

[ladyCHA]

I'll show you my CSS because It's still not showing up. I'm messing this up somehow lol

<!-- begin code provided by createblog.com --><br /><style type=text/css><br /><br />body {<br />background: 44311F  url("");<br />background-position: bottom right;<br />background-repeat: no-repeat;<br />background-attachment: fixed;<br />scrollbar-arrow-color:............;<br />scrollbar-track-color: ............;<br />scrollbar-shadow-color: ............;<br />scrollbar-face-color:............;<br />scrollbar-highlight-color:............;<br />scrollbar-darkshadow-color:............;<br />scrollbar-3dlight-color:............;}<br /><br />table, tr, td {background-color: transparent; border: 0px; padding:2;}<br />table table {border: 0px;}<br />table table table table{border: 0px;}<br /><br />{The actual modules}<br />table table table {border: 1px solid; border-color: ............; background-color: ............; }<br /><br />{sets the default style for the body, table data, list data, divisions and text areas}<br />body,table, td, li, p, div, textarea  <br />{font:normal 9px arial; color:............; font-weight:none; border:0px; text-transform: none; line-height:12px;}<br /><br />{class for the basic font for the page}<br />.text {font:normal 9px arial; color:............; font-weight:none; border:0px; text-transform: none; line-height:12px;}  <br /><br />{style for the number of comments you have. The actual ..}<br />.redtext{font-family:arial; font-size:9px; color:............; font-weight:none;border:0px; text-transform: uppercase; }<br /><br />{style for the number of friends you have.}  <br />.redbtext{font-family:arial; font-size:9px; color:............; font-weight:none;border:0px; text-transform: uppercase; }<br /><br />{”Blurbs”, “About Me”, “Who I’d like to Meet”, “Friend Space”, and “Friend’s Comments” style}<br />.orangetext15{font-family: arial; color: ............; font-weight: bold; font-size: 20px; letter-spacing: -2px;}  <br /><br />{”General”, “Music”, “Movies”, “Television”, “Books”, “Heros”, “Status”, “Here for”, “Hometown”, “Body Type”, “Ethnicity”, “Religion”, “Sign”, “Smoke/Drink”, “Children”, “Education”, “Occupation”, and “Income” title style}<br />.lightbluetext8{font-family:arial; font-size:9px;  color:............; font-weight:none;border:0px; text-transform: uppercase; }<br /><br />{”Contacting”, “Interests”, “Details”, and “Schools” title styling}  <br />.whitetext12{font-family:arial; font-size:9px;  color:............; font-weight:none;border:0px; text-transform: uppercase;}  <br /><br />{”In your extended network” style}<br />.blacktext12{font-family: arial; color: ............; font-weight: bold; font-size: 20px; letter-spacing: -2px; }<br /><br />{Stylizing of your name above your picture }  <br />.nametext{font-family: arial; color: ............; font-weight: bold; font-size: 30px; letter-spacing: -3px; line-height: 35px;}  <br /><br />{date stamp on comments}  <br />.blacktext10{font-family:arial; font-size:9px;  color:............; font-weight:none;border:0px; text-transform: uppercase;}  <br /><br />{This is how all anchor points will be displayed; anchor points appear before all links.}  <br />a{font-family:arial; font-size:9px; color:............; font-weight:none;border:0px; text-transform: uppercase; }  <br />a:link{font-family:arial; font-size:9px; color:............; font-weight:none;border:0px; text-transform: uppercase;}<br />a:active{font-family:arial; font-size:9px; color:............; font-weight:none;border:0px; text-transform: uppercase;}<br />a:visited{font-family:arial; font-size:9px; color:............; font-weight:none;border:0px; text-transform: uppercase;}<br />a:hover{font-family:arial; font-size:9px; color:............; font-weight:none;border:0px; text-transform: uppercase;}<br /><br />{”View all friends” and “invite more” link style}  <br />a.redlink{font-family:arial; font-size:9px; color:............; font-weight:none;border:0px; text-transform: uppercase;}  <br />a.redlink:link{font-family:arial; font-size:9px; color:............; font-weight:none;border:0px; text-transform: uppercase;}<br />a.redlink:active{font-family:arial; font-size:9px; color:............; font-weight:none;border:0px; text-transform: uppercase;}<br />a.redlink:visited{font-family:arial; font-size:9px; color:............; font-weight:none;border:0px; text-transform: uppercase; } <br />a.redlink:hover{font-family:arial; font-size:9px;  color:............; font-weight:none;border:0px; text-transform: uppercase;}<br /><br />{2 links in very top on the left, and the 13 links above your picture with make the navigation bar} <br />a.navbar{font-family:arial; font-size:9px; color:............; font-weight:none;border:0px; text-transform: uppercase;}  <br />a.navbar:link{font-family:arial; font-size:9px; color:............; font-weight:none;border:0px; text-transform: uppercase;}  <br />a.navbar:active{font-family:arial; font-size:9px; color:............; font-weight:none;border:0px; text-transform: uppercase;}  <br />a.navbar:visited{font-family:arial; font-size:9px; color:............; font-weight:none;border:0px; text-transform: uppercase;}  <br />a.navbar:hover{font-family:arial; font-size:9px; color:............; font-weight:none;border:0px; text-transform: uppercase;}  <br /><br />{Default Links}<br />a:link, a.man{font-family:arial; font-size:9px; color:............; font-weight:none;border:0px; text-transform: uppercase; letter-spacing: 0px;}  <br />a:active{font-family:arial; font-size:9px; color:............; font-weight:none;border:0px; text-transform: uppercase;}  <br />a:visited{font-family:arial; font-size:9px; color:............; font-weight:none;border:0px; text-transform: uppercase;} <br />a:hover{font-family:arial; font-size:9px; color:............; font-weight:none;border:0px; text-transform: uppercase;} <br /><br />{bolded words}<br />.standard b, p b, B, strong {<br />font-family:arial; font-size:9px; color:............; font-weight:none;border:0px; text-transform: uppercase; }<br /><br /><div class="nameofdiv"><table style="width: 100px; height: 100px;"><tr><td><br />content</td></tr></table></div><br /><br />.name {roo43i5;}<br /><br /></style><br /><br /><style type="text/css"><br />table td div div font {visibility:hidden;}<br /></style><br /><br /><style type="text/css">.comments {visibility:hidden;display:none;}</style><br /><br /><style type="text/css"><br />.Main { position:absolute; left:50%; top:125px; width:800px; z-index:1; margin-left:-400px; padding:0px; border:0px; background-color:transparent;}<br /></style><br /><!-- end code provided by createblog.com -->

[Jane Doe.]

<style type=text/css>

<div class="nameofdiv"><table style="width: 100px; height: 100px;"><tr><td>
content</td></tr></table></div>

.name {roo43i5;}

</style>

<style type="text/css">
table td div div font {visibility:hidden;}
</style>

<style type="text/css">.comments {visibility:hidden;display:none;}</style>

<style type="text/css">
.Main { position:absolute; left:50%; top:125px; width:800px; z-index:1; margin-left:-400px; padding:0px; border:0px; background-color:transparent;}
</style>

Do not place the <div class=".."> -- type thing in between your style codes.
Also, assign them both a name and make sure they mirror each other.
So if you assign the div a name of 'radio' you would have:
<div class="radio">content content</div> somewhere NOT in your style tags ..
and .radio {CSS PROPERTIES HERE} in your about me/CSS.
Assign them a name, and make sure they are the same! Also, edit the CSS, or else nothing will show up.
And then you can move onto positioning them and layering.