New Topic/Question
Reply
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Version 2!</title> <meta http-equiv="content-type" content="text/html; charset=UTF-8" /> <base target="_self" /> <meta name="description" content="Version 2 of Cyrus trying to learn HTML" /> <meta name="keywords" content="HTML, CSS, Suryc, Cyrus" /> <link rel="stylesheet" type="text/css" href="main.css" /> <body> <h1 style="text-align:center">Welcome!</h1> <div class="navigation"> <ul> <li><a href="index.html">Home</a></li> <li><a href="http://google.com/">Google</a></li> </ul> </div> <p>Welcome to my website. I am creating this to learn HTML, CSS and hopefully eventually Javascript. </p> <!-- I put a line here to test the comment box --> <hr /> <p>My second paragraph. I'll put a line break after this sentence to test it. <br />This is still the same paragraph, just on a different line. </p> <p><b>This is bold text. </b><br /><big>This is big text. </big><br /><em>This is emphasized text. </em><br /> <i>This is italic text. </i><br /><small>This is small text. </small><br /><strong>This is strong text. </strong><br /> <sub>This is subscript text. </sub><br /><sup>This is superscripted text. </sup><br /><ins>This is inserted text. </ins><br /> <del>This is deleted text. </del> </p> <hr /> <p><code>This is computer code text. </code><br /><kbd>This is keyboard text. </kbd><br /><samp>This is sample computer code. </samp><br /><tt>This is teletype text. </tt><br /><var>This is a variable. </var><pre>This is preformatted text. </pre> </p> <hr /> <p><abbr>This defines an abbreviation. </abbr><br /><acronym>This defines an acronym. </acronym><br /> <address>This defines contact information. </address><br /><bdo>This defines the text direction. </bdo><br /> <blockquote>This defines a long quotation. </blockquote><br /><q>This defines a short quotation. </q><br /> <cite>This defines a citation. </cite><br /><dfn>This defines a definition term. </dfn> </p> <hr /> <table border="1"> <tr> <th>Header 1</th> <th>Header 2</th> </tr> <tr> <td>Row 1, Cell 1</td> <td>Row 1, Cell 2</td> </tr> <tr> <td>Row 2, Cell 1</td> <td>Row 2, Cell 2</td> </tr> </table> <hr /> <ul> <li>This is unordered list item #1</li> <li>This is unordered list item #2</li> <li>This is unordered list item #3</li> </ul> This is my ordered chore list: <ol> <li>Wash dishes</li> <li>Wash car</li> <li>Wash dog</li> <li>Vacuum</li> </ol> <hr /> Time to test out some forms. <form> Username: <input type="text" name="username" /><br /> Password: <input type="password" name="password" /><br /> <input type="radio" name="sex" value="male" />Male<br /> <input type="radio" name="sex" value="female" />Female<br /> <input type="checkbox" name="transportation" value="bike" />I ride my bike. <br /> <input type="checkbox" name="transportation" value="car" />I drive a car. <br /> <input type="checkbox" name="transportation" value="walk" />I like to walk. <br /> <input type="submit" value="submit" /> </form> <!-- I have no idea how to submit forms --> <hr /> </body> </html>
and the .css (main.css):
div.navigation
{
width:inherit;
height:inherit;
padding:1px;
border:none;
float:left;
}
div.navigation ul
{
list-style-type:none;
}
(I know it's probably very messy; I'm still learning)
I want the menu on the left to go straight down as far as the page keeps going, like how the normal page expands if you fill it with things. They do it on W3S:
http://www.w3schools...ound-repeat.asp
You can see an example of what I mean by how the menus on the left and right go down as far as the content goes. What would I have to do for that?
This post has been edited by Suryc: 17 August 2010 - 09:25 PM
MultiQuote
| 