29 replies to this topic

[hugelmopf]

Here is a template, that uses the ListMenu snippet to create an unordered list menu, which is then styled quite nicely, I believe.

You can have a look at it in action at http://hugelmopf.hu.ohost.de/etomite/index.php

• passes XHTML and CSS validation
  
• completely tableless
  
• should appear the same in Firefox (tested 1.0.4 on Linux), Internet Explorer (tested 6.0), KHTML (Konqueror (tested 3.4.1) and Safari(?))

I am attaching a .zip-file which includes the template, the CSS, a javascript workaround for IE not displaying transparent PNGs and a few sample graphics, like they are in use on my demo site.
To install, put everything in the "./templates/Horizontal" directory and add the template.txt content into the template section in your Etomite manager.
This template relies on the ListMenu snippet to function properly... If you don't have this snippet it can be found in the Snippet Library.
Enjoy...

Attached Files

•  Horizontal.zip   16.47K   523 downloads

Edited by hugelmopf, 11 October 2005 - 03:27 PM.

[Dean]

Looks really nice

[Dean]

hugelmopf, on Sep 13 2005, 01:29 AM, said:

(replaced <center> with <div style="text-align:center;">, should that make a difference?).

Oooh, SniperX would kill you for that one! LOL

I remember wanting to use that somewhere and he didn't like it lol

But yes, it does work

Edited by Dean, 13 September 2005 - 11:15 AM.

[hugelmopf]

Dean, on Sep 13 2005, 01:14 PM, said:

Oooh, SniperX would kill you for that one! LOL
I remember wanting to use that somewhere and he didn't like it lol
But yes, it does work

Hehe... he better come and tell me, how to replace it, then!

Honestly, I always thought these were the same... but if I put <div style="text-align:center;"> in there, it just does not center anything
CSS gurus out there... help!

[katherholt]

hugelmopf, on Sep 13 2005, 08:30 AM, said:

Hehe... he better come and tell me, how to replace it, then! 

Honestly, I always thought these were the same... but if I put <div style="text-align:center;"> in there, it just does not center anything 
CSS gurus out there... help!

Here's a tutorial: http://www.hscripts.com/tutorials/css/textp6.php
You might try using "span" instead of "div" to see if that would work.

[katherholt]

Dean, on Sep 13 2005, 06:55 AM, said:

Looks really nice

I agree, I love the horizontal menu - I'll be using it soon!

[hugelmopf]

Ok, I have figured it out. I used margin:0px; on the main container and it is quite difficult to center something AND keep the margin at 0px...

Should work now.

[mrruben5]

Nice one!

[pmage]

This template is awesome!

But have a big problem...

The upper menu wont appear. I read that it has to do something with the margain set to 0px. I this correct?
I tried to alter it in all the 3 css-s, but it still wont load...

pls help, i tred it in ie 6 , 7beta and opera. Neither of them loaded the main menu.


THX

[hugelmopf]

pmage, on Sep 28 2005, 10:53 PM, said:

This template is awesome!

But  have a big problem...

The upper menu wont appear. I read that it has to do something with the margain set to 0px. I this correct?
I tried to alter it in all the 3 css-s, but it still wont load...

pls help, i tred it in ie 6 , 7beta and opera. Neither of them loaded the main menu.
THX

Sorry, I don't understand what you mean. Do you have a screenshot?
I looked at it just now, with IE6, Firefox 1.0.x and cannot see a problem. Does it look alright on the demo site for you?

[Ralph]

pmage, on Sep 28 2005, 05:53 PM, said:

This template is awesome!

But  have a big problem...

The upper menu wont appear. I read that it has to do something with the margain set to 0px. I this correct?
I tried to alter it in all the 3 css-s, but it still wont load...

pls help, i tred it in ie 6 , 7beta and opera. Neither of them loaded the main menu.
THX

This template relies on the ListMenu snippet to function properly... If you don't have this snippet it can be found in the Snippet Library...

[Ginder]

What am i doing wrong ?

I have dont it like, the "turtorial" says...

Attached Files

•  Unavngivet.JPG   51.18K   276 downloads

[Jelmer]

Do you have the ListMenu snippet installed? (See previous posts...)

[hugelmopf]

Ginder, on Oct 11 2005, 01:39 PM, said:

What am i doing wrong ?

I have dont it like, the "turtorial" says...

Are you sure you have the snippet "ListMenu" installed?

[Dean]

If you have no pages below / along side that one, then no menu shows - add a test page along side it, and see what I mean

[Ginder]

hugelmopf, on Oct 11 2005, 02:09 PM, said:

Are you sure you have the snippet "ListMenu" installed?

Yes im sure, see the pic i have added.

I took the text from the listmenu.css file and added a new snippet file called ListMenu, isnt that the right wait to "install" it ?

Attached Files

•  1.JPG   32.03K   129 downloads

[Jelmer]

Have you defined all the proper CSS elements in your CSS file?

[Ginder]

Jelmer, on Oct 11 2005, 02:43 PM, said:

Have you defined all the proper CSS elements in your CSS file?

No i dont think i have done that, were can i do that ? :-)

[Ginder]

Ralph (rad14701), on Sep 29 2005, 12:19 AM, said:

This template relies on the ListMenu snippet to function properly... If you don't have this snippet it can be found in the Snippet Library...

That was what i did and it worked :-)

[hugelmopf]

Ginder, on Oct 11 2005, 02:48 PM, said:

Jelmer, on Oct 11 2005, 02:43 PM, said:

Have you defined all the proper CSS elements in your CSS file?

No i dont think i have done that, were can i do that ? :-)

Actually you don't have to do that, as the CSS is included in the download.

Ginder, on Oct 11 2005, 02:33 PM, said:

I took the text from the listmenu.css file and added a new snippet file called ListMenu, isnt that the right wait to "install" it ?

No! Get it at the snippet library.

Quote

That was what i did and it worked :-)

So you got the ListMenu snippet from the snippetlibrary now, I hope? You will have to restore listmenu.css in case you messed it up.

Edited by hugelmopf, 11 October 2005 - 03:25 PM.