Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS My Tricky Dilemma, But Maybe Not For CSS-Tricks

  • This topic is empty.
Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • #39218
    k_mcminn
    Member

    I’ve recently installed a hook that displays random images for a Gallery application that I have. I like it, but I just can’t figure out how to get the images center-aligned inside its main div, between the slider arrow images. Apparently, the way this hook is setup, it’s not very easy to create and assign my own class. Any help or guidance is greatly appreciated!

    My site: Nintendo Nerds Forums

    Here’s what each Browser looks like, Safari being the worst-looking.

    Internet Explorer 9
    Your text to link…

    Chrome 21
    Your text to link…

    Firefox 14
    Your text to link…

    Safari 5
    Your text to link…

    #107402
    k_mcminn
    Member

    I’m hoping no one forgot about me. If not, I’ll continue to be patient.

    #107403
    Mottie
    Moderator

    Try getting rid of the “padding-left: 1%” in:

    .download_pane li {
    margin-bottom: 15px;
    margin-left: 18px;
    height: 100%;
    overflow: hidden;
    font-size: 12px;
    line-height: 1.5;
    position: relative;
    padding-top: 2px;
    padding-left: 1%;
    }
    #107404
    k_mcminn
    Member

    Thank you, Mottie!

    That seemed to fix the biggest issue; Safari.

    I did notice one thing in Chrome through. It has nothing to do with the edit you had me perform. When trying to click on the right arrow, the cursor has to be positioned on the very right edge of the arrow image. It was doing that before and I’m not sure about how to fix that part.

    #107405
    Mottie
    Moderator

    It looks like the UL is overlapping the arrows. Try making the arrows have a position relative with a higher z-index.

    #107408
    k_mcminn
    Member

    In here?

    .pane_wrap {
    margin-left: 25px;
    margin-right: 25px;
    min-height: 80px;
    overflow: hidden;
    position: relative;
    }
    #107413
    Mottie
    Moderator
    .ipsPad a.left, .ipsPad a.right {
    position: relative;
    z-index: 100;
    }
    #107415
    k_mcminn
    Member

    Oh wow, what CSS file is that in?

    #107429
    Mottie
    Moderator

    That isn’t in a css file, that’s what you need to add to fix the arrows :)

    #107440
    k_mcminn
    Member

    I see, Mottie. Can I simply add that to the same CSS file then?

    #107449
    Mottie
    Moderator

    Yes.

    #107452
    k_mcminn
    Member

    That worked, Mottie! Much appreciated!

Viewing 12 posts - 1 through 12 (of 12 total)
  • The forum ‘CSS’ is closed to new topics and replies.