CodeVerge.Net Beta


   Explore    Item Entry   Register  Login  
Microsoft News
Asp.Net Forums
IBM Software
Borland Forums
Adobe Forums
Novell Forums

MS SQL 2008 on ASP.NET Hosting
Zone: > NEWSGROUP > Asp.Net Forum > general_asp.net.master_pages_themes_and_navigation_controls Tags:
Item Type: NewsGroup Date Entered: 12/16/2005 8:55:49 PM Date Modified: Subscribers: 0 Subscribe Alert
Rate It:
(NR, 0)
XPoints: N/A Replies: 5 Views: 52 Favorited: 0 Favorite
Can Reply:  No Members Can Edit: No Online: Yes
6 Items, 1 Pages 1 |< << Go >> >|
AndrewLinesJr
Asp.Net User
Using a background image in the Menu control12/16/2005 8:55:49 PM

0/0

Hi.  I want to be able to use an image in the background of my Menu control items instead of a color.  I would like to use just one image and have the text over the image instead of having to create a separate image for each item on the menu.  I know that the MenuItems render like this:

<table>
    <tr>
       <td>
          <a link="">Text</a>
       </td>
    </tr>
</table>

So I have the CssClass of StaticMenuItemStyle set to "mainMenu" and my CSS looks like this.

table.mainMenu td
{
    background-image:url(./Images/Rounded_Blue.png)
    background-repeat:repeat-x
}

The image isn't showing up in this configuration, but using Firefox's DOM Inspector tool, my CSS is pointing at the right place (i.e. any table data inside of a table with a class of mainMenu).  Am I wrong in assuming that this is correct?  Any help is greatly appreciated.  Thanks

Andy Lines
anantatman
Asp.Net User
Re: Using a background image in the Menu control12/19/2005 6:13:22 PM

0/0

You need a semi-colon after your CSS attributes. That might solve it.

Rahul

Rahul Singh
CEO, Anant
Blog
AndrewLinesJr
Asp.Net User
Re: Using a background image in the Menu control12/20/2005 1:52:10 PM

0/0

Sorry, that was a typo on my part.  My code does have the semi-colons after the attributes, I just accidentally left them off in my OP.  Thanks.

Andy Lines
Kwisatz
Asp.Net User
Re: Using a background image in the Menu control12/21/2005 9:34:09 AM

0/0

Hi Andy

I am trying to achieve a similar thing see the following post

http://forums.asp.net/1139213/ShowPost.aspx

This has not yet been resolved, but I believe I am somewhere close.
AndrewLinesJr
Asp.Net User
Re: Using a background image in the Menu control12/21/2005 5:11:33 PM

0/0

Well, I finally got back to it after spending a couple of days on another project (yay for crypto!).  Got it working now.  What I needed to do to get it to render correctly is set the CssClass of the Menu itself to "mainMenu" and use the following CSS code:

.mainMenu td
{
    background-image: url(../../Images/Rounded_Blue.png);
    background-repeat: repeat-x;
}

Also notice that originally, I wasn't even pointing to the right directory.  My CSS is in App_Themes/Marble and my image was in my Image directory in the root of the site.  It is now working beautifully in both IE and FireFox.  Thanks for the suggestions.

Andy Lines
Blake05
Asp.Net User
Re: Using a background image in the Menu control12/21/2005 6:34:16 PM

0/0

Try this.

<table>
    <tr>
       <td>
          <a link="">Text</a>
       </td>
    </tr>
</table>

table tr td
{
    background-image: url("../Images/Rounded_Blue.png");
    background-repeat: repeat-x;
}
-Blake Niemyjski
Blog - Website: windowscoding.com
6 Items, 1 Pages 1 |< << Go >> >|


Free Download:

Books:
DVD Studio Pro 4: The Complete Guide to DVD Authoring with Macintosh Authors: Bruce C. Nazarian, Pages: 536, Published: 2006
Professional ASP.NET 2.0 Design: CSS, Themes, and Master Pages Authors: Jacob J. Sanford, Pages: 474, Published: 2007
DVD Studio Pro 2: The Complete Guide to DVD Authoring Authors: Bruce C. Nazarian, Pages: 566, Published: 2004
Special Edition Using Adobe GoLive 6: Special Edition Authors: Brian Dunning, Allyson Knox, Lori Becker, Pages: 650, Published: 2002
InDesign CS2 at Your Fingertips: At Your Fingertips Authors: Ted LoCascio, Pages: 402, Published: 2005
Dreamweaver MX 2004: The Missing Manual Authors: David Sawyer McFarland, David Pogue, Pages: 836, Published: 2004
Windows Vista All-in-One Desk Reference For Dummies Authors: Woody Leonhard, Pages: 792, Published: 2007
Dreamweaver CS3 Bible: Master Every Aspect of Dreamweaver - Work with CSS, Text, Images, And Links - Incorporate Flash Movies and Other Media Authors: Joseph W. Lowery, Pages: 1112, Published: 2007
Show Me Microsoft Windows XP: Microsoft Windows XP Authors: Steve Johnson, Inc Perspection, Pages: 494, Published: 2004
Professional Web Design: Techniques and Templates Authors: Clint Eccher, Eric Hunley, Erik D. Simmons, Pages: 586, Published: 2004

