Welcome Guest Search | Active Topics | Sign In | Register

Essential Objects Product Support Forum » All Products » Support » Menu Style in Web Content Form

Menu Style in Web Content Form Options
Previous Topic · Next Topic
exorgroup
Posted: Friday, March 7, 2008 5:06:33 PM
Rank: Member
Groups: Member

Joined: 12/18/2007
Posts: 20
Dear Sir/Madam
We are using your menu in one of our products. The menu style is based on the Vista sample. The sample works well as designed in your preview and in a normal web page. When used in a Web Content Form the one that requires a master page it gives a small problem.

The menu item that has submenus will be displayed in a sort of default format as our style is not respected.

Any idea how we solve this issue

Thanks and Regards
Duncan
Back to top
 
eo_support
Posted: Friday, March 7, 2008 6:58:22 PM
Rank: Administration
Groups: Administration

Joined: 5/27/2007
Posts: 24,218
Hi,

We are not sure why it does that. It may have to do with your page contents:

http://www.essentialobjects.com/Forum/Default.aspx?g=posts&t=1186

Thanks
Back to top
 
exorgroup
Posted: Saturday, March 8, 2008 1:28:48 PM
Rank: Member
Groups: Member

Joined: 12/18/2007
Posts: 20
First of all thank for the information you proposed me the read. It placed me in the right track.

Basically the problem was being generated from the CSS on the div and TD tags which were set as follows

div {
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 12px;
}

td
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:normal;
color:#000000;
}

My belief is that the above tags are being used also by you when generating the menu hence producing the conflict.

Hope this gives you enough information to help in sorting the problem as these tags can be easility used by our client in their CSS

Duncan
Back to top
 
eo_support
Posted: Saturday, March 8, 2008 1:46:29 PM
Rank: Administration
Groups: Administration

Joined: 5/27/2007
Posts: 24,218
Hi,

This is a very classic and common problem. :) By definition, a "div" class is applied to all divs in the page and a "td" class is applied to all tds in the page. And our menu uses both of them. So the browser is doing the right thing to apply all them on all DIV and TD items, including those in our menu.

This also means the only way to avoid this problem is to change those rules. One way to do so is to reduce the scope of those rules by changing its selector from a simple element selector to a composite selector, for example, the following rule:

div#abc
{
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 12px;
}

Would not apply to all divs. It would only apply to DIVs with id set to "abc".

You can find more information about those selectors at here:

http://www.w3.org/TR/REC-CSS2/selector.html

Note even though they are standards, some of them are not implemented by all browsers. So you want to verify them when using it.

Thanks
Back to top
 


You cannot post new topics in this forum.
You cannot reply to topics in this forum.
You cannot delete your posts in this forum.
You cannot edit your posts in this forum.
You cannot create polls in this forum.
You cannot vote in polls in this forum.