Results 1 to 4 of 4

Thread: Content Slider v2.4 Side Pagination

  1. #1
    Join Date
    Mar 2009
    Posts
    1
    Thanks
    1
    Thanked 0 Times in 0 Posts

    Default Content Slider v2.4 Side Pagination

    Content Slider v2.4

    http://www.dynamicdrive.com/dynamici...tentslider.htm

    This Content Slider is great but I would like to have the Pagination link images on the left of the main image.

    I am a novice when it comes to CSS but am ok with basic html.

    Adrian

  2. #2
    Join Date
    Aug 2004
    Posts
    10,143
    Thanks
    3
    Thanked 1,008 Times in 993 Posts
    Blog Entries
    16

    Default

    Simply set the pagination output to "markup" mode. This enables you to define your pagination links anywhere on the page, or in your case, to the left of the content, as long as they are inside the pagination DIV. See the section "toc: markup" on the following page: http://www.dynamicdrive.com/dynamici...suppliment.htm
    DD Admin

  3. #3
    Join Date
    Mar 2009
    Location
    Bournemouth
    Posts
    1
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    Thank you for your reply.

    The pagination output is already set to "markup" .

    I can get the link images on the left hand side of the main image, but they are in a horizontal line, I would like to arrange them in a vertical column and if possible a second column so that I can have more images.

    I have tried several ways but failed in being able to achieve this.

    I should have explained more fully what I am trying to do.

    Hoping that you can help.

    Kind regards
    Adrian Crew

  4. #4
    Join Date
    Aug 2004
    Posts
    10,143
    Thanks
    3
    Thanked 1,008 Times in 993 Posts
    Blog Entries
    16

    Default

    In "markup" mode the pagination links would simply be defined using regular HTML- are you having trouble creating columns of links in HTML? In general you'd use CSS. The following for example creates two columns of content:

    Code:
    <div style="float:left; width:150px">
    1st column content here...
    </div>
    
    <div style="float:left; width:150px">
    2nd column content here...
    </div>
    
    <br style="clear:left" />
    Rest of page...
    DD Admin

  5. The Following User Says Thank You to ddadmin For This Useful Post:

    Adrian Crew (03-27-2009)

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •