CSS Problem

[JMody]

Ok, so i have been learning CSS. Kinda. A buddy of mine is developing a website for gaming. www.gameflak.com. I had the brilliant idea of making a myspace account for it. So he told me, sure your in charge. Great right? No. Im retarded when it comes to this stuff. But good for me cause ill get to learn some new stuff, and learn i have.

So here is my problem.
This goes in my Interests Section:

<style type="text/css">
table, tr, td {background:transparent;} table table table table, table.contactTable {display:none;} td.text table{visibility:hidden;}.nametext, .whitetext12, .orangetext15 {display:none;}div table td font {display: visible;}body {background-color:color here;} td.text table table{display:inline;visibility:hidden;}table, td{border-width:0px;}.byebye{display:none;}


.background{
position: absolute;
left: 50%;
top: 125px
margin-left: -512px;
height: 800px;
width: 1024px;
background-color:transparent;
z-index:2;
}

</style>

This goes into my who i'd like to meet section:

<div class="background"><img src="http://img297.imageshack.us/img297/2432/finishedpageez1.png"></div>


<div class="byebye"><table><tr><td><table><tr><td>

If you go to the myspace page, www.myspace.com/gameflak hit ctrl-a to select all. you can see that the image is about 500 pixels down and to the right. No matter what i say to the .background it does not move. I dont get it.

:(

Anyone got an idea?

[Spatcher]

In Opera ( a browser) I don't see anything on your MySpace.

But...... I would remove the table from your div class="byebye" because the purpose of CSS is to remove those horrid tables at least IMHO


How about you try this: replace the .background with #background (because to my knowledge a .something represents a <span class="">), and you would have to allocate a spot for an #aboutme, and then in <div id="aboutme"> (rather than <div class>) you would place the image.

[JMody]

Thats the problem. it isn't visible in any browser. I'm just learning all this stuff so basically everything you just said is a foreign language. I kind of understand what your saying but I'm not quite sure.

[Spatcher]

If you didn't know already, http://www.w3schools.com/

There you can learn HTML, CSS, JavaScript etc. It's a great website for beginners like yourself.

[JMody]

yeah. ive been all over that. Thats where ive learned everything i already know.

[Spatcher]

Hmmm... well this won't help but it will show you what CSS looks like:

http://www.csszengarden.com/

(I love this ^ site!!)

[JMody]

Awesome. Thanks! Ill get looking into that as well. I also just bought the book CSS for Dummies. Hopefully that will help me out.

[gamerman0203]

I'm quite late, but try actually placing the image in the CSS as a background and then set the position.

body{
background: url(http://img297.imageshack.us/img297/2...hedpageez1.png) no-repeat;
background-position: 50% 125px;
}
in background position, the first value is from left, second is from top.
try that if you haven't already got it to work.