Trying to code my portfolio...

[Repair]

Hey guys, I'm trying to code my portfolio at the moment, and Ive never coded anything yet - youve got to start somewhere!

Anyway, its probably the dumbest question ever but I need to ask it, my navigation just wont move. Ive tried margin-top, margin-right, padding-top and padding-right... Nothing seems to work!

My html :

</div>		<div id=" nav">
			<ul id="navlist">
				<li id="active">Home </li>
					<li>About</li>
					<li>Portfolio</li>
					<li>Contact</li>
				</ul>
		</div>

My CSS:

#nav {	float: right ;
	margin-right: 100px;
	margin-top: 50px;
}
#navlist li  {
	display: inline;
	list-style-type: none;
	padding-right: 60px;
	font-family: vijaya;
	font-size: 30px;
	color: #696262;
}

Any help as to why this wont work would be appreciated

Sam.

[Kieran]

Add in a #navlist {float:right;} and add your margins to that.

Do you have it uploaded anywhere so I can have a look and check to make sure I'm pointing you in the right direction. Only so much I can say with what you've given.

[Repair]

Sorry dont have anywhere to upload it at the moment, and that seemed to do the trick. Thanks!

No doubt ill be back in about 10 minutes with another problem though :d

[Kieran]

You don't really need the <div> around that <ul>.

And if you wanted to be mega cool... you could use the old <nav></nav> HTML5

[Repair]

Just removed the div around it, and whats the old <nav></nav> ?

[Kieran]

Basically you can use it to denote where the navigation is and then in the css treat it like it was something such as a header tag.

So for example, you might have this in your code

<h1>Title<h1>

And the css would be just

h1{code here};

Well you can do the same for <nav>Your list here</nav>

CSS:

nav{code here};

[Repair]

Alright, if I have time ill try give that a go.

Ill stick to what I have at the moment because I know it works


EDIT: Just did the <nav> thing and its actually not that hard and it worked easier

Thank you !

[redtom]

I would use <nav> just yet IE is here to crash the party!