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, ...IE 7 CSS display issue driving me insane!IE 7 CSS display issue driving me insane!
Previous
 
Next
New Post
1/22/2010 2:38 PM
 

Victor,

Today may be your lucky day.  I spent numerous hours this week dealing with the same issue.  Here is the fix:

You need to remove the  " " between the search textbox and the search anchor !  (You will have to create your own search skin control using the DNN one as a base)

This:

<div class="searchContain"><span id="dnn_SEARCH1_ClassicSearch">
  <input name="dnn$SEARCH1$txtSearch" type="text" maxlength="255" size="20"  id="dnn_SEARCH1_txtSearch"  class="SearchTextBox" onkeydown="return __dnn_KeyDown('13', ' __doPostBack(%27dnn$SEARCH1$cmdSearch%27,%27%27)', event);" />
&nbsp;
    <a id="dnn_SEARCH1_cmdSearch" class="searchFont" href=" __doPostBack('dnn$SEARCH1$cmdSearch','')">Searcha>
span>
div>

to this:
<div class="searchContain"><span id="dnn_SEARCH1_ClassicSearch">
  <input name="dnn$SEARCH1$txtSearch" type="text" maxlength="255" size="20"  id="dnn_SEARCH1_txtSearch"  class="SearchTextBox" onkeydown="return __dnn_KeyDown('13', ' __doPostBack(%27dnn$SEARCH1$cmdSearch%27,%27%27)', event);" />

    <a id="dnn_SEARCH1_cmdSearch" class="searchFont" href=" __doPostBack('dnn$SEARCH1$cmdSearch','')">Searcha>
span>
div>

That should take care of your problem.  (It worked for me, though I am using an Image button instead of just an anchor)  As I said, I spent a lot of time fighting this issue so I can appreciate what you are going through.

 

Robert

 

 
New Post
1/22/2010 4:22 PM
 

Robert,

I'm very excited to try this but, can I just make the swap out to the user control file or, do I need to recreate the actual HTML file and reimport as a new skin?

Thanks a million thus far!!! Its been killing me!

Regards,
Victor

 
New Post
1/22/2010 4:56 PM
 

What you can do for a quick fix is this:

Open up the file:  admin\skins\search.ascx with notepad. (make a backup copy first just in case)

remove the "&nbsp;" from the end of the line: (located in the first span)

<asp:TextBox ID="txtSearch" runat="server" CssClass="NormalTextBox" Columns="20" MaxLength="255" Text="" EnableViewState="False"></asp:TextBox>&nbsp;

Save the file and test it out.

No, you don't need to create a new skin.  The probelm is in the Search skin object code.

 
New Post
1/22/2010 5:10 PM
 

Well, I was able to remove the &nbsp but, that didn't fix it really. I still see it showing up too far down in IE7 but, shows up where I'd expect it to in IE8 and FF. Can I try putting a span around the actual ASP code to see if I can style that differently? You can see it now.

 
New Post
1/22/2010 6:12 PM
 

Robert's fix didn't work. However, I decided to use relative positioning instead of floats and that way I was able to get IE 8 and Firefox to line up pretty much the same, with IE 7 lining up only slightly lower now than the other two. Probably as close as I can get. I think I can solve the problem totally by using a "conditional stylesheet statement"... however, I just don't know where to inject one into an ASP.NET user control file. I could find a google hint on how to do it in my HTML file before I upload the skin. However, is there a way to do it after the skin parsing has already occurred? 

Please advise!

 
Previous
 
Next
HomeHomeUsing DNN Platf...Using DNN Platf...Skins, Themes, ...Skins, Themes, ...IE 7 CSS display issue driving me insane!IE 7 CSS display issue driving me insane!


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