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

[freeflow]

First off you need to close your divs. </div> You didn't close either.
After that you are not editing the image positions thats why you can't move it. Add this to your about me in style tags.

CODE

.imagediv{position: absolute; left: #px; top: #px; width: #px; height: #px; z-index: #;}

Then change your div for the image name from "img" to "imagediv" or something else. Just don't do img.

[shadyraven]

Thanks for replying... but it doesn't seem to be doing anything.

Ive put this:

CODE

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

Into my about me box.

Is that right??

And the only "img" I could find was at the beginning of all my picture mapping html.

Eeeek.

I also tried that code as just

CODE

<style>.imagediv{position: absolute; left: 100px; top: 100px; width: #px; height: #px; z-index: #;}
</style>

But nope.

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

[shadyraven]

Thanks!

That worked perfectly!

Not that it matters, as it was rejected! lol.

But thanks alot!

[*WHIMSICAL 0NE*]

Glad you got this figured out Closed. If you need this reopened just PM me.