Home/ Questions/Q 8479513
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-10T19:02:52+00:00

It’s an asp project with javascript and css . I have taken the java

  • 0

It’s an asp project with javascript and css. I have taken the java from this site JonDesign’s SmoothGallery demo.

Now I want to put the tag p which has the summary inside, out of the div,
by the way here is the code:

<div id="myGallery">
    <asp:Repeater ID="HeadLinesRepeater" runat="server" DataSourceID="SqlDataSource1">
        <ItemTemplate>
            <div class="imageElement">
                <h3><%# Eval("Title") %></h3>
                <div>
                    <p><%# Eval("Summary") %></p>
                </div>
                <a href='<%# "/NewsBody.aspx?NewsId=" + Eval("ID")  %>' title="متن کامل" class="open"></a>
                <img class="full" src='<%# "/Img/news/" + Eval("ID") + ".jpg" %>' />
                <img class="thumbnail" src='<%# "/Img/news/" + Eval("ID") + ".jpg" %>' style="width: 100px; height: 75px" />
            </div>
        </ItemTemplate>
    </asp:Repeater>
</div>

CSS:

    .jdGallery .slideInfoZone p {
            float: right;
            margin-bottom: 10px;
            z-index: 1000000;
            position: absolute;
            margin-left: 92px;
            width: 300px;
            right: 670px;
            top: 220px;
            font-family: Tahoma;
            font-size: 10pt !important;
            text-align: justify;
            color: white !important;
            padding: 0;
            font-size: 60%;
            margin: 2px 5px;
            color: #eee;
        }

If I change position to the fixed it will be solved but ahen the I open the site in other resolution it would be unscrambled and goes to inside other divs.
It’s my project for university please help me.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Just phisycally cut the <p><%# Eval("Summary") %></p> and paste it outside the div.

    EDIT

    What about styling the inner p with display:none, then create your own javascript (Do you have JQuery referenced in this page?) to grab all the paragraphs and append them elsewhere in the DOM.

    But really it seams (from your comment) you need to change the javascript that manipulates the parent div to not depend on the inner paragraph, or change it to work with the paragraph in a different position in the DOM.

    • 0