Hey,<br />
<br />
I'm currently working on my first html-page - it's basically an assignment I got in college. (I'm actually studying languages, but as I like about everything concerning computers and the internet, I took this as an optional class.)<br />
<br />
We have only had a couple of introductory lessons so far, but now we got the following assignment: "Create 3 html-pages that are linked to each other." So far so good, but then: "Create different cadres on your screen; one containing the main contents, one containing links to the other two pages & a cadre with the information that tells you where you are exactly on your webpage. Use <div>-tags to do so."<br />
<br />
I looked in some HTML tutorials online, but I can't find out what DIVs have to do with those different cadres/frames...<br />
<br />
Can anyone help me out? Thanks in advance!<br />
<br />
Greetings,<br />
Ivan<!--content-->Ivan, welcome on board
<br />
<br />
See the attachment.<br />
<br />
:rocker:<!--content-->Hi, Ivan! Welcome to the zoo! <br />
<br />
Cadres? Gees, I've heard them called a lot of things, but I can't say as I've ever heard divisions or sections called 'cadres' before. Weird. <br />
<br />
However...<br />
<br />
I'm cheating, by the way. Page 14 of the CSS2 specifications. *g*<br />
<br />
<html><br />
<head><br />
<title>Page One</title><br />
<style type="text/css"><br />
body { height: 8.5in; font: serif normal 10px; }<br />
#header { position: fixed; width: 100% height: 15%; top: 0; right: 0; bottom: auto; left: 0; }<br />
#menubar { position: fixed; width: 120px; height: auto; top: 15%; right: auto; bottom: auto; left: 0; }<br />
#main { position: fixed; width: auto; height: auto; top: 15%; right: 0; bottom: auto; left: 120px; }<br />
</style><br />
</head><br />
<body><br />
<div id="header"> This is Page One </div><br />
<div id="menubar"><p><a href=http://www.htmlforums.com/archive/index.php/"page1.htm">Page One Link</a><br> <br />
<a href=http://www.htmlforums.com/archive/index.php/"page2.htm">Page Two Link</a><br><br />
<a href=http://www.htmlforums.com/archive/index.php/"page3.htm">Page Three Link</a></p></div><br />
<div id="main">Here's where you get to go on and on and on and on about everything, anything and nothing in particular. Or whatever drivel the instructor decides you need to include. *g*</div><br />
</body><br />
</html><br />
<br />
See how everything fits together? In the first part, the CSS, you specify the font and size, as well as the page length. You could use any length. That one just happened to be in the example. Then you create subsections for the positioning of the different sections. All you have to do after that is specify which section, which <div>, gets which information. <br />
<br />
I'm not sure you can use the <div> tag for absolute positioning any more. I think that's a deprecated attribute for that tag. Using CSS does the same thing.<br />
<br />
You might want to pop over to <!-- w --><a class="postlink" href="http://www.w3.org">www.w3.org</a><!-- w --> for more information. They have a pdf file (or on-line version) of both HTML stuff and CSS. I'll warn you, both are over 300 pages long and rather dry, but they give enough examples that you should be able to figure out what you need to do. <br />
<br />
Does that help?<br />
<br />
Peg<!--content-->
<br />
I'm currently working on my first html-page - it's basically an assignment I got in college. (I'm actually studying languages, but as I like about everything concerning computers and the internet, I took this as an optional class.)<br />
<br />
We have only had a couple of introductory lessons so far, but now we got the following assignment: "Create 3 html-pages that are linked to each other." So far so good, but then: "Create different cadres on your screen; one containing the main contents, one containing links to the other two pages & a cadre with the information that tells you where you are exactly on your webpage. Use <div>-tags to do so."<br />
<br />
I looked in some HTML tutorials online, but I can't find out what DIVs have to do with those different cadres/frames...<br />
<br />
Can anyone help me out? Thanks in advance!<br />
<br />
Greetings,<br />
Ivan<!--content-->Ivan, welcome on board
<br /><br />
See the attachment.<br />
<br />
:rocker:<!--content-->Hi, Ivan! Welcome to the zoo! <br />
<br />
Cadres? Gees, I've heard them called a lot of things, but I can't say as I've ever heard divisions or sections called 'cadres' before. Weird. <br />
<br />
However...<br />
<br />
I'm cheating, by the way. Page 14 of the CSS2 specifications. *g*<br />
<br />
<html><br />
<head><br />
<title>Page One</title><br />
<style type="text/css"><br />
body { height: 8.5in; font: serif normal 10px; }<br />
#header { position: fixed; width: 100% height: 15%; top: 0; right: 0; bottom: auto; left: 0; }<br />
#menubar { position: fixed; width: 120px; height: auto; top: 15%; right: auto; bottom: auto; left: 0; }<br />
#main { position: fixed; width: auto; height: auto; top: 15%; right: 0; bottom: auto; left: 120px; }<br />
</style><br />
</head><br />
<body><br />
<div id="header"> This is Page One </div><br />
<div id="menubar"><p><a href=http://www.htmlforums.com/archive/index.php/"page1.htm">Page One Link</a><br> <br />
<a href=http://www.htmlforums.com/archive/index.php/"page2.htm">Page Two Link</a><br><br />
<a href=http://www.htmlforums.com/archive/index.php/"page3.htm">Page Three Link</a></p></div><br />
<div id="main">Here's where you get to go on and on and on and on about everything, anything and nothing in particular. Or whatever drivel the instructor decides you need to include. *g*</div><br />
</body><br />
</html><br />
<br />
See how everything fits together? In the first part, the CSS, you specify the font and size, as well as the page length. You could use any length. That one just happened to be in the example. Then you create subsections for the positioning of the different sections. All you have to do after that is specify which section, which <div>, gets which information. <br />
<br />
I'm not sure you can use the <div> tag for absolute positioning any more. I think that's a deprecated attribute for that tag. Using CSS does the same thing.<br />
<br />
You might want to pop over to <!-- w --><a class="postlink" href="http://www.w3.org">www.w3.org</a><!-- w --> for more information. They have a pdf file (or on-line version) of both HTML stuff and CSS. I'll warn you, both are over 300 pages long and rather dry, but they give enough examples that you should be able to figure out what you need to do. <br />
<br />
Does that help?<br />
<br />
Peg<!--content-->