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.

[Jane Doe.]

<!-- begin code provided by createblog.com --><br /><div class="nameofdiv"><table style="width: #px; height: #px;"><tr><td><br />content</td></tr></table></div><br /><br /><!-- end code provided by createblog.com -->

I think that might be it.. and you can use this script to help you with the links:
http://www.createblog.com/forums/index.php...opic=113359&hl=

[ladyCHA]

I tried it, but I don't see it on my div layer.

[Jane Doe.]

You may have to add a "z-index: 2" or higher to the properties of the DIV..

Either <div class="name" style="z-index: 2;">

or

.name { background-color kodfl; background-position: 32pr03; z-index: 2; }

[ladyCHA]

Where do I plug those in?

[Jane Doe.]

Where your codes are? The .nameofdiv { properties and z-index: higher-the-#; }
should go along with your CSS.

[ladyCHA]

Hmm I'm still a tad bit confused on how and which codes to use. Do I place them within my <style type=text/css> .... </style> or just in my about me?

[Jane Doe.]

The CSS:

.name {roo43i5;}

goes in between your style tags, yes.

The <div class="jri2342">..</div>

do not go in between your style codes.

It's recommended that you place your CSS for the DIVs in your about me and the DIV codes in your Who I'd like to meet.

[ladyCHA]

I'll probably adding it wrong or something...still not working.

[Jane Doe.]

Link?

[ladyCHA]

Clicky

[Jane Doe.]

Oh, goodness. You were using the [rather insane] examples I posted.
Heh..

Okay. There is 2 parts to this. One: CSS.

.nameofDIV { properties! }

Two:

<div class="nameofdiv"> Content here! </div>

The first would go in your 'about me' in between your style tags. The second would go anywhere, but I'd recommend you put it in your 'Who I'd like to meet' with no style tags surrounding it.

You can fill in the 'name of DIV' thing with your own, but make sure they mirror each other.

[ladyCHA]

Do I place

.nameofDIV { properties! }

Anywhere specific on the CSS?

[Jane Doe.]

No.. that's entirely up to you. I mean, if you place it in between your table and background properties it would be harder to find and messier.. but it's up to you. It shouldn't mess anything up.

[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.

[ladyCHA]

Still nothing this is what is in my "I'd like to meet" section. Maybe the problem lies there.

<!-- begin code provided by createblog.com --><br /><DIV class="Main"> <table style="width:800px; height:600px; cellpadding:0px; cellspacing:0px; border:2px solid black background-color:44311F;}"> <tr> <td valign="top"><img src="http://img475.imageshack.us/img475/9067/059zl.jpg"> </td> </tr> </table> </DIV><br /><br /><div class="Chick"> Content here! </div><br /><br /><div class="comments"><table><tr><td><table><tr><td><br /><!-- end code provided by createblog.com -->

[Jane Doe.]

Place the new DIV coding "<div class="chick">" within the main DIV's codes

<DIV class="Main"> <table style="width:800px; height:600px; cellpadding:0px; cellspacing:0px; border:2px solid black background-color:44311F;}"> <tr> <td valign="top"><img src="http://img475.imageshack.us/img475/9067/059zl.jpg"> <div class="Chick"> Content here! </div></td> </tr> </table> </DIV>

Or.. uhm. Wait.
You haven't added any positioning or anything, have you? I shall now refer you to this topic:
http://www.createblog.com/forums/index.php?showtopic=97397

[ladyCHA]

never mind...