Geek Answers Handbook

ColdFusion dates intervention of other CSS

When I add cfinput type = "datefield", ColdFusion CFIDE / scripts interfere with another div on the page.

Good:

Correctly floating

Bad:

Not correctly floating

Code:

<aside id="sideLeft"> <--- CMS generated ---> <div class="ktcssmenu thenav_ff_green"><div class="ktvertical ktopts_showtimeout_100 ktopts_hidetimeout_100 ktopts_imgreplace_no ktopts_imgreplacestyle_img ktopts_imgdir_ ktopts_imgnames_"> <ul class='lev1 clearfix'><li class="lev1 pos1 lev1_pos1 first lev1_first"><a href="/hr/index.cfm" class="lev1 pos1 lev1_pos1 first lev1_first" target="_self">Human Resources Home</a></li> <li class="lev1 pos2 lev1_pos2 last lev1_last"><a href="http://www.blah.com/hr" class="lev1 pos2 lev1_pos2 last lev1_last" target="_new">Public Site</a></li> </ul></div></div> <--- regular non-CMS code ---> <div class="gspecial"> Restricted Access <a href="url.cfm">New Hire Forms</a> <a href="url.cfm">Jobs / Employment Admin</a> <a href="url.cfm">Eligibility Lists Admin</a> </div> ...

CSS:

 #sideLeft { float: left; width: 230px; margin-left: -100%; position: relative; padding: 10px 10px 10px 10px; background-color: #f5f5f5; border: 1px solid #d5d5d5; } /* test */ .thenav_ff_green { border: dashed 5px #990000; } .gspecial { border: dotted 5px #003333; }

The website uses CMS, and I cannot edit much in the "green" pre-packaged navigation.

ColdFusion CFIDE / script causing my headache - / CFIDE / scripts / ajax / ext / adapter / yui / ext-yui-adapter.js

I tried to clean and float CSS.

I am ready to try something else. Thank you

+4
source share
1 answer

I believe that the best solution would be to not use cfinput, but instead try something like this: http://jqueryui.com/datepicker/#icon-trigger

Then you will have much more control over the style and functionality, as it can edit, and not just get everything that was shown in js / css cfinput.

Otherwise, you just need to use firebug to find what exactly is causing the problem, to add to some additional css to fix it.

CSS errors like this are difficult to debug without using a sample page. Anyway, can you save on a page that you can share with us?

+5
source

More articles:


All Articles