How to put links on left of page below top logo

acharris · 10 Jan 2007 at 19:45

Hi all, I need some advice. I am learning myself HTML again, as I haven't made a web site for 6 years, and I am learning myself CSS and not using frames and dreamweaver in code view only.

My problem is that I got a site, setup a css file for the H tags and P tags, the usual stuff like that. I got a logo across the top of the page set to 96% width, but when I put href links in, I can't seem to find the right coding to get the links to below the logo on the left, as if it just appears over the logo.

Any advice to do the position of the links would be appreciated. Thanks in advance.

Anthony

EirePlane · 10 Jan 2007 at 19:59

Give the links a class
e.g.

Code:

<a href="blahblahblah.html" class="menulink">text</a>

or if it is an image:

Code:

<a href="blahblahblah.html"><img src="blahblahblah.jpg" class="menuimg"></a>

then in your CSS add

Code:

a.menulink {
  position:relative;
  top:000px
}

or for the image

Code:

img.menuimg {
  position:relative;
  top:000px
}

simply replace the "blah"s with the relevant information and the "000px" with the vertical distance you want them from their current position

Sherbs · 10 Jan 2007 at 20:05

Code:

HTML:
<img src="foo.jpg" />

<div id="nav">
<a href="#">Foo</a>
</div>

http://www.sherbertcreatif.com/foo/

acharris · 10 Jan 2007 at 20:15

Thanks for the replies, most helpful. Much appreciated.

Anthony

Sherbs · 10 Jan 2007 at 20:15

Sorted it then?

acharris · 11 Jan 2007 at 00:10

Hi, yes I have sorted it. Helped very much. Thanks.

Anthony