The Lodge is members-only design/dev videos and Office Hours.

Next Office Hours Session: "SVG" Oct 14 - 6:30 PM Eastern
Get a free trial // Grow your CSS skills // Land your dream job

how to left justify anythingslider instance

  • # May 15, 2013 at 5:11 pm

    How do I left justify the anythingslider instance? Right now it is in the center of the page, and no combination of positioning (static/absolute/relative…) seems to move it to the left. Right now I have the slider div directly inside a td element, and there is a lot of space between the leftmost td boder, and the left side of the slider. I want the left side of the slider to touch the leftmost td border.

    # May 15, 2013 at 5:26 pm

    >Right now I have the slider div directly inside a td element,

    Why is it in a table?

    # May 15, 2013 at 5:39 pm

    I’m open to other arrangements. I need a left menu (in addition to a top menu) and felt this was the easiest way to create the layout. Is this a problem?

    # May 15, 2013 at 6:14 pm

    It took it out of the table, and am using pure positioning, but still the same problem. The problem seems to be related to the fact that the ‘anythingSlider’ div is so much wider than the images. Why is that?

    # May 15, 2013 at 6:29 pm

    The default AnythingSlider theme adds left, right and bottom padding for the controls (arrows and navigation tabs).

    # May 15, 2013 at 6:47 pm

    I’ve set the padding to 0 0 0 0 on the ‘anythingSlider’ div. This reduced the padding, and when I switch to absolute positioning, it moves to the upper left of the parent div, but this messes up the formatting. With relative positioning, the ‘anythingSlider’ still has a significant width, and the images appear in the middle. Is there another style I need to change?

    # May 15, 2013 at 6:49 pm

    Um, er, like for instance, MARGIN! (blush) I set margin to 0, and the slider jumped left. A helpful discussion (although covers more than needed), is here:


    # May 15, 2013 at 6:50 pm

    This can be marked as solved, but I don’t see the checkbox anywhere.

    # May 15, 2013 at 6:52 pm

    I’m glad you found your solution!… just edit your first post in this thread, the check box is under the textarea.

Viewing 9 posts - 1 through 9 (of 9 total)

You must be logged in to reply to this topic.

There's a whole bunch of content on CSS-Tricks.

Search for Stuff   •   Browse the Archives

Get the Newsletter ... or get the RSS feed