Ok, so here is what I have so far. I am trying to do my first web page mostly in CSS by hand, and Im having trouble.
What I am trying to do is setup my fixed background first. Then I want to create the main cell that will hold the website in the middle of the screen. So far I have not been able to do both.
Questions:
Lets say the main structure of the website will be inside the “mainCell”. So I set the properties for it, great. But what do I do next. I need to actually create the cell, but not sure how now.
Also, let say I want to assign a rollover link property to my new main cell (which I havent created yet). Do I simply just say <div mainCell.a:hover> or something to that effect?
Thanks
Here is what it looks like now:
[QUOTE]
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “
<html xmlns=”
<head>
<meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″ />
<title>New CSS webpage/title>
<style type=”text/css”>
body,td,th {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
color: #666666;
margin: 0;
}
mainCell {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
color: #666666;
background-image: url(backgroundJPG.jpg)
background-attachment: fixed;
background-position: top center;
margin: 0;
background-color: #000000;
}
body {
background-color: #000000;
background-image: url();
opacity: 0.5;
}
a {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
color: #FF0000;
}
a:link {
text-decoration: none;
}
a:visited {
text-decoration: none;
color: #FF0000;
}
a:hover {
text-decoration: none;
color: #FFFFFF;
}
a:active {
text-decoration: none;
color: #FF0000;
}
</style>
<body>
</html>