New Topic/Question
Reply
Here's the code:
.html
<!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> <table> <td> <div class="navigation"> <ul> <li><a href="index.html">Home</a></li> <li><a href="http://google.com/">Google</a></li> </ul> </div> </td> <td> <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 /> </td> </body> </html>
main.css
body
{
background-color:#999;
}
div.navigation
{
width:inherit;
height:auto;
padding:1px;
border:none;
float:left;
background-color:#FFF;
}
div.navigation ul
{
list-style-type:none;
}
The table on the left side (navigation) doesn't fill up all the way. It sort-of does what I wanted it to do, stay on the left side with no text going around it, but it just stays in the middle of the page. I've tried taking out the navigation tags, changing the height variable (I'm not sure what it's called) and removing the height thing. I don't know what to do to fix this. I want it to be at the top.
How can I fix this? I tried searching but my way of explaining means my search results aren't very well >.>
MultiQuote
), it's very informative and useful.
| 