Products

Solutions

Resources

Partners

Community

Blog

About

QA

Ideas Test

New Community Website

Ordinarily, you'd be at the right spot, but we've recently launched a brand new community website... For the community, by the community.

Yay... Take Me to the Community!

Welcome to the DNN Community Forums, your preferred source of online community support for all things related to DNN.
In order to participate you must be a registered DNNizen

HomeHomeUsing DNN Platf...Using DNN Platf...Skins, Themes, ...Skins, Themes, ...another problem with menu cssanother problem with menu css
Previous
 
Next
New Post
7/17/2006 8:44 AM
 

Hi, i did put borders for the onmouse hover statue of menu items

.MainMenu_MenuItem {

 

border-left: #FFFFFF 4px solid;

border-bottom: #FFFFFF 1px solid;

border-top: #FFFFFF 1px solid;

border-right: #FFFFFF 6px solid;

}

.MainMenu_MenuItemSel {

border-left: #FFFFFF 4px solid;

border-bottom: #FFFFFF 1px solid;

border-top: #FFFFFF 1px solid;

border-right: #FFFFFF 6px solid;

}

as i need both state on hover and without hover to have white borders.

and it looks perfect once the mouse pass over the menu items and sub items. but ubon the mouse leaving the item it didn't back with white borders and borders disapears.

????? why???

is there any hidden style that we don't know about that applied to the item after mouse pass over it

 

????

 
New Post
7/17/2006 9:50 AM
 
Dear bassel

That's because these two css style MainMenu_MenuItem and MainMenu_MenuItemSel are two styles that are set both on <tr></tr> and <td></td> tag. Neither IE nor FF suport borderstyles on <tr></tr> level.

Vriendelijke groeten
Gilbert Vanden Borre
 
New Post
7/17/2006 10:19 AM
 

same happend the time i applied the styles to the TD

.MainMenu_MenuItem {

font-family: Verdana, Arial, Tahoma;

font-size: 7pt;

font-style: normal;

color: #716F64;

font-weight: normal;

background-color: Transparent;

height: 21px;

text-indent: 1px;

padding: 2 15 1 15;

border-left: #FFFFFF 0px solid;

border-bottom: #FFFFFF 1px solid;

border-top: #FFFFFF 1px solid;

border-right: #FFFFFF 1px solid;

white-space:nowrap;

}

.MainMenu_MenuItem TD{

font-family: Verdana, Arial, Tahoma;

font-size: 7pt;

font-style: normal;

color: #716F64;

font-weight: normal;

background-color: Transparent;

height: 21px;

text-indent: 1px;

padding: 2 15 1 15;

border-left: #FFFFFF 0px solid;

border-bottom: #FFFFFF 1px solid;

border-top: #FFFFFF 1px solid;

border-right: #FFFFFF 1px solid;

white-space:nowrap;

}

.MainMenu_MenuItemSel {

font-family: Verdana, Tahoma, Arial;

background-color: #DC241F;

font-size: 7pt;

font-style: normal;

color: #FFFFFF;

font-weight: normal;

height: 21px;

text-indent: 1px;

padding: 2 15 1 15;

border-left: #FFFFFF 0px solid;

border-bottom: #FFFFFF 1px solid;

border-top: #FFFFFF 1px solid;

border-right: #FFFFFF 1px solid;

}

.MainMenu_MenuItemSel TD{

font-family: Verdana, Tahoma, Arial;

background-color: #DC241F;

font-size: 7pt;

font-style: normal;

color: #FFFFFF;

font-weight: normal;

height: 21px;

text-indent: 1px;

padding: 2 15 1 15;

border-left: #FFFFFF 0px solid;

border-bottom: #FFFFFF 1px solid;

border-top: #FFFFFF 1px solid;

border-right: #FFFFFF 1px solid;

}

 

here also the same

 

 
New Post
7/17/2006 11:00 AM
 
Dear bassel

Reread what I've said...

Vriendelijke groeten
Gilbert Vanden Borre
 
New Post
7/27/2006 4:54 AM
 

dear gvborre,

it does apply on the borderstyle. i tried to increase the border width to 10px and it does show that on MainMenu_MenuItem

all my problem is once i can't know what is the name of the css class for these Items after the mouse pass over it and move out..... at the time of mouse over it. its MainMenu_MenuItemSel but it didn't get back to the MainMenu_MenuItem after the mouse move out of it.

this is what i am facing here my freind

 

 
Previous
 
Next
HomeHomeUsing DNN Platf...Using DNN Platf...Skins, Themes, ...Skins, Themes, ...another problem with menu cssanother problem with menu css


These Forums are dedicated to discussion of DNN Platform and Evoq Solutions.

For the benefit of the community and to protect the integrity of the ecosystem, please observe the following posting guidelines:

  1. No Advertising. This includes promotion of commercial and non-commercial products or services which are not directly related to DNN.
  2. No vendor trolling / poaching. If someone posts about a vendor issue, allow the vendor or other customers to respond. Any post that looks like trolling / poaching will be removed.
  3. Discussion or promotion of DNN Platform product releases under a different brand name are strictly prohibited.
  4. No Flaming or Trolling.
  5. No Profanity, Racism, or Prejudice.
  6. Site Moderators have the final word on approving / removing a thread or post or comment.
  7. English language posting only, please.
What is Liquid Content?
Find Out
What is Liquid Content?
Find Out
What is Liquid Content?
Find Out