Results 1 to 6 of 6

Hybrid View

  1. #1
    Join Date
    Aug 2007
    Location
    Pittston, PA
    Posts
    28
    Plugin Contributions
    1

    Default Next, Previous, Listing Button Layout Issue

    Hi, I am using Zen Cart 1.3.8 and am having an issue with the way the next and previous buttons are displaying on the product info page. I have built many sites and 2 of them have this issue and i can not figure out why.

    The next and previous buttons are being displayed on top of each other instead of side by side as they should. I confirmed that the settings in the admin panel match those of my sites that do not have the issue however, the next/prev/listing buttons appear under each other instead of side by side.

    Here is a link so you can see the issue.
    http://garden-store.alpine-landscape...r-p-39199.html

    Here is a link from another site that shows how it should appear.
    http://www.giftsforthebirds.com/ange...r-p-39199.html

    Both sites are using the same button images (i am not sure if that makes a difference). To the best of my knowledge, i did not make any CSS changes that would cause this to happen but i can not say for sure what would make this occure.

    Any help on this issue would be greatly appreciated. Thank you!

  2. #2
    Join Date
    Apr 2006
    Location
    Texas
    Posts
    6,196
    Plugin Contributions
    0

    Default Re: Next, Previous, Listing Button Layout Issue

    Sf,
    Here is the element that is playing with the position..


    td img {angelic-...9199.html (line 14)
    display:block;
    }

  3. #3
    Join Date
    Aug 2007
    Location
    Pittston, PA
    Posts
    28
    Plugin Contributions
    1

    Default Re: Next, Previous, Listing Button Layout Issue

    Sorry, I am not exactly sure what you mean by that. Do you mean that I should change the CSS or modify one of the other php files to correct the issue? If I do, can you please tell me what files and where to change. I added display:block;
    to the css under .navNextPrevList and all it did was add gaps between the buttons, it did not place them side by side one after the others. I compaired the CSS and admin settings with my other zen cart site that is not having the issue and they are both the same, so i am unsure what happened to make this occure. Thanks for taking the time to look at this for me.

  4. #4
    Join Date
    Apr 2006
    Location
    Texas
    Posts
    6,196
    Plugin Contributions
    0

    Default Re: Next, Previous, Listing Button Layout Issue

    Sf,
    Find this file...

    angelic-birdfeeder--p-39199.html

    1. td img {display:block;}


  5. #5
    Join Date
    Jul 2006
    Location
    Montreal, Canada
    Posts
    2,279
    Plugin Contributions
    0

    Default Re: Next, Previous, Listing Button Layout Issue

    just add this to your stylesheet.css

    .navNextPrevList img {
    display:inline;
    }

  6. #6
    Join Date
    Aug 2007
    Location
    Pittston, PA
    Posts
    28
    Plugin Contributions
    1

    Default Re: Next, Previous, Listing Button Layout Issue

    Thank you very much, that took care of it. For anyone else who has this problem, I added just that to the css and it took care of the issue.

    .navNextPrevList img {
    display:inline;
    }

    The next, listing, and previous buttons are now listed side by side instead of on top of each other. Thanks again!

 

 

Similar Threads

  1. Previous Next & Product Spacing Issue
    By EC web in forum Templates, Stylesheets, Page Layout
    Replies: 2
    Last Post: 2 Feb 2011, 10:10 PM
  2. next previous button positions
    By ilsita in forum Templates, Stylesheets, Page Layout
    Replies: 1
    Last Post: 13 Oct 2009, 06:46 AM
  3. Next & Previous button for New products Listing
    By eurojen in forum Templates, Stylesheets, Page Layout
    Replies: 2
    Last Post: 30 Oct 2008, 10:18 PM
  4. Previous/Next odd sequencing issue
    By kiermasz in forum General Questions
    Replies: 3
    Last Post: 7 Oct 2006, 05:16 AM

Posting Permissions

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