Navigation

Frankiiei · #1 (**permalink**) Sep 14th, 2007, 13:05

I want my navigation, to be on the right hand side, is there a nice 'clean' way of achieving this?
Thanks
Frankiiei

1840dsgn · #2 (**permalink**) Sep 14th, 2007, 13:07

float: right;

put that in your css around the div that your navigation is within.

Frankiiei · #3 (**permalink**) Sep 14th, 2007, 13:11

sorry to sound dumb, but 'around the div' lol sorry!
and thank you frankiiei

karinne · #4 (**permalink**) Sep 14th, 2007, 13:17

Well ... continuing from what I posted in your previous thread,

I would create another div for your navigation

Code: Select all

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
   "http://www.w3.org/TR/html4/strict.dtd">
<html lang="en-US">

<head>
    <title>Some title</title>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    <link rel="stylesheet" type="text/css" media="screen" href="styles.css">    
    
</head>

<body>

<div id="branding">
    <h1>Seo Genius</h1>
</div>

<div id="navigation">
    menu here
</div>

<div id="content">
    <h2> This website provides a guide to the basics of SEO.</h2>

    <p>SEO means Search engine optimasation, basically SEO is used to rank you page higher on search engines, such as 'Google' and 'Yahoo'.
Some websites use a SEO company, and some people do the SEO themselves, which ever you chooses, it is important to get it right.</p>

    .....

</div> 

</body>
</html>

And just put this in your css

Code: Select all

#navigation {
        text-align: left;
    }

Frankiiei · #5 (**permalink**) Sep 14th, 2007, 13:21

When you say...
<div id="navigation">
menu here
</div>What do i put for 'menu here' ?

Frankiiei · #6 (**permalink**) Sep 14th, 2007, 13:22

oh and they end up next to each other rather than under neath each other

karinne · #7 (**permalink**) Sep 14th, 2007, 13:22

Your menu!?

Did you copy the CSS I posted?

Which should be a list for all intended purposes.

See CSS Design: Taming Lists

Frankiiei · #8 (**permalink**) Sep 14th, 2007, 13:30

yes sorry it is working fine now. Thank you x

Frankiiei · #9 (**permalink**) Sep 14th, 2007, 14:22

Ive made my navigation but two of the links dont connect, they are all exactly the same so i cant understand this. Any ideas people?
Thanks guys

karinne · #10 (**permalink**) Sep 14th, 2007, 14:27

Give us a link!

Frankiiei · #11 (**permalink**) Sep 14th, 2007, 14:32

if you go on my webpage seogenius.co.uk, the two links;
Critical Componants of Seo
Seo Vs Search Engines

karinne · #12 (**permalink**) Sep 14th, 2007, 14:34

Make sure the pages exist. You have the right file name.

Frankiiei · #13 (**permalink**) Sep 14th, 2007, 14:42

yeah the pages are there and they are all spelt correctly, i really and stuck on this one, it doesnt make sence ive done it all right (as far as i can work out) its probly something so easy and obvious

karinne · #14 (**permalink**) Sep 14th, 2007, 14:56

Well ... it's not a problem with your code. Check the filenames again ... that's where your problem is.

http://validator.w3.org/checklink?ch...enius.co.uk%2F

karinne · #15 (**permalink**) Sep 14th, 2007, 14:58

Also ... if you're using an XHTML Doctype, make sure you understand what it implicates

4. Differences with HTML 4

and use a strict doctype ... that's why I put HTML Strict in my example in your previous thread.

Frankiiei · #16 (**permalink**) Sep 14th, 2007, 15:03

ok will do thank you x

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
Navigation	inkz	Web Page Design	2	Apr 22nd, 2008 15:33
CSS Navigation Help	penguin	Starting Out	3	Mar 15th, 2008 13:43
Navigation help	elephantinc	Flash & Multimedia Forum	9	Feb 13th, 2008 22:46
CSS Navigation Help!	crackafaza	Web Page Design	3	Jan 21st, 2008 15:56
CSS navigation	AdRock	Web Page Design	1	Jul 15th, 2006 10:56

		Webforumz.com > Main Forums > Design Your Website > Starting Out
Navigation