: : : I am really new to web designing and I want to design a site where I need the contents and the background seperated (like two different pages). A friend of mine said to use div id tags but he didn't get into how I do much else.
: : :
: : : Any help would be nice or links to where I can learn this. I have searched many sites but dunno really what to look for.
: : :
: : : Thx in advance.
: : :
: : You can use z-indexes and absolute positioning...
: :
: :
: : <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" />
: : <html lang="nl">
: : <head>
: : <style>
: : #page1 {
: : position: absolute;
: : left:0px;
: : top:0px;
: : z-index:1;
: : }
: :
: : #page2 {
: : position: absolute;
: : left:0px;
: : top:0px;
: : z-index:2;
: : }
: : </style>
: : </head>
: : <body>
: : <div id="page1">
: : This is on page 1
: : </div>
: : <div id="page2">
: : This is on page 2
: : </div>
: : </body>
: : </html>
: :
: :
: : as you can see, the two texts are placed over eachother...
: :
: : If you can read dutch you should really check out this page:
http://www.handleidinghtml.nl/
: :
: : good luck...
: :
: : -mac-
: : mailto:mac_doggie@hotmail.com
: : the Netherlands...
: :
: :
: :
: Awsome! How would I setup for style 2 from another page? That will be it then.
:
:
You mean this:
create two files... index.html and stylesheet.css
index.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" />
<html lang="nl">
<head>
<title>website - page</title>
<link rel="stylesheet" type="text/css" href="stylesheet.css" />
</head>
<body>
<p>Lorem ipsum dolor sit amet consectetuer Morbi id In turpis Morbi. Curabitur Morbi enim interdum Vestibulum ut adipiscing Lorem Quisque quis Aliquam. Neque molestie Phasellus justo a pede rhoncus fringilla Lorem pede dolor. Enim Morbi eu ornare consequat laoreet est In pede orci dui. Elit velit Curabitur scelerisque at vel quis accumsan Nunc neque dis. Urna cursus sed Maecenas ut semper ac tincidunt eget.</p>
</body>
</html>
stylesheet.css
body {
background-image : url('myimage.jpg');
}
-mac-
mailto:mac_doggie@hotmail.com
the Netherlands...
