Horizontal Menu

[fishcuisine]

Hello,

 

I am trying to improve the look of my MENU (Horizontal Navigation Bar

 

Re: www.tokyo-sushi-chef-institute.com

 

I found an interesting MENU in the following website and wanted to create a variation of it

 

Link: http://www.cordonbleu.edu/

 

I am thinking it is an html/css created Menu. Probably using a one row TABLE with several blocks would be the way to go, placing the link words in each block.

Any expert opinions I wonder…?

 

Regards

rk

[Wickham]

The menu with the blue background in the link does use a table, but most expertss would recommend using a list with the li tags using float: left;

 

Have a look at some examples of pure CSS menus which don't need javascript here:-

http://www.cssplay.co.uk/menus/

like these ones

http://www.cssplay.co.uk/menus/tab_highlight.html

http://www.cssplay.co.uk/menus/pro_horizontal.html

where you can download the html and CSS styles and edit as you want.

[Andrea]

This looks sort of like your example and is done with nothing but CSS: http://aandbwebdesign.com/KSforum/sushi.php

[fishcuisine]

The menu with the blue background in the link does use a table, but most expertss would recommend using a list with the li tags using float: left;

 

Have a look at some examples of pure CSS menus which don't need javascript here:-

http://www.cssplay.co.uk/menus/

like these ones

http://www.cssplay.co.uk/menus/tab_highlight.html

http://www.cssplay.co.uk/menus/pro_horizontal.html

where you can download the html and CSS styles and edit as you want.

[fishcuisine]

Hello Wickham,

 

Thanks for the reply and the options you provide. Very interesting. I like the DONATE option of payment. I joined a hosting company that is starting nickle and dime to death.

 

Do you do these FORMS?

 

Regards

seafoodcuisine

[fishcuisine]

This looks sort of like your example and is done with nothing but CSS: http://aandbwebdesign.com/KSforum/sushi.php

[fishcuisine]

Hello Andrea,

 

I guess you are into web designs. Do you do forms?

 

Regards

rk

[falkencreative]

Probably most of the regulars here with PHP knowledge can do forms -- Wickham probably, I think Andrea (?), myself, etc. If that's something you need help with, I'd suggest messaging them directly.

[Andrea]

I've used tectite forms and more recently, the Wordpress plugin for a contact form, but don't have any php knowledge to do one from scratch.

[fishcuisine]

Hello Wickham,

 

You have an interesting offer.

As you know I am in the process of creating my website using Dreamweaver MX:

www.tokyo-sushi-chef-institute.com

 

Currently all the pages are in 1 column format. But I need to add more content on each page thus my need to create 3 columns per page. Do you have a quick and easy method of creating a 3 column page?

 

I am trying to do it within Dreamweaver MX but these folks do not provide a proper tutorial for their own product.

 

Regards

rk

[Wickham]

This edit of your page has three columns:-

http://www.wickham43.com/forumposts/seafoodtokyo-sushi-chef-institute101117.html

 

I added backgrounds to the columns to see the extent of them but you can delete them.

 

The wrap div is 1050px wide to suit the header image. Remember if you edit the widths that the total width is all the div widths plus side margins plus side padding plus side borders (if any) so at present it is

#left 150px + 2*5 padding = 160px

#right 150px + 2*5 padding = 160px

#middle 720px + 2*5 padding = 730px

Total 1050px like #wrap and the header image.

 

I deleted all the blockquotes, there were so many of them, and put a margin top and bottom onto the p tag to create the space between the p tags.

 

I didn't change the menu.

 

I hope that helps.