Problem with my coding Options

[anzbex]

Ok i have been trying without success to correct this I am trying a layout with image rollovers.... They were easy but now when i go to put my content in i get link text aligned all wrong. I am wondering is it because of the image rollovers like is there a end code to separate them from the text or is my code just all screwed up?

Here is a screenshot

click to enlarge

and here is my code

CODE

<style>
table table div form {
display:inline !important;
}
.contacttable, .whitetext12, .nametext, .lightbluetext8, .orangetext15, .blacktext12, .btext, .redtext, .redbtext {
display:none;
height:0px;
!important;
visibility:hidden
}
td td td td {
border:0px;
width:0px;
text-align:left;
}
table, td, tr {
padding:0px;
width:;
background-color:transparent
}
table table table {
padding:1px;
height:.01%;
width:100%;
}
table table, table table table table, table, tr, td {
height:0px;
!important;
border:0px;
!important
}
a.text, table div font a, table div div, .navbar font, tr td font {
visibility:hidden;
display:none;
height:0px;
!important;
}
td.text table table {
display:inline;
visibility:visible;
}
table td table tr td.text table {
visibility:hidden;
}
table td table tr td.text table table, table td table tr td.text table table td.text {
visibility:visible;
}
table div div {
visibility:hidden;
!important;
}
table table table table, table table table table td.text, td.text td.text table {
display:none;
}
body div div form {
display:none !important;
}
td td embed, td td embed, td td object {
position:absolute;
top:0px;
right:0px;
width:45px;
}
div div div select {
position:absolute !important;
margin-left:-1000px !important;
left:0px !important;
display:none !important;
}
div div table div {
display:none;
}
div form, .mslogo, div ul {
display:none!important;
}
div div, div td {
background-color:transparent;
background-image:none!important;
}
div.profileWidth {
margin-top: -30px !important;
}
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 !important;
}
</style>
<style>
body {
background-color: 891e0c;
}
.div {
position: absolute;
left: 50%;
margin-left:-500px;
top: 90px;
z-index: 0;
}
.home {
position: absolute;
left: 50%;
top: 463px;
margin-left: -252px;
width:74;
height:41;
background-color:transparent;
background-image:url("http://i37.tinypic.com/e0ms6o.jpg");
background-repeat:no-repeat;
z-index: 2;
}
.home:hover {
position: absolute;
left: 50%;
top: 463px;
margin-left: -252px;
width:74;
height:41;
background-color:transparent;
background-image:url("http://i33.tinypic.com/5b4u2q.jpg");
background-repeat:no-repeat;
z-index: 2;
}
.add {
position: absolute;
left: 50%;
top: 463px;
margin-left: -177px;
width:57;
height:41;
background-color:transparent;
background-image:url("http://i35.tinypic.com/oksq4p.jpg");
background-repeat:no-repeat;
z-index: 2;
}
.add:hover {
position: absolute;
left: 50%;
top: 463px;
margin-left: -177px;
width:57;
height:41;
background-color:transparent;
background-image:url("http://i37.tinypic.com/axiky0.jpg");
background-repeat:no-repeat;
z-index: 2;
}
.message {
position: absolute;
left: 50%;
top: 461px;
margin-left: -121px;
width:117;
height:41;
background-color:transparent;
background-image:url("http://i36.tinypic.com/2qstick.jpg");
background-repeat:no-repeat;
z-index: 2;
}
.message:hover {
position: absolute;
left: 50%;
top: 461px;
margin-left: -121px;
width:117;
height:41;
background-color:transparent;
background-image:url("http://i34.tinypic.com/m74xzm.jpg");
background-repeat:no-repeat;
z-index: 2;
}
.pictures {
position: absolute;
left: 50%;
top: 463px;
margin-left: -5px;
width:118;
height:41;
background-color:transparent;
background-image:url("http://i34.tinypic.com/r8y2au.jpg");
background-repeat:no-repeat;
z-index: 2;
}
.pictures:hover {
position: absolute;
left: 50%;
top: 463px;
margin-left: -5px;
width:118;
height:41;
background-color:transparent;
background-image:url("http://i33.tinypic.com/inu53a.jpg");
background-repeat:no-repeat;
z-index: 2;
}
.blog {
position: absolute;
left: 50%;
top: 463px;
margin-left: 110px;
width:74;
height:41;
background-color:transparent;
background-image:url("http://i37.tinypic.com/avk3z9.jpg");
background-repeat:no-repeat;
z-index: 2;
}
.blog:hover {
position: absolute;
left: 50%;
top: 463px;
margin-left: 110px;
width:74;
height:41;
background-color:transparent;
background-image:url("http://i33.tinypic.com/2v84epj.jpg");
background-repeat:no-repeat;
z-index: 2;
}
.block {
position: absolute;
left: 50%;
top: 463px;
margin-left: 170px;
width:77;
height:41;
background-color:transparent;
background-image:url("http://i38.tinypic.com/345d5xj.jpg");
background-repeat:no-repeat;
z-index: 2;
}
.block:hover {
position: absolute;
left: 50%;
top: 463px;
margin-left: 170px;
width:77;
height:41;
background-color:transparent;
background-image:url("http://i36.tinypic.com/262psub.jpg");
background-repeat:no-repeat;
z-index: 2;
}
.content {
position:absolute;
top:470px;
left:120px;
width:700px;
height;300px;
overflow:auto;
font-family:courier;
font-size: 10px;
color: 000000;
text-align:left;
}
</style>


