help with 2.0 layout, need help finishing converting Options

[sethstrickland1]

well i have tried to get it to work but idk the home links and stuff is at the bottom of the page and on the right the words in the black in spot are black so you cant see them my myspace url is myspace.com/yourmamas

im using this in the css

CODE

#googlebar, #topnav, .photo, .basicInfoDetails, .detailsModule, .activityMiniFeedModule, .blurbsModule h3, .blurbsModule h4, .friendSpaceModule, .commentsModule, #footer { display:none; }
.content { visibility:hidden; }
.blurbsModule { visibility:visible; }
#header { background:none; }

{! remove extra space caused by padding, margins, min-height settings !}
div.basicInfoDetails {min-height:0px; padding:0px;}
div.profileDemographics {min-height:0px; padding:0px; height:0px; width:0px;}
div.basicInfoModule {margin:0px; height:0px; padding:0px; min-height:0px; }
div.basicInfoModule div.moduleBody {height:0px; min-height:0px; margin-top:0px; margin:0px; padding:0px; }
div.contentMid2 {padding:0px;}

{! override default padding in blurbs module !}
div.blurbsModule {margin:0px; padding:0px}
div.blurbsModule div.moduleBody, div.blurbsModule div.moduleMid{padding:0px;}

body table {margin-top:-50000px;}
body td table, body div table {margin-top: -0;}
table, tr, td {background-color:transparent;}
body div table form{display:none;}
body tab
le div form{display:block;}

Body {
background-color:000000; cursor:crosshair; }


a:link, a:active, a:visited {
font-family:Arial; font-size:10px;
line-height:11px; color:FFFFFF;
text-transform:lowercase;
display:inline; font-weight:normal;
text-decoration:none;
}

a:hover {
color:000000; text-decoration:none;}

.content1 {
background-color:transparent; border:0px;
width:350px; height:255px;
position:absolute; overflow:auto;
top:200px; left:50%; margin-left:-360px;
scrollbar-face-color: 647a19;
scrollbar-arrow-color:000000;
scrollbar-track-color:647A19;
scrollbar-shadow-color:647A19;
scrollbar-highlight-color:647A19;
scrollbar-3dlight-color:647A19;
scrollbar-darkshadow-color:647A19;
filter:chroma(color=647A19);
}

.content2 {
background-color:transparent; border:0px;
width:300px; height:75px;
position:absolute; overflow:auto;
top:270px; left:50%; margin-left:50px;
scrollbar-face-color: 647a19;
scrollbar-arrow-color:000000;
scrollbar-track-color:647A19;
scrollbar-shadow-color:647A19;
scrollbar-highlight-color:647A19;
scrollbar-3dlight-color:647A19;
scrollbar-darkshadow-color:647A19;
filter:chroma(color=647A19);
}


h1 {
font-family:times new roman; font-size:12px;
color:000000; font-weight:normal;
line-height:12px; display:block;
text-transform:uppercase;
border-bottom:1px solid black;
padding-left:60px;}


div.content2, small, big, text, p, br, td, tr, table {
font-family:tahoma arial; color:999999;
font-size:10px; line-height:11px;
text-decoration:none; font-weight:normal;
text-align:left;
}


div.content1, small, big, text, p, br, td, tr, table {
font-family:tahoma arial; color:000000;
font-size:10px; line-height:11px;
text-decoration:none; font-weight:normal;
text-align:left;
}


.Nav1 {
position: absolute; z-index:4;
width:104px; height:39px;
left:50%; top:157px;
margin-left:-395px;
}

.home:active, .home:link, .home:visited {
display: block; overflow:hidden;
height:39px; width:104px;
background-color:transparent;
background: url('http://cbimg6.com/layouts/08/10/31772ab.png');
background-position:top left;
background-repeat: no-repeat;
cursor:crosshair;
}

.home:hover {
background-position: bottom left; border:none;
background-color:transparent;
cursor:crosshair;}

.Nav2 {
position: absolute; z-index:4;
width:72px; height:34px;
left:50%; top:157px;
margin-left:-300px;
}