Web:
background image for menu control in ASP.NET 2.0? Talk about background image for menu control in ASP.NET 2.0?
Background image with menu control - SitePoint Forums Background image with menu control .NET. ... I'm using FireFox and the above post completely works there but get this, it does NOT work in ...
css background-image and menu control - ASP.NET Forums I have a menu control and i want to use css to set a background image for each .... And then you override those exact pictures in the a classes, using the ...
ASP.NET 2.0 Menu control - background image? : menu, background ... Oct 24, 2007 ... menu, background, image, control .... I'm not postivie, but I'm pretty sure using the tilde "~" only works for a server control....if you're ...
ASP.NET Menu Control On this example you can see the Menu with background image. ... /*Main Menu Item Td Hovered*/ .MainTde { ... background-image:url(. ...
background image for menu control in ASP.NET 2.0? is it possible to add a background image to the menu items? I can add an image, but it displays on top of the text of the menu ...
Menu Control, StaticHoverStyle issue with image background - ng ... Menu Control, StaticHoverStyle issue with image background, ... The tabs have rounded corners so we're using image backgrounds. ...
Fernando Panizza's WebLog: Using Asp .net 2.0 Web Menu Control as ... Using Asp .net 2.0 Web Menu Control as a toolbar in a web Form. ... The toolbar has a background image, a separator image, and change it look when you hover ...
ASP.Net Menu Control background image with CssClass : menu ... Sep 29, 2007 ... Net Menu Control background image with CssClass ... StaticHoverStyle & StaticSelectedStyle by using the CssClass property. ...
Using Images with the Menu Control By specifying the size of the images used in the Menu control in a cascading ... CssClass property of the menu item using the image in the HTML markup. ...

Videos:
TalkLock on Blackberry Storm Demo This is a demo of the "TalkLock" application running on the Blackberry Storm, as requested by KJack628 over at www.storm-blackberry.com message ...
Photoshop Tutorial - Remove Background - Isolate Foreground www.FreePhotosAndArt.com In this tutorial we are going to remove an unwanted background. To do so, we first have to isolate the foreground ...
Photoshop - Remove Background - Isolate Foreground - Tutorial For HIGH QUALITY: http://FreePhotosAndArt.com Sharp full screen video on home site. In this tutorial we are going to remove an unwanted ...
How To Create Real-Time Overlays of Source and Record ... Lets take a look at the Avid AVX Timecode effect plug-in. This segment-based effect allows for real-time overlay of source and record metadata as ...
Hexaxis XXI on PSP Dev Update #7 Visit http://www.darksoft.net/hexaxispsp.php Dice puzzle game, utilizing many mechanics from some amazing games such as Bombastic (XI Sai ...
Power Point: Master Slides Episode 4 (of a 18-part series) This Nortel LearniT tutorial explains and reviews the master slides in Power Point.
How To Create and Edit Open Captions with AVX Effects The AVX Timecode Burn-in Effect Generator is a new feature available with: Avid Media Composer Software v3.0 and above; Avid Symphony v3.0 and ...
New PlayTV video for PlayStation 3 & PSP New PlayTV video for PlayStation 3 Sony announced today that PlayTV will be released September 19th for £69.99 UK Turn Subtitles on / off ...
Nortel LearniT: Video Production-Production Sound Follow these simple steps to maximize the sound quality of your video production
Understanding user accounts. DOWNLOAD: Want the content of this video? If so, feel free to download it via www.mediaconverter.org. Don't forget to credit me and ...




Search This Site:










clicking in a child node in treeview selects parent as well

accessing treenodestyle for individual treenodes?

treeview borders not expanding with nodes

componentone web treeview for dotnet v2

apply themes to user controls

master page and javascript

logincontrol contents coming in reverse order in master page

custom validator in wizard control: bug?

treeview and checkboxes

accessing form properties in a masterpage

using sitemap, menu control in master page...

clickable area in menu too small

securitytrimmingenabled not working?

navigation user control problem

menu class displaying images

controls disappear: masterpage, linkbutton & sitemappath debugging

master page theme

webresource.axd problem in menu control

sitemapnode - anonymous users only?

tab control

master pages and page base classes

treeview with showlines=true has gaps in the lines

content control values in form submit

passing information between pages

menu control inside user control located inside master page does not work

page submit

problem with label properties in master pages

createuserwizard event model?

inefficient themes applied by css: web part zones

treeview for my cms
  Privacy | Contact Us
All Times Are GMT