Support forums - Re: Toolbar and DropDowns aren't aligned in FireFox

Support forums » Products » Cute Editor for .NET » Re: Toolbar and DropDowns aren't aligned in FireFox

Re: Toolbar and DropDowns aren't aligned in FireFox

11-30-2005, 8:08 PM

Adam
Joined on 09-23-2003
Aurora, ON
Posts 18,678

Re: Toolbar and DropDowns aren't aligned in FireFox

Reply Quote

Please use the following code:

<%@ Page Language="C#" ContentType="text/css" %>
<%@ OutputCache Duration="31536000" VaryByParam="None" Location="Client" %>

<%=editorid%> .CuteEditorSelect { font:normal 11px Tahoma; vertical-align:middle;}
<%=editorid%> .CuteEditorDropDown { font:normal 11px Tahoma; padding:0; margin:0; width:80px;}
<%=editorid%> .CuteEditorDropDown Li {LIST-STYLE-TYPE: none; padding:0;}
<%=editorid%> .CuteEditorDropDown Span {font:normal 11px Tahoma;}
<%=editorid%> .CuteEditorToolbar {}
<%=editorid%> .CuteEditorToolBarContainer {padding:2px;height:1;overflow-y:visible;}
<%=editorid%> .CuteEditorFrameContainer {padding:0;margin:0;}
<%=editorid%> .CuteEditorBottomBarContainer {padding:3px 3px 3px 3px;height:1;overflow-y:visible;}
<%=editorid%> .CuteEditorGroupMenu {display: inline; float: left;  height:24px; vertical-align:middle;}
<%=editorid%> .CuteEditorGroupImage { margin:0px; vertical-align:middle;float: left; }
<%=editorid%> .CuteEditorLineBreak {padding:0px; height:0px; margin:0px}
<%=editorid%> .CuteEditorFrame {padding:0px 0 0px 0px;border-top: #aaaaaa 1px solid!important;border-bottom: #999999 1px solid!important;border-left: #ffffff 0px solid!important;border-right: #ffffff 0px solid!important;}
<%=editorid%> .CuteEditorButton { margin:1px; vertical-align:middle;}
<%=editorid%> .CuteEditorButtonActive { margin:0px; vertical-align:middle; border-right: buttonshadow 1px solid; border-top: buttonhighlight 1px solid; border-left: buttonhighlight 1px solid; border-bottom: buttonshadow 1px solid;}
<%=editorid%> .CuteEditorButtonOver { border-right: buttonshadow 1px solid; border-top: buttonhighlight 1px solid; border-left: buttonhighlight 1px solid; border-bottom: buttonshadow 1px solid; PADDING: 0px; MARGIN: 0px; vertical-align: middle;}
<%=editorid%> .CuteEditorButtonDown { border-right: buttonhighlight 1px solid!important; border-top: buttonshadow 1px solid!important; border-left: buttonshadow 1px solid!important; border-bottom: buttonhighlight 1px solid!important; margin:0px;vertical-align:middle; }
<%=editorid%> .CuteEditorButtonDisabled { /* filter:gray alpha(opacity=25); margin:1px;vertical-align:middle; */ margin:1px;vertical-align:middle;}
<%=editorid%> .ToolControl{}
<%=editorid%> .ToolControlOver{}
<%=editorid%> .ToolControlDown{}
<%=editorid%> .separator {background-image: url(images/Separator.gif); height:22px; background-repeat: no-repeat; vertical-align:middle; width:2px;margin-left:2px; margin-right:2px;	}

/*case sensive for CSS1*/
<%=editorid%> #cmd_tofullpage.CuteEditorButtonActive { display:none }
<%=editorid%> #cmd_fromfullpage.CuteEditorButton { display:none }

/*</style>*/

That will resolve the problem.

Keep me posted

asp.net Chat http://cutesoft.net/ASP.NET+Chat/default.aspx
Web Messenger: http://cutesoft.net/Web-Messenger/default.aspx
asp.net wysiwyg editor: http://cutesoft.net/ASP.NET+WYSIWYG+Editor/default.aspx
asp wysiwyg html editor: http://cutesoft.net/ASP
asp.net Image Gallery: http://cutesoft.net/ASP.NET+Image+Gallery/default.aspx
Live Support: http://cutesoft.net/live-support/default.aspx

View Complete Thread