Lines to menu with CSS

[ASPVBNerd]

I am trying to create a menu.
My problem is that I need to create a line with html+css and inside the line should link menu be.
How much I trying it never seems to work out for me.

I would like to create the above like picture as the below with css.
A link so of what I am trying to do will help you understand better what I mean.

http://www40.brinkster.com/aspvbnerd/menu.asp

Could someone help with me getting started?

 

[Vragabond]

http://css.maxdesign.com.au/listamatic/

This should give you enough information to do what you want.

 

[ASPVBNerd]

Thanx, but thats not how I want my menu.
Couldn't find the info that I wanted.
All I want is a line from my picture and to go down and make the line.

 

[BillyRayPreachersSon]

You'll probably want to put your image header and menu items inside a container that has a left, right, and bottom border.

Give that a whirl.

Hope this helps,
Dan



[tt]Dan's Page [blue]@[/blue] Code Couch

http://www.codecouch.com/dan/

[/tt]

 

[ASPVBNerd]

Could you give me an example?
I really suck at css+html

 

[BillyRayPreachersSon]

You already know how to do DIV elements - you've several on the page. To give them a border, assuming your DIV has an ID of "myDiv", you would use the following CSS:

div#myDiv {
   border-top: 1px solid #000000;
   border-left: 1px solid #000000;
   border-right: 1px solid #000000;
}

Dan

[tt]Dan's Page [blue]@[/blue] Code Couch

http://www.codecouch.com/dan/

[/tt]

 

[BillyRayPreachersSon]

Hmm.. except you'd want to use "border-bottom", not "border-top" ;-)

Dan

[tt]Dan's Page [blue]@[/blue] Code Couch

http://www.codecouch.com/dan/

[/tt]

 

[ASPVBNerd]

BillyRayPreachersSon, tank you.
Now the menu is perfect.