Hello (again)
I’ve been working through some web tutorials for divs- and so far so good. I’ve not uploaded my website to the University server yet. Instead, I have a screenshot and my code.
This is my HTML code:
<!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01 Transitional//EN” “
<!– I chose this DOCTYPE so I could be more flexible with my code –>
<HTML>
<HEAD>
<!– This is the title of the webpage –>
<TITLE>
COMIX- The online galaxy of comic books
</TITLE>
<!– This is the external link to my CSS file –>
<LINK href= “comixcss.css” rel= “stylesheet” type= “text/css”>
</HEAD>
<BODY>
<DIV id= “background”>
<IMG src= “book.jpg” width= “740” height= “600”>
</DIV>
<DIV id= “contents”>
HHHHHHHHHHHHHHHHH<BR>
HHHHHHHHHHHHHHHHH <BR>
HHHHHHHHHHHHHHHHH<BR>
HHHHHHHHHHHHHHHHH <BR>
HHHHHHHHHHHHHHHHH <BR>
HHHHHHHHHHHHHHHHH <BR>
</DIV>
</BODY>
</HTML>
and this is my CSS:
#background {
position:absolute;
top:0;
left:5;
width:800;
height:800;
z-index:1;
padding:0px;
background-color:#000000;
background-image:url(book.jpg);
layer-background-image:url(book.jpg);
}
#contents {
position:absolute;
top:50;
left:20;
width:20;
height:50;
z-index:2;
}
and this is a screenshot:
[url]http://img208.imageshack.us/img208/1830/screenshotlj1.jpg
Now, as you can see, I have two divs- one called background and one called contents (which are just mock-ups which I am going to replace.) I am trying to move the H’s over onto the ‘page’ of the book, but no matter what I put in my CSS it doesn’t move. Have any idea how I can go about this?
PLEASE HELP ME, I am new with divs and I am detirmed to learn them.