.add:active, .add:visited, .add:link {
display: block; overflow:hidden;
height:34px; width:72px;
background-color:transparent;
background: url('http://cbimg6.com/layouts/08/10/31772ac.png');
background-position:top left;
background-repeat: no-repeat;
cursor:crosshair;
}

.add:hover {
background-position: bottom left; border:none;
background-color:transparent;
cursor:crosshair;
}

.Nav3 {
position: absolute; z-index:4;
width:112px; height:35px;
left:50%; top:160px;
margin-left:-227px;
}

.msg:active, .msg:link, .msg:visited {
display: block; overflow:hidden;
height:35px; width:112px;
background-color:transparent;
background: url(http://cbimg6.com/layouts/08/10/31772ad.png);
background-position:top left;
background-repeat: no-repeat;
cursor:crosshair;}

.msg:hover {
background-position: bottom left; border:none;
background-color:transparent;
cursor:crosshair;}

.Nav4 {
position: absolute; z-index:4;
width:86px; height:38px;
left:50%; top:157px;
margin-left:-112px;
}

.blk:active, .blk:link, .blk:visited {
display: block; overflow:hidden;
height:38px; width:86px;
background-color:transparent;
background: url('http://cbimg6.com/layouts/08/10/31772ae.png');
background-position:top left;
background-repeat: no-repeat;
cursor:crosshair;}

.blk:hover {
background-position: bottom left; border:none;
background-color:transparent;
cursor:crosshair;}

.Nav5 {
position: absolute; z-index:4;
width:115px; height:35px;
left:50%; top:157px;
margin-left:-20px;
cursor:crosshair;}

.pics:active, .pics:visited, .pics:link {
display: block; overflow:hidden;
height:35px; width:115px;
background-color:transparent;
background: url('http://cbimg6.com/layouts/08/10/31772af.png');
background-position:top left;
background-repeat: no-repeat;
cursor:crosshair;}

.pics:hover {
background-position: bottom left; border:none;
background-color:transparent;
cursor:crosshair;}

.cmntbox {
height:150px; width:300px;
top:535px; left:50%; margin-left:-240px;
position:Absolute; overflow:none;}


b, strong {
color:666666; font-family:arial;
text-transform:lowercase; font-weight:normal;}

i { color:1a1a1a; font-family:palatino linotype;}
u {color:ba9755; font-family:courier new;}

td td embed, td td object{
position:absolute;
left:0px; top:0px;
width:1px; height:1px;}

td.text embed {width:260px; height:38px;}

div div, div td {background-color:transparent; background-image:none..;}
div.profileWidth {margin-top: -30px ..;} div.profileWidth div {filter:alpha(opacity=0); opacity:0.0001}div.profileWidth div.clearfix, i i i,
div.profileWidth div div {filter:none; opacity:0.9999}div.profileWidth div.clearfix {position:relative; top:30px}
div div select, div div form {display:none ..;}

and in my about me im using

CODE

<div>
<img src="http://i34.tinypic.com/1zdn7s8.jpg" /></div>
<div class="nav1"><a href="http://www.msplinks.com/MDFodHRwOi8vaG9tZS5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2Vy" class="home"></a></div>

<div class="nav2">
<a href="http://www.msplinks.com/MDFodHRwOi8vY29sbGVjdC5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj1pbnZpdGUuYWRkZnJpZW5kX3ZlcmlmeSZmcmllbmRJRD00MTEzODI1Njg=" class="add"></a></div>

<div class="nav3">
<a href="http://www.msplinks.com/MDFodHRwOi8vbWVzc2FnaW5nLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPW1haWwubWVz
2FnZSZmcmllbmRJRD00MTEzODI1Njg=" class="msg"></a></div>

<div class="nav4">
<a href="http://www.msplinks.com/MDFodHRwOi8vZnJpZW5kcy5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj1ibG9jay5ibG9ja1VzZXImdXNlcklEPTQxMTM4MjU2OA==" class="blk"></a></div>

<div class="nav5">
<a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewAlbums&friendID=411382568" class="pics"></a></div>




<div class="content1">
<h1>about me</h1>UNDER CONSTRUCTION HOME LINKS ON BOTTOM
<img src="http://i539.photobucket.com/albums/ff355/sethstrickland1/Mobile%20Uploads/downsized_SP1-1.jpg" alt="Photobucket" />..
<br /><br />
Nam auctor turpis eget purus. Vestibulum et pede ut libero lacinia egestas. Aliquam semper rhoncus augue. Nullam et nisi. Integer sit amet elit nec nisi varius fringilla. Maecenas vel justo id erat pulvinar congue. Maecenas dapibus luctus nunc. Etiam tristique. Etiam massa. Etiam pede dui, consequat at, tincidunt ac, adipiscing quis, augue. Integer sit amet nunc quis nisl sollicitudin aliquet. Ut dolor odio, fringilla nec, adipiscing nec, tincidunt id, lectus. Aenean pharetra molestie justo. Integer dolor erat, mattis eu, congue ac, adipiscing sed, diam. Fusce in libero eget nulla molestie auctor. Sed eleifend, justo et aliquam scelerisque, risus justo convallis metus, ac consectetuer sapien quam ut augue. Morbi dui mi, pulvinar auctor, rhoncus in, blandit faucibus, metus. Duis lobortis. Fusce ullamcorper dictum nulla.
<br /><br />
Integer est. Phasellus mollis viverra massa. Vestibulum venenatis, quam at euismod porta, nisl nunc scelerisque turpis, quis commodo metus velit iaculis augue. Etiam leo. Nunc suscipit. Nunc sed nisl. Maecenas sed sapien. Praesent malesuada lorem a pede dictum mattis. Morbi sed ante. Fusce feugiat accumsan justo. Proin et urna. Integer pede mi, fringilla quis, accumsan non, pulvinar vitae, neque. Praesent accumsan lacinia purus. Pellentesque euismod, dolor quis ultrices tincidunt, metus lorem elementum tellus, non iaculis leo metus et libero. Quisque libero nibh, tincidunt sit amet, vestibulum nec, aliquam vel, diam. Vivamus in urna a neque aliquam scelerisque. Nunc posuere diam.
</div>


<div class="cmntbox">
<form method="post" action="http://www.msplinks.com/MDFodHRwOi8vY29tbWVudHMubXlzcGFjZS5jb20vaW5kZXguY2ZtP2Z1c2VhY3Rpb249dXNlci5Db25m
XJtQ29tbWVudA=="><input name="friendID" value="411382568" type="hidden" /><textarea name="f_comments" class="asdfbox">Going Under;</textarea><br /><input type="submit" value="Into The Darkness" class="asdfsub" /></form>
..
</div>

<div class="content2">
<strong>Name:</strong> Seth Strickland
<br /><strong>Age:</strong> 17
<br /><strong>Status:</strong> Single
<br /><strong>Orientation:</strong> Straight
<br /><strong>Religion:</strong> Undecided
<br /><strong>Location:</strong> Mesa Az
</div>

please help me

Reason for edit: Please use [codebox] tags when posting long codes. - Mike

[Mickey]

Look for this bit:

CODE

.Nav1 {
position: absolute; z-index:4;
width:104px; height:39px;
left:50%; top:157px;
margin-left:-395px;
}

.home:active, .home:link, .home:visited {
display: block; overflow:hidden;
height:39px; width:104px;
background-color:transparent;
background: url('http://cbimg6.com/layouts/08/10/31772ab.png');
background-position:top left;
background-repeat: no-repeat;
cursor:crosshair;
}

.home:hover {
background-position: bottom left; border:none;
background-color:transparent;
cursor:crosshair;}

.Nav2 {
position: absolute; z-index:4;
width:72px; height:34px;
left:50%; top:157px;
margin-left:-300px;
}

.add:active, .add:visited, .add:link {
display: block; overflow:hidden;
height:34px; width:72px;
background-color:transparent;
background: url('http://cbimg6.com/layouts/08/10/31772ac.png');
background-position:top left;
background-repeat: no-repeat;
cursor:crosshair;
}

.add:hover {
background-position: bottom left; border:none;
background-color:transparent;
cursor:crosshair;
}

.Nav3 {
position: absolute; z-index:4;
width:112px; height:35px;
left:50%; top:160px;
margin-left:-227px;
}

.msg:active, .msg:link, .msg:visited {
display: block; overflow:hidden;
height:35px; width:112px;
background-color:transparent;
background: url(http://cbimg6.com/layouts/08/10/31772ad.png);
background-position:top left;
background-repeat: no-repeat;
cursor:crosshair;}

.msg:hover {
background-position: bottom left; border:none;
background-color:transparent;
cursor:crosshair;}

.Nav4 {
position: absolute; z-index:4;
width:86px; height:38px;
left:50%; top:157px;
margin-left:-112px;
}

.blk:active, .blk:link, .blk:visited {
display: block; overflow:hidden;
height:38px; width:86px;
background-color:transparent;
background: url('http://cbimg6.com/layouts/08/10/31772ae.png');
background-position:top left;
background-repeat: no-repeat;
cursor:crosshair;}

.blk:hover {
background-position: bottom left; border:none;
background-color:transparent;
cursor:crosshair;}

.Nav5 {
position: absolute; z-index:4;
width:115px; height:35px;
left:50%; top:157px;
margin-left:-20px;
cursor:crosshair;}

.pics:active, .pics:visited, .pics:link {
display: block; overflow:hidden;
height:35px; width:115px;
background-color:transparent;
background: url('http://cbimg6.com/layouts/08/10/31772af.png');
background-position:top left;
background-repeat: no-repeat;
cursor:crosshair;}

.pics:hover {
background-position: bottom left; border:none;
background-color:transparent;
cursor:crosshair;}

Combine the properties for the link containers with the ones for the links themselves, like this:

CODE

.home:active, .home:link, .home:visited {
position: absolute; z-index:4;
width:104px; height:39px;
left:50%; top:157px;
margin-left:-395px;
display: block; overflow:hidden;
height:39px; width:104px;
background-color:transparent;
background: url('http://cbimg6.com/layouts/08/10/31772ab.png');
background-position:top left;
background-repeat: no-repeat;
cursor:crosshair;
}

.home:hover {
background-position: bottom left; border:none;
background-color:transparent;
cursor:crosshair;}

.add:active, .add:visited, .add:link {
position: absolute; z-index:4;
width:72px; height:34px;
left:50%; top:157px;
margin-left:-300px;
display: block; overflow:hidden;
height:34px; width:72px;
background-color:transparent;
background: url('http://cbimg6.com/layouts/08/10/31772ac.png');
background-position:top left;
background-repeat: no-repeat;
cursor:crosshair;
}

.add:hover {
background-position: bottom left; border:none;
background-color:transparent;
cursor:crosshair;
}

.msg:active, .msg:link, .msg:visited {
position: absolute; z-index:4;
width:112px; height:35px;
left:50%; top:160px;
margin-left:-227px;
display: block; overflow:hidden;
height:35px; width:112px;
background-color:transparent;
background: url(http://cbimg6.com/layouts/08/10/31772ad.png);
background-position:top left;
background-repeat: no-repeat;
cursor:crosshair;}

.msg:hover {
background-position: bottom left; border:none;
background-color:transparent;
cursor:crosshair;}

.blk:active, .blk:link, .blk:visited {
position: absolute; z-index:4;
width:86px; height:38px;
left:50%; top:157px;
margin-left:-112px;
display: block; overflow:hidden;
height:38px; width:86px;
background-color:transparent;
background: url('http://cbimg6.com/layouts/08/10/31772ae.png');
background-position:top left;
background-repeat: no-repeat;
cursor:crosshair;}

.blk:hover {
background-position: bottom left; border:none;
background-color:transparent;
cursor:crosshair;}

.pics:active, .pics:visited, .pics:link {
position: absolute; z-index:4;
width:115px; height:35px;
left:50%; top:157px;
margin-left:-20px;
cursor:crosshair;
display: block; overflow:hidden;
height:35px; width:115px;
background-color:transparent;
background: url('http://cbimg6.com/layouts/08/10/31772af.png');
background-position:top left;
background-repeat: no-repeat;
cursor:crosshair;}

.pics:hover {
background-position: bottom left; border:none;
background-color:transparent;
cursor:crosshair;}

Then you can just remove the <div> tags around the navigation links.