Stumped - Programmers Heaven

Howdy, Stranger!

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

Categories

Welcome to the new platform of Programmer's Heaven! We apologize for the inconvenience caused, if you visited us from a broken link of the previous version. The main reason to move to a new platform is to provide more effective and collaborative experience to you all. Please feel free to experience the new platform and use its exciting features. Contact us for any issue that you need to get clarified. We are more than happy to help you.

Stumped

Ice06Ice06 Posts: 4Member
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

  • zibadianzibadian Posts: 6,349Member
    : 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.
  • Ice06Ice06 Posts: 4Member
    ty. I'll check that asap.
  • mac_doggiemac_doggie Posts: 488Member
    : 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:[email protected]
    the Netherlands...


  • Ice06Ice06 Posts: 4Member
    : : 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:[email protected]
    : the Netherlands...
    :
    :
    :
    Awsome! How would I setup for style 2 from another page? That will be it then.

  • mac_doggiemac_doggie Posts: 488Member
    : : : 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:[email protected]
    : : 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:[email protected]
    the Netherlands...


  • Ice06Ice06 Posts: 4Member
    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.
  • mac_doggiemac_doggie Posts: 488Member
    : 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:[email protected]
    the Netherlands...


Sign In or Register to comment.