-----------------------------------

unoho

Fri Jun 17, 2011 1:44 pm


menu in asp.net with css troubleshooting

-----------------------------------

Hey guys, so i am trying to make a website where it will have few menus at the top but problem i got into is that my css is not working with the menu. i got the original css from a template file and i am trying to use that on my site by copying the css over to my css file. I have attached a copy of what i am trying to achieve. any idea/tips/comments/help is always appreciated. thanks 

[code]
body
{
}
/* TAB MENU   
----------------------------------------------------------*/

div.hideSkiplink
{
    background-color:#3a4f63;
    width:100%;
}

div.menu
{
    padding: 4px 0px 4px 8px;
}

div.menu ul
{
    list-style: none;
    margin: 0px;
    padding: 0px;
    width: auto;
}

div.menu ul li a, div.menu ul li a:visited
{
    background-color: #465c71;
    border: 1px #4e667d solid;
    color: #dde4ec;
    display: block;
    line-height: 1.35em;
    padding: 4px 20px;
    text-decoration: none;
    white-space: nowrap;
}

div.menu ul li a:hover
{
    background-color: #bfcbd6;
    color: #465c71;
    text-decoration: none;
}

div.menu ul li a:active
{
    background-color: #465c71;
    color: #cfdbe6;
    text-decoration: none;
}
[/code]

and my asp.net file is
[code]






    
    Untitled Page


    
    
    
        
            
            
        
       
    
    



[/code]


-----------------------------------

2goto1

Sat Jun 18, 2011 9:56 am


RE:menu in asp.net with css troubleshooting

-----------------------------------

What does the rendered html look like for the asp:menu tag? Can you paste your browser's source view?


-----------------------------------

unoho

Mon Jun 20, 2011 9:18 am


Re: menu in asp.net with css troubleshooting

-----------------------------------

hey sorry for the late reply..i didn't have access to the source code  until today. here is the source view. i also attached a copy of how the menu looks like

[code]
 
 

 


	Untitled Page
 
	.NavigationMenu_0 { background-color:white;visibility:hidden;display:none;position:absolute;left:0px;top:0px; }
	.NavigationMenu_1 { text-decoration:none; }
	.NavigationMenu_2 {  }
 


    





 
 
//

 
 

 
 

    
    
	
		
			
				Home
			
		
	
		
			
				About
			
		
	
   
    
    
 
 
//




[/code]


-----------------------------------

2goto1

Mon Jun 20, 2011 10:12 am


RE:menu in asp.net with css troubleshooting

-----------------------------------

It looks like from the rendered HTML, that there is a . Your CSS rules look like they're defined as div.menu. Were you intended the styles for div.menu to apply to the