logo-dw

Go Back   Dreamweaver Club Forums > Dreamweaver forums > Spry
Register FAQ Members List Search Today's Posts Mark Forums Read

Reply
 
Thread Tools Display Modes
Old 01-27-2008, 11:49 PM   #1
dovroc
 
Join Date: Mar 2007
Posts: 22
Default Spry Vertical Menu bar issue

I am working on a very simple vertical Spry Menu bar, and would like to include a different image in each cell. Is there any way of editing the css to do this?

Thanks
dovroc is offline   Reply With Quote
Old 01-30-2008, 01:42 PM   #2
m1a2x3x7
m1a2x3x7's Avatar
 
Join Date: Mar 2007
Posts: 297
Default

yes there is.

Go Here

http://labs.adobe.com/technologies/spry/samples/


Click the Widget Tab

Scroll Down to menu bar

The example they show is in a horizontal menu bar but you can still see how it is done with the CSS. View the page source and you will be able to find the CSS they used.

The Menu Bar is number 7 and here is the Code they used.

HTML Code:
#MenuBar7 li {
	width: 10em;
}
#MenuBar7 ul, #MenuBar7 ul li {
	width: 15em;
}
#MenuBar7 span {
	margin: 0;
	padding: 2px;
	padding-left: 22px;
	display: block;
	background-position: 0% 50%;
	background-repeat: no-repeat;
}
#MenuBar7 #item1 {
	background-image: url(images/numberedList.gif);
}
#MenuBar7 #item1-1 {
	background-image: url(images/italic.gif);
}
#MenuBar7 #item3 {
	background-image: url(images/home.gif);
}
#MenuBar7 #item3-1 {
	background-image: url(images/forward.gif);
}
#MenuBar7 #item3-3 {
	background-image: url(images/justifyAlign.gif);
}
#MenuBar7 #item3-1-1 {
	background-image: url(images/new.gif);
}
hope this helps.
__________________
Chris Schultz
Web and Multimedia Designer
Schultz|Studio

Last edited by m1a2x3x7; 01-30-2008 at 01:45 PM..
m1a2x3x7 is offline   Reply With Quote
Reply


Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off

Forum Jump


All times are GMT. The time now is 10:40 AM.


Powered by vBulletin® Version 3.8.7
Copyright ©2000 - 2017, vBulletin Solutions, Inc.
Copyright 2006 DreamweaverClub.com