13 replies [Last post]
jvuz
jvuz's picture
Offline
Regular
Last seen: 17 years 20 weeks ago
Joined: 2005-05-11
Posts: 18
Points: 0

Hello folks,

I already made a horizontal menu, now I want to create a horizontal submenu, not a dropdown-submenu (that I can find). Can someone put me on the right direction?

Thanx

briski
briski's picture
Offline
Elder
London
Last seen: 10 years 16 weeks ago
London
Timezone: GMT+1
Joined: 2004-02-16
Posts: 1066
Points: 0

navigation

can you be a bit more specific as you what you actually want - it's not really that clear from this question which makes giving advice quite hard.

jvuz
jvuz's picture
Offline
Regular
Last seen: 17 years 20 weeks ago
Joined: 2005-05-11
Posts: 18
Points: 0

navigation

Something like this:

http://dhtml-menu.com/samples/sample348.html

only in this example it is put as dropdown list, but I like to have it like the main menu, so also horizontal and below the main menu.

I'll see if I can find an example of what I want.

briski
briski's picture
Offline
Elder
London
Last seen: 10 years 16 weeks ago
London
Timezone: GMT+1
Joined: 2004-02-16
Posts: 1066
Points: 0

navigation

Do you mean something like what is described here?

http://www.alistapart.com/articles/hybrid/

HellsBells
HellsBells's picture
Offline
Leader
Bedford, UK
Last seen: 14 years 22 weeks ago
Bedford, UK
Joined: 2004-04-07
Posts: 851
Points: 0

navigation

Do you mean something like this?

http://www.tjkdesign.com/articles/dropdown/demo.asp

My strategy is so simple an idiot could have devised it!

"Also, your CSS (no offence) makes me want to gouge my eyes out with a rusty spoon" - TPH

jvuz
jvuz's picture
Offline
Regular
Last seen: 17 years 20 weeks ago
Joined: 2005-05-11
Posts: 18
Points: 0

navigation

Yes, thanx alot m8. I already found some expmple, bit they were always with a dropdown second menu. Thanx again.

jvuz
jvuz's picture
Offline
Regular
Last seen: 17 years 20 weeks ago
Joined: 2005-05-11
Posts: 18
Points: 0

navigation

Do you know another example?

Hugo
Hugo's picture
Offline
Moderator
London
Last seen: 7 years 38 weeks ago
London
Joined: 2004-06-06
Posts: 15668
Points: 2806

navigation

Throw links into the pot time Smile

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

Many examples of styling nav lists, although to be honest I'm not sure you'll find what your after specifically; you may need to apply yourself to creating this nav you have conceived or cobble it together from various examples. Another site worth checking out is Stu Nichols who has some great examples of pure CSS menus.

Hugo.

Before you make your first post it is vital that you READ THE POSTING GUIDELINES!
----------------------------------------------------------------
Please post ALL your code - both CSS & HTML - in [code] tags
Please validate and ensure you have included a full Doctype before posting.
Why validate? Read Me

jvuz
jvuz's picture
Offline
Regular
Last seen: 17 years 20 weeks ago
Joined: 2005-05-11
Posts: 18
Points: 0

navigation

OK, for the moment I have this:

http://www.geocities.com/hazichem/test/menu1.htm

Now my question is. Is it possible to let the submenu start form the left, or is it better this way.

And something strange: at home in IE it shows the same way as in FF, but here at work, the submenu's are dropdown. Strange, not?

jvuz
jvuz's picture
Offline
Regular
Last seen: 17 years 20 weeks ago
Joined: 2005-05-11
Posts: 18
Points: 0

navigation

For the moment, I've found a navigation and I'm trying to test it.

http://www.geocities.com/hazichem/test/historiek.htm

The thing that's bothering the most for the moment is the fact that the space between my logo and the menu is too big in my opinion. The problem is I don't find where and what I have to change. Can someone help me:

You can find the css here:

http://www.geocities.com/hazichem/test/style.css

thepineapplehead
thepineapplehead's picture
Offline
Moderator
Last seen: 22 weeks 5 days ago
Timezone: GMT+1
Joined: 2004-06-30
Posts: 9683
Points: 819

navigation

Your HTML syntax is horrible. Here's what you need:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" >
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1250" />
<title>Harmonie Zichem: Historiek</title>
<link rel="stylesheet" type="text/css" media="screen, projection" href="./style.css" />
</head>
<body>

rest goes here

Verschwindende wrote:
  • CSS doesn't make pies

jvuz
jvuz's picture
Offline
Regular
Last seen: 17 years 20 weeks ago
Joined: 2005-05-11
Posts: 18
Points: 0

navigation

Thanx, do you also know a solution for the positioning problem, or at least point me in the good direction?

Thanx

thepineapplehead
thepineapplehead's picture
Offline
Moderator
Last seen: 22 weeks 5 days ago
Timezone: GMT+1
Joined: 2004-06-30
Posts: 9683
Points: 819

navigation

Can't say I do, I'm just a stickler for decent code.

Verschwindende wrote:
  • CSS doesn't make pies

jvuz
jvuz's picture
Offline
Regular
Last seen: 17 years 20 weeks ago
Joined: 2005-05-11
Posts: 18
Points: 0

navigation

OK, thanx alot everyone for the help. Now I can start with working on it.