dual PrevandNext CSS problem

  • rhealz

    (@rhealz)


    19 years, 4 months ago

    Ok, I’ve spent the better part of the last 36 hours trying to figure this out on my own without much luck. I have a feeling there’s an easy solution to this but I’m just not seeing it.
    I installed Simple PHP Gallery and almost have it the way I want it (thanks to a lot of help from the members of this forum). However, in the Gallery CSS it defines #Prev and #Next. Those are also defined in WP-Layout.css for the calendar. There lies the problem. If I uncomment the Gallery CSS it messes up the calendar but that means I can’t style the Next and Previous links for the gallery.
    Can I rename the Gallery class in sp_index.php to something other than #PrevandNext and then rename it in the CSS so that it doesn’t conflict with the calendar style? If so, how? (I know I’m not using the right terminology.)
    You can see an example of the incomplete style of the Next and Previous here. Thanks.

Viewing 8 replies - 1 through 8 (of 8 total)
  • Mark (podz)

    (@podz)

    19 years, 4 months ago

    Can I rename the Gallery class in sp_index.php to something other than #PrevandNext and then rename it in the CSS so that it doesn’t conflict with the calendar style? If so, how?
    That’s what I would do.
    Find the term used in sp_index.php, see if it’s used anywhere else in the code and rename by sticking a Z at the start of each one ? And then in the css too ?

    Thread Starter rhealz

    (@rhealz)

    19 years, 4 months ago

    Thanks, I’ll give it a shot and report back.

    Thread Starter rhealz

    (@rhealz)

    19 years, 4 months ago

    Not quite working.
    Here’s the instance of the code in sp_index.php:
    <div id="zprevznext"><?php getPrevAndNext();?></div><div style="clear:both;"></div>
    Here’s the CSS:
    #zprevznext {
    display:block;
    padding:5px;
    border:1px solid #bbb;
    /*-moz-border-radius:5px;*/
    background:#ddd;
    text-decoration:none;
    margin:0 10px 10px;
    }
    and
    #zprev {
    float:left;
    }
    #znext {
    float:right;

    Thread Starter rhealz

    (@rhealz)

    19 years, 4 months ago

    Any tips on how to adjust the code?

    moshu

    (@moshu)

    19 years, 4 months ago

    But you didn’t change the prev and next into znext and zprev here in the code:
    div id=”zprevznext”>< a accesskey=”-” id=”prev” href=”/photos/sp_index.php…

    Thread Starter rhealz

    (@rhealz)

    19 years, 4 months ago

    moshu-
    I don’t see where that is. It’s not in the sp_index.php file that I’m aware of.

    moshu

    (@moshu)

    19 years, 4 months ago

    BTW, did you install this WP-friendly version of the SPG?
    I think you went the way dss posted in another thread (the one linked above) and that’s why you have these problems. I’d suggest to take a look at the WP version of the gallery…

    Thread Starter rhealz

    (@rhealz)

    19 years, 4 months ago

    You’re right, I did follow the instructions dss laid out. I’ll take a look at the WP version. In fact, if it’s not demonstrably different from the other version, I’ll probably just install it and see if it integrates a bit easier. Thanks for the link.

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘dual PrevandNext CSS problem’ is closed to new replies.