<div class="div"><img src="http://i34.tinypic.com/29byk48.jpg"width="1024" height="768" border="0" alt="" /> </div>
<div style="position:abosolute;"> <a class="home" href="http://www.msplinks.com/MDFodHRwOi8vaG9tZS5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2Vy"> </div>
<div style="position:abosolute;"> <a class="add" href="http://www.msplinks.com/MDFodHRwOi8vbWVzc2FnaW5nLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPWludml0ZS5h
GRmcmllbmRfdmVyaWZ5JmZyaWVuZElEPVhYWFhYWA=="> </div>
<div style="position:abosolute;"> <a class="message" href="http://www.msplinks.com/MDFodHRwOi8vbWVzc2FnaW5nLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPW1haWwubWVz
2FnZSZmcmllbmRJRD1YWFhYWFgmTXlUb2tlbj02MDA3M2FmNS1lOTI5LTRjN2EtYjM1Ny0zZjFiNmRhM
JiZmI="> </div>
<div style="position:abosolute;"> <a class="pictures" href="http://www.msplinks.com/MDFodHRwOi8vdmlld21vcmVwaWNzLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPXVzZXIu
mlld1BpY3R1cmUmZnJpZW5kSUQ9WFhYWFhY"> </div>
<div style="position:abosolute;"> <a class="blog" href="http://www.msplinks.com/MDFodHRwOi8vYmxvZy5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj1ibG9nLkxpc3RBbGwmZnJpZW5kSUQ9WFhYWFhY"> </div>
<div style="position:abosolute;"> <a class="block" href="http://www.msplinks.com/MDFodHRwOi8vZnJpZW5kcy5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj1ibG9jay5ibG9ja1VzZXImdXNlcklEPVhYWFhYWA=="> </div>
<div class="content"><center>
BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH
</center>
</div>

Any help much appreciated

[Jghelfi]

well i dont see any Link tag for the BLAH section.. so i dont see how they would be links for the BLAH section...

[xDarkHope]

you forgot to close the link tags.

CODE

<div style="position:abosolute;"> <a class="home" href=""> </a> </div>

[anzbex]

Yeah exactly !!! Its driving me nuts!!

[anzbex]

Ohh i seee that DHX Ok will go test it out lol will let you know if it works


"EDIT"

OMG DHX YOUR A LEGEND IT WORKED!! Thanks soooooooooooo much

[xDarkHope]

Awesome. Cute layout btw.
Glad it worked.

[Mickey]

Topic closed & moved.