Menu DropDown with Image

alyssajones

newbie

Posts: 6
Joined: 2008-07-04

Posted: Wed, 2008-08-20 15:41

Hello people... im with a little problem here. I have on my page a Menu Dropdown made with Flash that i wanna swith to CSS...The problem is that i wanna use images instead of <li>.. In fact i just wanna use images on the first level (because i want to use the swap image thing..) this step is finished as you can see on this page: http://www.lima.coppe.ufrj.br/limanovo/index1.html

my problem now is that i dont know exactly how to associate this with the <li> thing to make the dropdown on submenus...

the final look with submenus should be like this: http://www.lima.coppe.ufrj.br/limanovo/0index.html

i would appreciate if someone could help me..
Thanx for the atention

Tyssen

Moderator

Posts: 6782
Joined: 2004-05-01
Location: Brisbane

I wrote an article on

Posted: Thu, 2008-08-21 02:52

I wrote an article on combining image replacement with Suckerfish dropdowns. My example uses vertical rather than horizontal dropdowns, but if you refer back to the original Suckerfish article (which I link to), then you should be able to modify what I've done to suit.

How to get help
Post a link. If you can't post a link, post ALL your code, both HTML & CSS. No server-side code; just the code sent to the browser.
Use tags.
My articles | CSS Reference

alyssajones

newbie

Posts: 6
Joined: 2008-07-04

i think thats exactly what i

Posted: Mon, 2008-08-25 12:16

i think thats exactly what i need but i didnt got the time to try it... but theres one think that may be a problem and maybe you can help me... Your menu is a horizontal one and mine is vertical.. so the <em> cant be a block cause the submenus wont show on the side... maybe put the em without the display:block??

anyway, thanx for the help!
bye

Tyssen

Moderator

Posts: 6782
Joined: 2004-05-01
Location: Brisbane

alyssajones wrote:Your menu

Posted: Mon, 2008-08-25 21:15

alyssajones wrote:

Your menu is a horizontal one and mine is vertical.. so the <em> cant be a block cause the submenus wont show on the side... maybe put the em without the display:block??

The em has to be display: block to show the image correctly. Will need to see the rest of your code to suggest how to get the submenus to show.

How to get help
Post a link. If you can't post a link, post ALL your code, both HTML & CSS. No server-side code; just the code sent to the browser.
Use tags.
My articles | CSS Reference

alyssajones

newbie

Posts: 6
Joined: 2008-07-04

<div id="menu"> <p><a

Posted: Fri, 2008-08-29 15:21

<div id="menu">
  <p><a href="index1.html" target="_self" onMouseOut="MM_swapImgRestore()"onMouseOver="MM_swapImage('botao1','','images/menucss/images/hover_01.png',1)">
     <img src="images/menucss/images/home_01.png" name="botao1" width="201" height="30" border="0"></a></p>
  <p><a onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('botao2','','images/menucss/images/hover_02.png',1)">
     <img src="images/menucss/images/home_02.png" name="botao2" width="201" height="26"></a></p>
</div>

as you see im using javascript for the IR instead of css.. do you think i can generate the submenus by that or you think its better to do it your way?? i didnt have the time yet to take a deep read at your article, but im going to study it this weekend i promise x)