Aligning my menu to the left.

MEGA Newbie question.

Page 1 of 1

5 Replies - 391 Views - Last Post: 18 June 2009 - 10:27 AM

#1 papuccino1  Icon User is offline

  • His name was Robert Paulson.
  • member icon

Reputation: 61
  • View blog
  • Posts: 1,121
  • Joined: 02-March 08

Aligning my menu to the left.

Post icon  Posted 16 June 2009 - 07:23 PM

Hi there, I've downloaded Amaya tonight and I want to build my own portfolio site.

How would I go about positioning my Menu so it's always on the left of the page?

Here's the HTML:

<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
      "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
  <meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
  <title>HomeSite</title>
  <meta name="generator" content="Amaya, see [url="http://www.w3.org/Amaya/""]http://www.w3.org/Amaya/"[/url] />
</head>

<body style="background-color:#91A84F">

<div class=Menu>
<table border="1" bgcolor="#D9FFA9" style="width: 12%">

  <caption></caption>
  <col />
  <tbody>
    <tr>
      <td>Home</td>
    </tr>
    <tr>
      <td>Portfolio</td>

    </tr>
    <tr>
      <td>In Development</td>
    </tr>
    <tr>
      <td>Contact</td>
    </tr>
    <tr>

      <td>About</td>
    </tr>
  </tbody>
</table>
</div>

</body>
</html>


Remember, I'm a COMPLETE newbie when it comes to layouts in HTML. I may not <p>, <br>, etc. But I don't know how to apply them

Is This A Good Question/Topic? 0
  • +

Replies To: Aligning my menu to the left.

#2 BetaWar  Icon User is offline

  • #include "soul.h"
  • member icon

Reputation: 921
  • View blog
  • Posts: 6,456
  • Joined: 07-September 06

Re: Aligning my menu to the left.

Posted 16 June 2009 - 08:08 PM

Try using this CSS:

<style>
.Menu{
  float: left;
}
</style>


Then put all your content like so:
<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
	  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
  <meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
  <title>HomeSite</title>
  <meta name="generator" content="Amaya, see http://www.w3.org/Amaya/" />
</head>

<body style="background-color:#91A84F">

<div class=Menu>
<table border="1" bgcolor="#D9FFA9" style="width: 12%">

  <caption></caption>
  <col />
  <tbody>
	<tr>
	  <td>Home</td>
	</tr>
	<tr>
	  <td>Portfolio</td>

	</tr>
	<tr>
	  <td>In Development</td>
	</tr>
	<tr>
	  <td>Contact</td>
	</tr>
	<tr>

	  <td>About</td>
	</tr>
  </tbody>
</table>
</div>
Content goes here.
</body>
</html>


Hope that helps.
Was This Post Helpful? 2
  • +
  • -

#3 papuccino1  Icon User is offline

  • His name was Robert Paulson.
  • member icon

Reputation: 61
  • View blog
  • Posts: 1,121
  • Joined: 02-March 08

Re: Aligning my menu to the left.

Posted 17 June 2009 - 10:36 AM

Thanks for your help Beta, however I'm so new at this I have no idea what to do with that code.

How do I create a .css file? Does it need to be in the same folder as the .html file?

The code your wrote for the .css, does the .css file need to have JUST that code in order to work, or is there a <head><body> sort of thing in .css I'm not aware of?

Can I write the .css in Notepad and then change the extension?
Was This Post Helpful? 0
  • +
  • -

#4 Toxicterror  Icon User is offline

  • blub

Reputation: 15
  • View blog
  • Posts: 685
  • Joined: 10-March 09

Re: Aligning my menu to the left.

Posted 17 June 2009 - 11:40 AM

BetaWars Code is all one file i suppose

just add that CSS part inside the <head></head> and it works

save then the whole file as a normal .html file


//edit:
and yes you can do everything in that shitty notepad :D

This post has been edited by Toxicterror: 17 June 2009 - 11:40 AM

Was This Post Helpful? 1
  • +
  • -

#5 papuccino1  Icon User is offline

  • His name was Robert Paulson.
  • member icon

Reputation: 61
  • View blog
  • Posts: 1,121
  • Joined: 02-March 08

Re: Aligning my menu to the left.

Posted 17 June 2009 - 06:02 PM

Thank you both, it works how I wanted it to. Damn, this is HTML looks hard to learn (probably because of the alien syntax) but it looks really structured which I like. (I have somewhat OCD)
Was This Post Helpful? 0
  • +
  • -

#6 Toxicterror  Icon User is offline

  • blub

Reputation: 15
  • View blog
  • Posts: 685
  • Joined: 10-March 09

Re: Aligning my menu to the left.

Posted 18 June 2009 - 10:27 AM

belive me html is quiet easy :D
its more dificult the get it looking well with that "wow" effect ;)
it becomes harder with php, not even starting to talk about asp/jsp
Was This Post Helpful? 0
  • +
  • -
Page 1 of 1