Page 1 of 1
imagemap menu
Posted: Sun Oct 01, 2006 11:13 am
by RichardC
Hi!
I am using version 1.02 of CMSMS, and, as a first project, I am trying to duplicate a standard HTML website. It all seems to work quite allright, except I can't seem to find any information about how I should encode the menu in my CSS.
The HTML website:
http://tiel.balloonheaven.com
The CMSMS website:
http://tiel.balloonheaven.com/index.php
I would be gratefull of any pointers!
Re: imagemap menu
Posted: Sun Oct 01, 2006 11:59 am
by tsw
http://themes.cmsmadesimple.org/Image_menu.html
that might help a bit
but that menu looks like you wont add anything special to it if you do it with menumanager.
if you know that the menu will not change I would just copy the html from original site to template and change link urls.
hope this helps
Re: imagemap menu
Posted: Sun Oct 01, 2006 1:27 pm
by Dr.CSS
Imap menus
http://multiintech.com/ scroll thru the menu of Image Map Menus, ImapMenu and Imap 1,2,3, have instuctions also.
Re: imagemap menu
Posted: Mon Oct 02, 2006 4:39 am
by RichardC
Thank you both! I think I will use the menu manager nevertheless, even though I won't be changing anything soon on the menu of the website. It's something of a pilot project for myself.
Re: imagemap menu
Posted: Mon Oct 02, 2006 5:28 am
by Dr.CSS
This will at least get them where you need them, and I put borders around them so you can see where the blocks are...
ul{width:100px;list-style:none;margin:160px 0 0 -5px;padding:0;}
ul li a{display:block;;padding:32px 0;margin:3px 0;border:1px solid}
ul li h3{display:block;;padding:30px 0;margin:0px;border:1px solid}
Re: imagemap menu
Posted: Mon Oct 02, 2006 5:53 pm
by RichardC
Cool thanks!
In firefox it looks great! IE not exactly, but I'll try to fix that... Now to see how you did this (and ofcourse get rid of the borders and the text)... I'll try to figure it out... Thanks again!