Link & background colour? Options

[anzbex]

Ok i am trying to get my background colour to appear the same as the colour of my image #eac90c i tried a code that worked but stuffed up the image div & nothing i did could fix the position.
My next problem is i am unable to get the nav links to change colour & the link hover?I have put my code & a screenshot here.I am very new at this & this is my first attempt at myspace,i am sorry if these questions have been asked several million times... i did do a search in the forum but couldn't find anything that explained it for me.

Here is an updated screenshot




YAY!!! I THINK I HAVE DONE IT!!!! But i would appreciate if someone could check out my code & see if all is ok as i would like to submit it ;)

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: EAC90C;}

.div {
position: absolute;
left: 50%;
margin-left:-700px;
top: 90px;
z-index: 0;
}
.box1 {
position: absolute;
left: 50%;
margin-left:50px;
top: 250px;
z-index:1;
width: 285px;
height: 470px;
overflow: auto;
font: normal Arial 10px;
color:FFFFFF;
font-weight:normal;
line-height:normal;
}
.heading {
position: absolute;
left: 50%;
margin-left:150px;
top: 230px;
font: normal 14px Anson;
color:FFFFFF;
font-weight:bold;
text-transform: none;
line-height:12px;
}
.nav {
position: absolute;
left: 50%;
margin-left:-365px;
top: 700px;
z-index:5;
width: 450px;
height: 150px;
overflow: auto;

}
a:active,a:visited,a:link,a{
color:FFFFFF;
font-size:13px;
font-weight:bold;
font-family:anson;
text-decoration:none;
text-transform:none;
}
a:hover{
color:FFFFFF;
font-size:14px;
font-weight:bold;
letter-spacing:1px;
font-family:anson;
text-decoration:none;
text-transform:none;}

</style>


<div class="div"> <img src="http://img355.imageshack.us/img355/7439/bgcz3.jpg" /> </div>
<div class="heading">
<center>
About Me
</center>
</div>
<div class="box1">
This is my first ever myspace layout!! Yeah i know pretty boring & simple :/ This box will scroll as you plave your own content in it,as you can see.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent tristique condimentum lacus. Sed id lacus non nisi volutpat malesuada. Duis ut elit dictum arcu ultricies vulputate. Cras sed lorem. Morbi sed nunc a magna lobortis pulvinar. Suspendisse iaculis nulla. Duis vehicula dapibus tellus. Maecenas ipsum. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Praesent nec leo vehicula libero molestie commodo. Pellentesque habitant morbi tristique senectus et netus et malesuada fames acturpis egestas. Vivamus hendrerit lorem at eros. Ut sed sapien. Curabitur felis elit, tincidunt at, mollis in, porta et, dui. Sed gravida vestibulum lacus. Nulla eget est. Sed sit amet massa fringilla velit tempor feugiat. Donec sagittis porttitor purus. Praesent nulla. Nam vel mi ut pede ullamcorper vulputate. Maecenas et lorem sed erat venenatis consequat. Nulla a quam eu sem dictum elementum. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent tristique condimentum lacus. Sed id lacus non nisi volutpat malesuada. Duis ut elit dictum arcu ultricies vulputate. Cras sed lorem. Morbi sed nunc a magna lobortis pulvinar. Suspendisse iaculis nulla. Duis vehicula dapibus tellus. Maecenas ipsum. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Praesent nec leo vehicula libero molestie commodo. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vivamus hendrerit lorem at eros. Ut sed sapien. Curabitur felis elit, tincidunt at, mollis in, porta et, dui. Integer sagittis pretium neque. Quisque malesuada mattis dui. Sed fermentum. Phasellus tincidunt justo sed felis. Mauris tincidunt feugiat augue. Maecenas cursus. Nunc posuere, mauris vitae viverra aliquet, metus purus vulputate est, in tempor dolor quam non justo. Donec turpis. Suspendisse at neque ut erat sodales viverra. Sed gravida vestibulum lacus. Nulla eget est. Sed sit amet massa fringilla velit tempor feugiat. Donec sagittis porttitor purus. Praesent nulla. Nam vel mi ut pede ullamcorper vulputate. Maecenas et lorem sed erat venenatis consequat. Nulla a quam eu sem dictum elementum..
</div>

<div class="nav">
<center>
<a href="http://www.msplinks.com/MDFodHRwOi8vaG9tZS5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2VyJk15VG9rZW49MWJmZGQ1Y2QtOWMxZC00NmZhLTgzYzQtN2YzMGUwZmUzZmZh">Home |</a>

<a href="http://www.msplinks.com/MDFodHRwOi8vbWVzc2FnaW5nLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPWludml0ZS5h
GRmcmllbmRfdmVyaWZ5JmZyaWVuZElEPVhYWFhYWA==">Add |</a>

<a href="http://www.msplinks.com/MDFodHRwOi8vbWVzc2FnaW5nLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPW1haWwubWVz
2FnZSZmcmllbmRJRD1YWFhYWFgmTXlUb2tlbj02MDA3M2FmNS1lOTI5LTRjN2EtYjM1Ny0zZjFiNmRhM
JiZmI=">Message |</a>

<a href="http://www.msplinks.com/MDFodHRwOi8vY29tbWVudC5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2VyLnZpZXdDb21tZW50cyZmcmllbmRJRD1YWFhYWFg=">Comment |</a>


<a href="http://www.msplinks.com/MDFodHRwOi8vdmlld21vcmVwaWNzLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPXVzZXIu
mlld1BpY3R1cmUmZnJpZW5kSUQ9WFhYWFhY">Pics |</a>

<a href="http://www.msplinks.com/MDFodHRwOi8vYmxvZy5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj1ibG9nLkxpc3RBbGwmZnJpZW5kSUQ9WFhYWFhY">Blog |</a>

<a href="http://www.msplinks.com/MDFodHRwOi8vZnJpZW5kcy5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj1ibG9jay5ibG9ja1VzZXImdXNlcklEPVhYWFhYWA==">Block |</a>
</center>
</div>

[berrypop90]

You need to put your code in a scrolling codebox!

The layout looks better than before. You might want to think about using a repeating background. I made one for you and coded it:

CODE

body {
background-color: EAC90C;
background-image:url(http://img377.imageshack.us/img377/7854/orngbg2ee4.png);
background-position:top left;
background-repeat:repeat-x;}

Also, your box is a little misaligned. A few pixels to the left would look better.

[anzbex]

You need to put your code in a scrolling codebox!

The layout looks better than before. You might want to think about using a repeating background. I made one for you and coded it:

CODE

body {
background-color: EAC90C;
background-image:url(http://img377.imageshack.us/img377/7854/orngbg2ee4.png);
background-position:top left;
background-repeat:repeat-x;}

Also, your box is a little misaligned. A few pixels to the left would look better.

Box? misaligned? Everything is showing up ok for me in Opera,FF & IE.

Could you tell me a little more about what you are seeing?

Thanks for taking the time to look at my code and amend it,i really appreciate it