Jump to content

Welcome to Geeks to Go - Register now for FREE

Geeks To Go is a helpful hub, where thousands of volunteer geeks quickly serve friendly answers and support. Check out the forums and get free advice from the experts. Register now to gain access to all of our features, it's FREE and only takes one minute. Once registered and logged in, you will be able to create topics, post replies to existing threads, give reputation to your fellow members, get your own private messenger, post status updates, manage your profile and so much more.

Create Account How it Works

ASP.NET Website

  • Please log in to reply




  • Member
  • PipPipPip
  • 501 posts
Hello all!

I'm having trouble with my css; can't seem to have the images appear on my buttons for my menu controls properly.

Say I want to have a row of buttons, horizontal menu.
And on each hover, the image will change.
If you are at the current page (selected), it will show the on-hover image.

It appears. But the alignment is not there and I can't seem to figure out which one's referring to which.

Please help!

My StyleSheet.CSS:
	background-image: url(images/menu_bg.png);
	background-repeat: repeat-x;

	margin: 0px;
	list-style: none;
	float: left;
	width: 90px;
	height: 50px;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	color: #FFF;
	outline: none;
	clear: both;
	background-image: url(images/menu_bg.png);
	background-repeat: repeat-x;

	color: #FFF;
	background-image: url(images/menu_hover.gif); 
	background-position: center;
	background-repeat: repeat-x;
	background-position: top;

	color: #FFF;
	background-image: url(images/menu_hover.gif); 
	background-position: center;
	background-repeat: repeat-x;
	background-position: top;

My MasterPage:
<%@ Master Language="C#" CodeFile="MasterPage.master.cs" Inherits="MasterPage" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
	<title>Untitled Page</title>
	<link rel="stylesheet" href="StyleSheet.css" type="text/css" media="all" />
	<form id="form1" runat="server">
<div id="container">

	<div id="header_panel">
		<div id="site_title">
			Online Auction
	<div id="menu">
		   <asp:Menu ID="menu1" runat="server" DataSourceID="SiteMapDataSource1" Orientation="Horizontal" MaximumDynamicDisplayLevels="5" StaticDisplayLevels="5">
					  <asp:MenuItemStyle  CssClass="menu" Font-Underline="False" HorizontalPadding="40px" />
					  <asp:MenuItemStyle Font-Underline="False" HorizontalPadding="40px" />
			   <StaticSelectedStyle CssClass="menu_current" />
			   <StaticMenuItemStyle CssClass="menu" />
			   <StaticHoverStyle CssClass="menu_current" />
			   <StaticMenuStyle CssClass="menu" />
 <div id="top_panel">	 
	<div class="top_panel_section">
		<asp:ContentPlaceHolder ID="ContentPlaceHolder1" runat="server">
		<div class="cleaner_h20">&nbsp;</div>
	</div>  <!-- CLOSE TOP PANEL -->
	<div id="footer">	
		Copyright © 2009 <a href="#"><strong>JayBern</strong></a>
	</div> <!-- CLOSE FOOTER -->
</div> <!-- CLOSE PAGE -->
		<asp:SiteMapDataSource ID="SiteMapDataSource1" runat="server" />

My Web.SiteMap:
<?xml version="1.0" encoding="utf-8" ?>
<siteMap xmlns="http://schemas.microsoft.com/AspNet/SiteMap-File-1.0" >
	<siteMapNode url="home.aspx" title="Home"  description="">
		<siteMapNode url="about.aspx" title="About"  description="" />
		<siteMapNode url="account.aspx" title="Market"  description="" />
		<siteMapNode url="usercp.aspx" title="User CP"  description="" />
		<siteMapNode url="contactus.aspx" title="Contact"  description="" />

Attached Thumbnails

  • menu_hover.gif
  • menu_bg.png
  • main_bg.jpg
  • footer_bg.png
  • header_bg.png

  • 0


Similar Topics

0 user(s) are reading this topic

0 members, 0 guests, 0 anonymous users

As Featured On:

Microsoft Yahoo BBC MSN PC Magazine Washington Post HP