MY PARTNER AND I use dreamweaver plus the following looks best in firefox.
In case you hit reunions, look when there is!… please assist.. with thanks kindly
http: //www. sanfele. org/index3. html
Not that you will find anything wrong using the menu you are choosing…
But check out the over 200 plus the various CSS menus here:
http: //www. cssplay. corp. uk/menu/
Find one that suits you and view that HTML/CSS coding as it.
I think this might help you along. They seem to figure well with all browsers.
Where do i get the code to this How could i use these examples Will not see the code.
ps.. i still dont realize how to fix my present problem Im having when using the spryy menu.
Inside examples, you use your browser to examine the HTML reference.
It requires way too extended to duplicate ones page on my own server.
No way to troubleshoot without playing various things.
don’t you mean just struck view source… then within watch source what does someone look for
isnt it the method to obtain the entire page, just not illustration
This is basically the URL with all the current CSS menus… one I gave prior was their key page.
http: //www. cssplay. corp. uk/menus/
Take the following menu for illustration:
http: //www. cssplay. corp. uk/menus/new-dropdown. html
In case you view the HTML PAGE source, you’ll see your CSS and Html code for the trial.
okay, i guess i’ve a dumb question. how do post use that certain menu So i want to create buttons, then place them on page or maybe so i spend less image of menu I realize, dumb question, i am sorry…..
They work with a few images.
By viewing the CSS section, I see they’re the ones they will use:
http: //www. cssplay. corp. uk/menus/newdrop/tab125. gif
http: //www. cssplay. corp. uk/menus/newdrop/tab125b. gif
http: //www. cssplay. corp. uk/menus/newdrop/tab125c. gif
http: //www. cssplay. corp. uk/menus/newdrop/tab125d. gif
This can be a CSS section that one could use on your individual site, or in just your
unique CSS file… dependant upon how you can your CSS:
< fashion type=" text/css" > /* ================================================================ This copyright notice need to be untouched all the time. The original version on this stylesheet and that associated (x)html can be acquired at http: //www. cssplay. corp. uk/menus/new-dropdown. html Copyright (c) 2005-2009 Stu Nicholls. Most rights reserved. This stylesheet plus the associated (x)html can be modified in any way to fit your requirements. =================================================================== */ /* foreclosures for ie6 */ a, a: hover, a: active, a: center outline: 0; course: ltr; . positioner placement: relative; height: 25px; . menuHolder placement: absolute; z-index: HUNDRED; font: normal 11px/25px verdana, sans-serif; kept: 50%; margin-left: -315px; wider: 630px; ul. ulTop padding: 0; margin: 0; list-style: none; width: 125px; flood: hidden; float: kept; margin-right: 1px; ul. ulTop a text-decoration: none; color: #fff; padding-left: 5px; ul. ulTop li. liTop drift: left; width: 250px; perimeter: -32767px -125px 0 0; backdrop: url(newdrop/tab125b. gif) no-repeat kept bottom; ul. ulTop li. liTop a. aTop position: comparative; z-index: 50; show: block; float: kept; width: 120px; margin-top: 32767px; backdrop: transparent; ul. ulTop li. liTop a. aTop: hover, ul. ulTop li. liTop a. aTop: focus, ul. ulTop li. liTop a. aTop: active margin-right: 1px; backdrop: url(newdrop/tab125. gif) no-repeat kept top; ul. sub-contract float: left; padding: 25px 0 0 0; perimeter: 0; list-style: none; background: url(newdrop/tab125. gif) no-repeat kept top; margin-top: -25px; ul. sub-contract li a drift: left; width: 120px; backdrop: #099; clear: kept; ul. sub li your. last background: url(newdrop/tab125c. gif); ul. sub-contract li a. final: hover, ul. sub-contract li a. final: focus, ul. sub-contract li a. final: active background: url(newdrop/tab125d. gif); ul. sub-contract a: hover, ul. sub-contract a: focus, ul. sub-contract a: active backdrop: #06c; margin-right: 1px; /* this is for the just click version */ ul. ulTop li. liTop a. aTop2 position: comparative; z-index: 50; show: block; float: kept; width: 120px; margin-top: 32767px; backdrop: transparent; ul. ulTop li. liTop a. aTop2: hover backdrop: url(newdrop/tab125. gif) no-repeat kept top; ul. ulTop li. liTop a. aTop2: focus, ul. ulTop li. liTop a. aTop2: active margin-right: 1px; backdrop: url(newdrop/tab125. gif) no-repeat kept top; < /style>
And here’s this particular menu that you may use, but change it to your own links:
< div class=" positioner" > < div class=" menuHolder" > < ul class=" ulTop" > < li class=" liTop" > < a class=" aTop" href=" #top1" > Home< /a> < /li> < /ul> < ul class=" ulTop" > < li class=" liTop" > < a class=" aTop" href=" #top1" > Products< /a> < ul class=" sub" > < li> < a href=" #top1a" > Cameras< /a> < /li> < li> < a href=" #top1b" > Lenses< /a> < /li> < li> < a href=" #top1c" > Flashguns< /a> < /li> < li> < a class=" last" href=" #top1d" > Tripods< /a> < /li> < /ul> < /li> < /ul> < ul class=" ulTop" > < li class=" liTop" > < a class=" aTop" href=" #top2" > Services< /a> < ul class=" sub" > < li> < a href=" #top2a" > Printing< /a> < /li> < li> < a href=" #top2b" > Framing< /a> < /li> < li> < a href=" #top2c" > Retouching< /a> < /li> < li> < a href=" #top2d" > Enlarging< /a> < /li> < li> < a class=" last" href=" #top2e" > Copying< /a> < /li> < /ul> < /li> < /ul> < ul class=" ulTop" > < li class=" liTop" > < a class=" aTop" href=" #top3" > Outlets< /a> < ul class=" sub" > < li> < a href=" #top3a" > Bristol< /a> < /li> < li> < a href=" #top3b" > Keynsham< /a> < /li> < li> < a class=" last" href=" #top3c" > Gloucester< /a> < /li> < /ul> < /li> < /ul> < ul class=" ulTop" > < li class=" liTop" > < a class=" aTop" href=" #top1" > Get in touch with Us< /a> < /li> < /ul> < /div> < /div>
.