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

HomeHomeOur CommunityOur CommunityGeneral Discuss...General Discuss...HTML Module and hidden textHTML Module and hidden text
Previous
 
Next
New Post
8/1/2012 4:31 PM
 

Hi all,

  As I have had 0 responses regarding my Search Module question I have come to the conclusion that no-one knows how to modify this module and what I was asking was not possible. So as the search  module pulls it main text from the pages I want to add a hidden line of text at the top of each HTML module ont eh page.

I am trying to place hidden text using CSS and DIV tags, but for some stupid reason the HTMl module is ignoring my CSS. Here is what I have

CSS called SearchText.css
.SearchText {    
    /* Hide Search Text; */
.hidden
{position:absolute;
left:-10000px;
top:auto;
width:1px;
height:1px;
overflow:hidden;}
}

 

Then the HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<link rel="stylesheet" href="http://www.loreofmythos2.com/Portals/0/css/SearchText.css"
    type="text/css" media="all"/>
<head>
</head>
<body>
<div id="hidden">A look in to the Lore of the Humans and read about the indomitable spirit of the Krytan people in the face of rampaging centaurs, looting bandits, and political intrigue</div>
    <table border="0">
        <tr>
            <td>
                <img src="http://www.loreofmythos2.com/portals/0/Images/Races/human.jpg" />
            </td>
        </tr>
        <tr>
            <td>
                The humans of Tyria are an embattled race. Over the past three hundred years, they
                have lost much of their territory. Old enemies and new races threaten traditional
                human lands on all sides. Yet the human race survives, defending their remaining

 

As you can see I want the text inside teh DIV tag to be hidden, that way this is the text that will appear in the Search results on my site. Please can anyone help me sort this out.

Thanks

 
New Post
8/1/2012 6:36 PM
 
I don't really get what you are trying to do.

At a glance you have a div with an id='hidden', but your css targets a class named hidden.

Best wishes,
- Richard
Agile Development Consultant, Practitioner, and Trainer
www.dynamisys.co.uk
 
New Post
8/2/2012 2:50 AM
 
Sorry for the confusion, I posted old code as I was desperate to get this working I was trying anything. Here is the latest version:

<strong>CSS</strong> called SearchText.css</strong>

.hidden
{
position:absolute;
left:-10000px;
top:auto;
width:1px;
height:1px;
overflow:hidden;
}

Then the HTML:

<code>
<link href="http://www.loreofmythos2.com/Portals/0/css/SearchText.css" rel="stylesheet" /> &nbsp;&nbsp;&nbsp; type="text/css" media="all"/&gt;



<div class="hidden">A look in to the Lore of the Humans and read about the indomitable spirit of the Krytan people in the face of rampaging centaurs, looting bandits, and political intrigue</div>

<table border="0">
<tbody>
<tr>
<td>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <img alt="" width="500" height="296" style="border-width: 0px; border-style: solid;" src="http://www.loreofmythos2.com/portals/0/Images/Races/human.jpg" /></td>
</tr>
<tr>
<td>The humans of Tyria are an embattled race. Over the past three hundred years, they have lost much of their territory. Old enemies and new races threaten traditional human lands on all sides. Yet the human race survives, defending their remaining
</code>

So from the above the line witht the Div tags should be hidden from view on the screen but will still be picked up by the DNN search Module

Thanks
 
New Post
8/2/2012 5:54 AM
 
Got the problem fixed. I just added the .hidden CSS in to my Skin CSS file and then called it using a DIV tag. I am still not sure why I was not able to link a new CSS file in the HTML and then call the function via the DIV tag fromt eh new CSS file?
 
New Post
8/2/2012 10:01 AM
 

The Html is inserted inside the middle of the page inside the body. You can not inline a complete new html document.

 
Previous
 
Next
HomeHomeOur CommunityOur CommunityGeneral Discuss...General Discuss...HTML Module and hidden textHTML Module and hidden text


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