Stumped

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

  • : 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.
    :
    The best site for this is www.w3schools.com.
  • ty. I'll check that asap.
  • : 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...

    [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...


  • : : 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...
    :
    : [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.

  • : : : 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...
    : :
    : : [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...


  • Just awsome again... thx for all the help. i'll see what I can do with this and let you take a look when i'm finished.
  • : Just awsome again... thx for all the help. i'll see what I can do with this and let you take a look when i'm finished.
    :
    Ok... good luck
    ;-)
    -mac-
    mailto:mac_doggie@hotmail.com
    the Netherlands...


Sign In or Register to comment.

Howdy, Stranger!

It looks like you're new here. If you want to get involved, click one of these buttons!

Categories