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.
Comments
:
: 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.
:
The best site for this is www.w3schools.com.
:
: 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...
[code]
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" />
#page1 {
position: absolute;
left:0px;
top:0px;
z-index:1;
}
#page2 {
position: absolute;
left:0px;
top:0px;
z-index:2;
}
This is on page 1
This is on page 2
[/code]
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...
: :
: : 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...
:
: [code]
: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" />
:
:
:
: #page1 {
: position: absolute;
: left:0px;
: top:0px;
: z-index:1;
: }
:
: #page2 {
: position: absolute;
: left:0px;
: top:0px;
: z-index:2;
: }
:
:
:
:
: This is on page 1
:
:
: This is on page 2
:
:
:
: [/code]
:
: 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.
: : :
: : : 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...
: :
: : [code]
: : <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" />
: :
: :
: :
: : #page1 {
: : position: absolute;
: : left:0px;
: : top:0px;
: : z-index:1;
: : }
: :
: : #page2 {
: : position: absolute;
: : left:0px;
: : top:0px;
: : z-index:2;
: : }
: :
: :
: :
: :
: : This is on page 1
: :
: :
: : This is on page 2
: :
: :
: :
: : [/code]
: :
: : 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
[code]
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" />
website - page
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.
[/code]
stylesheet.css
[code]
body {
background-image : url('myimage.jpg');
}
[/code]
;-)
-mac-
mailto:mac_doggie@hotmail.com
the Netherlands...
:
Ok... good luck
;-)
-mac-
mailto:mac_doggie@hotmail.com
the Netherlands...