CSS and flying sub menus

Hi Biddle,

Thank you for your help too, it helped me understand it a different way!!

Thanks
Dina

"B.Biddle" wrote:

 > Dana,
 >
 > Create 2 classes in your CSS. For this example we will use "Menuon" and "Menuoff"
 >
 > .menuoff {
  > width: 97px; height: 20px;
  > font-family: arial, verdana, sans-serif;
  > font-size: 10px;
  > color: #0057AE;
  > background: #F7F7F7;
  > cursor: pointer;
  > padding: 6px 0 0 0;
  > border-bottom: 1px solid #999; border-left: 1px solid #999; border-right: 1px solid #999;
  > }
 >
 > .menuon {
  > width: 97px; height: 20px;
  > font-family: arial, verdana, sans-serif;
  > font-size: 10px;
  > font-weight: bold;
  > color: #0057AE;
  > background: #BFD5EB;
  > cursor: pointer;
  > padding: 6px 0 0 0;
  > border-bottom: 1px solid #999; border-left: 1px solid #999; border-right: 1px solid #999;
  > }
 >
 > Now on your web page create your menu buttons. You can place these <div>'s inside a container <div> or <table>.
 >
 > <div class="menuoff" onmouseover="this.className='menuon'" onmouseout="this.className='menuoff'"
 > onclick="window.location.href='http://www.yourlinkhere.htm'">Opiton A</div>
 >
 > <div class="menuoff" onmouseover="this.className='menuon'" onmouseout="this.className='menuoff'"
 > onclick="window.location.href='http://www.yourlinkhere.htm'">Opiton B</div>
 >
 > <div class="menuoff" onmouseover="this.className='menuon'" onmouseout="this.className='menuoff'"
 > onclick="window.location.href='http://www.yourlinkhere.htm'">Opiton C</div>
 >
 > There are a millilon other ways to do this, I just find this one extremly easy and it validates with the W3C.org
 >
 > ~ B.Biddle
 ><!-- ~MESSAGE_AFTER~ -->

Thank you for your answer, but I am not able to understand it sufficiently -
I forgot to say that I use Frontpage, and not dreamweaver. The bit I don't
understand still is how we give a 'label' to the particular section of the
page that the links are on that we wish to give the css properties.

Mine are in a cell underneath the header (and at the moment, the old links
which will disappear soon) - how can I let the css code know that it should
refer only to what is in this cell?


"MD Websunlimited" wrote:

> Each element used to define the menu may have a class attribute. That attribute becomes the CSS selector so that you can apply
> formatting to the element.
>
> For more information on CSS see
> http://www.websunlimited.com/resources.asp
>
>
> --
> Mike -- FrontPage MVP '97-'02
> http://www.websunlimited.com
> FrontPage Add-ins Since '97 FP 2003 / 2002 / 2000 Compatible
>
> "Dina" <Dina DeleteThis @discussions.microsoft.com> wrote in message news:F043BCC6-DE62-4D52-86B1-2E79DDB1096D@microsoft.com...
> > I don't know what you mean, I am still fairly new to this.
> >
> > Thanks
> > Dina
> >
> > "MD Websunlimited" wrote:
> >
> > > Are there class selectors that you can reference in the menu? If so you'd apply the CSS to the selectors are you require.
> > >
> > >
> > > --
> > > Mike -- FrontPage MVP '97-'02
> > > http://www.websunlimited.com
> > > FrontPage Add-ins Since '97 FP 2003 / 2002 / 2000 Compatible
> > >
> > > "Dina" <Dina DeleteThis @discussions.microsoft.com> wrote in message news:3B13B353-5EE7-4F33-99D9-2CFF291E96B7@microsoft.com...
> > > > I have created some flying sub menus that appear from the main menu. I want to apply a CSS that would color the background of
> the
> > > hovered selection in the flying sub menu without coloring the main menu it self. I also want it to color the complete row not
> only
> > > the text in the flying sub menu.
> > > >
> > > > How can I do that?
> > > >
> > > > Thanks,
> > > > Dina
> > >
> > >
> > >
>
>
>