Html Problem!, Grrr *Shakes fist* Options

[shadyraven]

Hey,

I promise this isn't about comment boxes!

lol

Well, I'm creating a layout, and I can't move the picture (The Big box with the picture of Kristen Bell) and I've gone through the entire html and I can't figure it out.

Heres my myspace link

and

Heres my coding

About Me Box:

CODE

<style type=text/css>
td td embed {width:0px; height:0px;}
td td embed, td td object {width:0px; height:0px;}
td.text embed, td.text object {width:320px; height:240px;}
td.text embed {width:320px; height:240px;}
td.text embed {width:auto; height:auto;}
td.text embed, td.text object {width:auto; height:auto;}</style>



<style type="text/css">

table, tr, td {
background:transparent;
border:0px;
}
div table font {
visibility:hidden;
}
body {
background:url('http://i3.tinypic.com/2cr34bd.png');
}
.main {
position:absolute;
left:0px;
top:0px;
margin-left:0px;
border-width:0px 0px;
background:url('http://i3.tinypic.com/2cr34bd.png');
width:700px;
}
.friends {
background:url() top left no-repeat;
height:600px;
}

.Mbody {
background-color:;
}

.leftSide {width:175px;
text-align:center; font-family: arial;position:absolute;
top: 100px; left:300px; background-color: white; padding-bottom: 5px; padding-top: 5px;}
.leftSide div {width:165px;border:0px solid; background-color: FCC7DE; font-family: arial;}
.leftSide div p {padding: 2px;text-align:justify; color: FCC7DE; font-family: arial;}
.leftSide h2 {font-family:arial;

font-size:10px;line-height:15px;margin:0px; color: FCC7DE; border-bottom:1px dotted; border-bottom-color:ffffff; background-color: FCC7DE;}

.aboutUs {width:300px; color: FCC7DE; text-align: right; font-family:arial;position:absolute;
top: 100px; left: 800px; background-color:white; padding-bottom: 5px;}
.aboutUs h3 {color: FCC7DE; border-bottom:3px solid; border-bottom-color: FCC7DE; font-size:10px; line-height: 17px; font-family: arial; text-align: justify; background-color: FCC7DE;}
.aboutUs div p {padding: 2px;text-align:justify; color: FCC7DE; font-family: arial;}

.bio {width:290px; color:FCC7DE; text-align: justify; font-family:georgia; background-color:ffffff;}

.music {
position:absolute;
left:800px;
top:100px;  }

.clear {border-top:0px dotted; clear:both; text-align:center; color: FCC7DE; line-height:0px; font-size:5pt;}

.content1{position: absolute; left:500px; top:100px; width:240px; height:280px; border:0px solid; overflow: auto;}

a.nav:link, a.nav:visited, a.nav:active {
width: 165px;
text-align: left;
text-decoration: none;
text-indent:10px;
font-style: bold;
font-size: 8pt;
font-family: georgia;
line-height: 15pt;
color: FCC7DE;
background-color: FCC7DE,
cursor: default;
display: block;
margin-bottom: 0px;
padding: 0px;
border-bottom:2px solid;
border-color: FCC7DE;

}
a.nav:hover {
width: 100%;
text-decoration: none;
text-align: left;
text-indent:10px;
font-style: bold;
font-size: 8pt;
font-family: georgia;
line-height: 15pt;
color: FCC7DE;
background-color: FCC7DE
cursor: default;
display: block;
margin-bottom: 0px;
padding: 0px;
border-bottom:2px solid;
border-color: FCC7DE;
}

a:link, a:visited, a:active {color:FCC7DE;}
a:hover {color:FCC7DE;}


s {color:FCC7DE;}
u {color:FCC7DE;}
i {color:FCC7DE;}
b {color:FCC7DE;}
.text .text {display:none;}
table table div {visibility:hidden;}
table table table div {visibility:visible;}

</style>


