Return to the Forum Home
 Post New TopicNote: Polls are considered new topics.  If you post a poll, it will be created as a new subject in this forum, not as a reply within this topic.Topic Replies: PopIt!Post A Reply
MyPop™ | register | search | faq | forum home


PreviousGo to the next oldest topic in this forum Go to the next newest topic in this forumNext
 friends of ED » friends of ED forums » Front End Frustrations » Spry Nav bar

Rating:   Not yet rated
Author Topic:   Spry Nav bar
simon0667
new friend of ED
Describes the mood or content of the topic posted Click Here to See the Profile for simon0667   Reply With QuoteEdit or Delete MessageReport This Post
I'm building a spry nav bar with submenus. I am trying to insert a background image (As per Essential Guide to DW CS3, CSS, Ajax, PHP). When I insert in ul.MenuBarHorizontal a, it accepts in main bar without submenus, however in items with submenus, however in iems WITH submenus, it only shows on the submenu items, not the main. Where can I insert to show on the main menu items uniformly including the items that have submenus?
Any ideas would be appreciated

Posts: 3 | From: aichi | Registered: 10-31-07
simon0667
new friend of ED
Describes the mood or content of the topic posted Click Here to See the Profile for simon0667   Reply With QuoteEdit or Delete MessageReport This Post
WOW! Don't I feel happy that I purchased 3 of David Power's books!!!!!!
Posts: 3 | From: aichi | Registered: 10-31-07
David Powers
Author
Describes the mood or content of the topic posted Click Here to See the Profile for David Powers   Reply With QuoteEdit or Delete MessageReport This Post
Sorry you feel neglected, Simon. You mention one of my books in your question, but my book doesn't cover the addition of background images to a Spry navigation bar. Consequently, the only way I could answer this question would be to sit down and run a series of tests. If I'm lucky, it might take me half an hour. It might take me considerably longer.

If there's a problem with instructions that I've given in a book, I give that top priority. However, it's unreasonable to expect me to work out the answer to everybody's problems. Grateful though I am that you have bought three of my books, my time is limited. It may seem that I give very detailed help to some people, but that's usually because I have the answer to their problem already up my sleeve.

In the case of customizing a Spry menu the way that you want to, I don't have a ready-made answer. Except, perhaps, to suggest that you're taking the wrong approach. Spry menus are meant to be a replacement for the old Dreamweaver Pop-Up Menus, which don't use images. To build a menu with images, you should consider using the CSS menus created by Fireworks.

David Powers
Author: Essential Guide to Dreamweaver CS3
Author: PHP Solutions
http://foundationphp.com/

Posts: 4331 | From: London, UK | Registered: 12-18-03
Shane Patacca
new friend of ED
Describes the mood or content of the topic posted Click Here to See the Profile for Shane Patacca   Reply With QuoteEdit or Delete MessageReport This Post
Hope this helps.

In the CSS, file about line 95 you will want to Modify the following lines:

HERE IS THE ORIGINAL BLOCK OF CODE
ul.MenuBarHorizontal a
{
display: block;
cursor: pointer;
background-color: #CCCCCC;
padding: 0.5em 1.25em;
color: #000000;
text-decoration: none;

AND MODIFY IT WITH

ul.MenuBarHorizontal a, li /*NOTICE ADDITION of LI Tag*/
{
display: block;
cursor: pointer;
background-image:url(../assets/menugradient.gif); /*PATH TO IMAGE FILE*/
background-repeat:repeat; /*REMEMBER TO REPEAT IMAGE*/
padding: 0.5em 1.25em;
color: #000000;
text-decoration: none;

}

Posts: 1 | From: United States | Registered: 11-11-07
simon0667
new friend of ED
Describes the mood or content of the topic posted Click Here to See the Profile for simon0667   Reply With QuoteEdit or Delete MessageReport This Post
Thankyou Shane for your response. I actually fixed the problem as a "fix" that all the menu buttons need to be uniform as either with drop downs or no drop down menus. Sorry for my slow response as I was hoping for a response from David Powers before I actually got pissed off with him for yet again a 'nothing' response all too slow... sadly, I expected better.... However, I WILL succeed in becoming a proffessional designer regardless of Mr power' s lack of communication skills toward those he deems 'beneath' him. How I wish we could all be as smart as he.
I will not be returning to this forum as I find Mr Powers to be somewhat belittling through this contact and others in the past.
Regards,
One of the 'Little people'

Posts: 3 | From: aichi | Registered: 10-31-07
David Powers
Author
Describes the mood or content of the topic posted Click Here to See the Profile for David Powers   Reply With QuoteEdit or Delete MessageReport This Post
If I have made a mistake in my book, or if people find it difficult to follow the instructions, I feel obliged to offer such people help. However, buying a book (or even three) isn't a ticket to unlimited free support.

I hope you succeed in your efforts to become a professional designer. The way to do it is to experiment - as you have done. One thing you might also learn along the way is that being offensive to people you want to help you usually doesn't produce the results you're hoping for.

David Powers
Author: Essential Guide to Dreamweaver CS3
Author: PHP Solutions
http://foundationphp.com/

Posts: 4331 | From: London, UK | Registered: 12-18-03
floydus
new friend of ED
Describes the mood or content of the topic posted Click Here to See the Profile for floydus   Reply With QuoteEdit or Delete MessageReport This Post
Oh yeah Shane ! Way to go !
But I found that to make it work with IE,
I needed to add code to the hacked section of the SpryMenuBarHorizontal.css (at the very end).

HERE IS THE ORIGINAL BLOCK OF CODE
@media screen, projection
{
	ul.MenuBarHorizontal li.MenuBarItemIE
	{
		display: inline;
		f\loat: left;
		background: #FFF;
	}
}

AND MODIFY IT WITH
@media screen, projection
{
	ul.MenuBarHorizontal li.MenuBarItemIE li.MenuBarHorizontal
	{
		display: inline;
		f\loat: left;
		background: #FFF;
	}
}


I agree with you David.... I'm happy I bought your book, I got it from Amazon this morning, and it brings me here now to this forum. LOL

Posts: 1 | Registered: 09-16-04

All times are
Post New TopicNote: Polls are considered new topics.  If you post a poll, it will be created as a new subject in this forum, not as a reply within this topic.Post A Reply
Print Page
Printable
Email a Friend
Email a Friend
Topic Replies: PopIt!
PopIt!
MyPop™
MyPop™
Contacts
Contacts
Administrative Links:
Close Topic
Close
Manage Topic
Manage
Delete Topic
Delete
Admin Options
PreviousGo to the next oldest topic in this forum Go to the next newest topic in this forumNext

Rate Topic:

Hop To:

All content copyright 2001-2010 friends of ED. No reuse without permission.

OpenTopic 3.1.0