HEEEELLLLLLLLPPPPPPPP
I made these custom buttons but is there a way to add a submenu of 7 buttons to one of the buttons so that the other buttons appear below the top custom button on hover?
What you have now is a bunch of images changing on rollover via a swap image/restore.
What you need to use is a menu system such as Spry (built into Dreamweaver)
or any of the commercial Dreamweaver extensions available on the market
e.g. http://www.projectseven.com/products/menusystems/pmm2/index.htm
I never use Spry myself. I much prefer the Project Seven menus.
Try YouTube or the Adobe Developer Center or Google for how to use images with Spry.
Altruistic Gramps is a forum regular here and a resident expert on all things Spry. He may pop in and assist you further,
Alternatively try the Spry forums
Thanks to Gramps.
I've used spry menu bars before but can I add a spry menu bar to my DW cs5 page then add my own custom buttons to it so it looks like this:
http://www.eurotechengineering.co.uk/
Would really apreciate any help an advice.
So how would I add a drop down to 2 of the custom buttons?
Thanks.
have a look here http://pleysier.com.au/sprymenubar_images/
The style sheet is here http://pleysier.com.au/sprymenubar_images/styles.css
Gramps
CSS styled list menu. No images required.
http://alt-web.com/DEMOS/CSS-Horiz-menu-3.shtml
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
Thanks Gramps.
I think I put it in the wrong place.
This is my source code:
<script type="text/javascript">
// Google Internal Site Search script- By JavaScriptKit.com (http://www.javascriptkit.com)
// For this and over 400+ free scripts, visit JavaScript Kit- http://www.javascriptkit.com/
// This notice must stay intact for use
//Enter domain of site to search.
var domainroot="www.google.com"
function Gsitesearch(curobj){
curobj.q.value="site:"+domainroot+" "+curobj.qfront.value
}</script>
<input name="q" type="hidden" />
<input name="qfront" type="text" style="width: 180px" /> <input type="submit" value="Search" />
</div>
Starting with line 75 of your document you have
.logoholder {
display: block;
width: 990px;
margin-right: auto;
margin-left: auto;
}
.container {
font-family: Verdana, Geneva, sans-serif;
font-size: 10px;
}
Add the lines of code to the bottom of the above; the result is
.logoholder img {
display: block;
float: left;
}
.logoholder input {
margin-top: 30px;
}
.logoholder {
display: block;
width: 990px;
margin-right: auto;
margin-left: auto;
}
.container {
font-family: Verdana, Geneva, sans-serif;
font-size: 10px;
}
North America
Europe, Middle East and Africa
Asia Pacific