<style type="text/css">
.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:.00%;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;}
table table table table,table table table table td.text, td.text td.text table{display:none;}
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;}
</style>


<div class = “img”>
<img src="http://i12.tinypic.com/48nplk9.gif" width="800" height="589" border="0" alt="" usemap="#layout_Map">
<map name="layout_Map">
<area shape="rect" alt="" coords="292,203,403,240" href="http://collect.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=19207613">
<area shape="rect" alt="" coords="373,361,510,405" href="http://comment.myspace.com/index.cfm?fuseaction=user.viewComments&friendID=19207613">
<area shape="rect" alt="" coords="337,250,453,292" href="http://mail.myspace.com/index.cfm?fuseaction=mail.message&friendID=19207613">
<area shape="rect" alt="" coords="367,413,493,454" href="http://blog.myspace.com/index.cfm?fuseaction=blog.ListAll&friendID=19207613">
<area shape="rect" alt="" coords="363,305,481,349" href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewPicture&friendID=19207613">
<area shape="rect" alt="" coords="284,151,403,193" href="http://home.myspace.com/index.cfm?fuseaction=user&MyToken=c27576e0-f489-4857-9818-92d14cba17be">
</map>

and my

I'd Like to Meet Box:

CODE

<div class="content1" style="position: absolute; left:230px;  top:240px; width:250px; height:290px; border:0px solid; overflow: auto;"><Center>

Blach blah my text is refusing to work.

<h1>♥</h1>

<form method="post" action="http://comments.myspace.com/index.cfm?fuseaction=user.ConfirmComment"><input name="friendID" value="###FRIEND ID HERE###" type="hidden"><textarea name="f_comments" cols="40" rows="7" style="border-width: 1px; border-style: solid; border-color: 000000; font-family: Tahoma; font-size: 10px; color: 00000; background-color: fffff;" style="overflow:auto;"></textarea><br> <input value=".whore me." style="border-width: 1px; border-style: solid; border-color: 000000; font-family: Tahoma; font-size: 10px; color: 00000; background-color: fffff;" type="submit"> <input value="ooops!" style="border-width: 1px; border-style: solid; border-color: 000000; font-family: Tahoma; font-size: 10px; color: 00000; background-color: fffff;" type="reset"></form>



<br>

There shouldn't be anything relevant in the "I'd Like To meet box" but you never know.

Oh and I can't change the stupid font color!

I would love some help! Thanks!

- Caitlin

[anime-essence]

Your styling didn't match the html div tag. I fixed your coding. You had the "imgdiv" where it should have stated "text/css", you also didn't match the div image tag with your name in your styling, and you had weird symbols in place of your apostrophes. Replace your current codes starting from the div tag with the following.

CODE

<div class="imgdiv">
<img src="http://i12.tinypic.com/2ppmxqx.gif" width="800" height="589" border="0" alt="" usemap="#layout_Map">
<map name="layout_Map">

<area shape="rect" alt="" coords="292,203,403,240" href="http://collect.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=19207613">
<area shape="rect" alt="" coords="373,361,510,405" href="http://comment.myspace.com/index.cfm?fuseaction=user.viewComments&friendID=19207613">
<area shape="rect" alt="" coords="337,250,453,292" href="http://mail.myspace.com/index.cfm?fuseaction=mail.message&friendID=19207613">
<area shape="rect" alt="" coords="367,413,493,454" href="http://blog.myspace.com/index.cfm?fuseaction=blog.ListAll&friendID=19207613">
<area shape="rect" alt="" coords="363,305,481,349" href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewPicture&friendID=19207613">
<area shape="rect" alt="" coords="284,151,403,193" href="http://home.myspace.com/index.cfm?fuseaction=user&MyToken=c27576e0-f489-4857-9818-92d14cba17be">
</map>
</div>

<style type="text/css">.imgdiv{position: absolute; left: 100px; top: 100px; width:; height:; z-index:;}
</style>