Banner rotation style-layout problem

This is a forum for posting about mojoPortal related jobs or contract work.

If you need a developer with mojoPortal experience, you can post about your needs, your location, etc, here in this forum and perhaps developers from our community will respond.

If you are a developer or designer looking for mojoPortal related work, you can also post here to let people know that you are available for mojoPortal development or design/skinning consulting.

This thread is closed to new posts. You must sign in to post in the forums.
3/29/2013 11:01:20 AM
Gravatar
Total Posts 4

Banner rotation style-layout problem

I need a micro-intervention (for money) solving a problem about "SlidePanel".

I modified the skin styleshout-envision and everything is ok unless the slide panel. 

How to configure it? 

LAYOUT.MASTER /  WRAPHEADER

    <div id="wrapheader">
    <portal:SiteLogo id="SiteLogo" runat="server" />
        <portal:SlidePanel id="spanel1" runat="server" CssClass="rotatecontainer" Speed=500 TransitionInterval=1000>
            <div class="rotateitem">
            TESTO TESTO TESTO TESTO TESTO TESTO TESTO TESTO TESTO TESTO TESTO TESTO TESTO TESTO TESTO </div>
            <div class="rotateitem">
            <asp:Image id="img2" runat="server" CssClass="floatrightimage" Height="60" ImageUrl="~/Data/Sites/1/logos/banner2.jpg"/></div>
            <div class="rotateitem">
            <asp:Image id="img3" runat="server" CssClass="floatrightimage" Height="60" ImageUrl="~/Data/Sites/1/logos/banner3.jpg"/></div>
            <div class="rotateitem">
            <asp:Image id="img4" runat="server" CssClass="floatrightimage" Height="80" WIDTH="600" ImageUrl="~/Data/Sites/1/logos/banner4.jpg"/></div>
        </portal:SlidePanel>
    </div>

STYLE.CSS

.floatrightimage { float:right; margin-right:15px; }
.rotatecontainer { float:right; clear:none; margin-top:25px; margin-left=200px;   }
.rotateitem { width: 420px; height: 60px; margin-left: -5px; }

The (wrong) result is online at http://www.pegasocorse.com/rally/

If you know how to solve the problem please contact me. Thanks.

3/31/2013 2:49:35 AM
Gravatar
Total Posts 17

Re: Banner rotation style-layout problem

Hi,

what is really problem with slider, if you click on banner the rotation begin.

 

4/3/2013 4:36:35 PM
Gravatar
Total Posts 4

Banner outside the body-layout of page

The banner is not exactly contained in the blue area of the page layout. It is outside on the right and I don't want this.

This problem is driving me crazy because I don't know where to touch the style.css to fix this.

Thanks.

4/3/2013 4:44:45 PM
Gravatar
Total Posts 1991

Re: Banner rotation style-layout problem

Add margin-right: 30px; to the .rotatecontainer selector in style.css.

If you have trouble with this, email me at joe {at} i7media{dot}net and I'll see what I can do for you.

HTH,
Joe D.

You must sign in to post in the forums. This thread is closed to new posts.