Viewing 7 replies - 1 through 7 (of 7 total)
  • Thread Starter sremington

    (@sremington)

    I would assume it would be in lazy-index.php in this line of code:

    <div id=”content” class=”narrowcolumn”>
    <div id=”gallery”> <br/>
    <br/>
    <?php showGallery();?>
    </div>
    </div>

    But I am not sure how to go about tweaking it.

    This is just a guess… but I’d check the style sheet for the width of the classes “content,” “narrowcolumn,” and “gallery.”

    Your footer is the width you want, so you can look for its info in the stylesheet as a guide.

    Thread Starter sremington

    (@sremington)

    This is all that is in the stylesheet:

    #gallery {
    position: relative;
    }
    #gallery .image {
    text-align: center;
    }
    #gallery .image img {
    border: 1px solid #a9a9a9;
    margin: 6px 6px 6px 6px;
    padding: 2px;
    }
    #gallery .image img:hover, .image img:focus {
    background-color: #a9a9a9;
    }
    #gallery .imgdata {
    border: 1px solid #a9a9a9;
    margin: 6px 0px 6px 0px;
    padding: 4px;
    }
    #gallery #nav {
    border: 1px solid #a9a9a9;
    margin: 6px 0px 6px 0px;
    padding: 4px 4px 0px 4px;
    height: 18px;
    }
    #gallery #nav .alignleft {
    float: left;
    }
    #gallery #nav .alignright {
    float: right;
    }
    #gallery .folder {
    margin: 6px 0px 6px 0px;
    padding: 4px 0px 4px 0px;
    }

    That’s just the “gallery” class.

    What does the style sheet have for “content,” “narrowcolumn,” and “footer”?

    I’m a CSS newbie, so I only use the most basic stuff… I haven’t used the “position” property, for example. I found this page which might be helpful:

    https://www.w3schools.com/css/css_positioning.asp

    It seems that you can’t use “relative” without specifying more details. What happens if you remove the position: relative; altogether?

    I think what I would try is this:

    #gallery {
    width: 80%;
    position: relative;
    left: 200px;
    }

    I’m not sure if that’s the best way to do it or not, but you might see what happens.

    Thread Starter sremington

    (@sremington)

    Hey that worked but it aligns it 80% on one side. How do I center the 80% ??

    I’m not sure what you mean. I think you’re talking about something different — the alignment of the text. To center that, add

    text-align: center;

    You may need to play with the actual percentage for the width and the number of pixels for the left edge — I was just guessing.

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Lazy Gallery Question’ is closed to new replies.