• Resolved lawlessvintage

    (@lawlessvintage)


    Hello,

    My website that I am working on has a page I made for Projects, http://mbmfabricators.com/u-of-m-frieze-building/projects/

    I would like all the clickable project pictures to be in 3 columns, and as I keep adding the project pictures they automatically go into the colums.

    Could someone please advise me how to make this happen, right now as I am adding the pics, they are defaulting to one column and I do not see where to change this.

    Thanks in advance for any help.
    Karen

Viewing 8 replies - 31 through 38 (of 38 total)
  • In any row-fluid there are 12 columns to play with.

    – 4 x span3 will give you 4 columns;
    – 3 x span4 will give you 3 columns;
    – 2 x span6 will give you 2 columns;
    – 1 x span12 will give you 1 column.

    In all cases, the number of columns x the span value should be 12. Then you start another row. And so on.

    Thread Starter lawlessvintage

    (@lawlessvintage)

    Thank you, I will go and mess around with it some more.

    Karen

    Thread Starter lawlessvintage

    (@lawlessvintage)

    Hi,

    I think I am getting it, but if you check out this page http://mbmfabricators.com/wp-admin/post.php?post=525&action=edit

    I am not sure why some of the code is showing up in the page.

    please advise. If you check out this page I seem to be doing it right

    http://mbmfabricators.com/u-of-m-frieze-building/projects/

    Thank you,
    Karen

    Top link redirecting to login page

    Thread Starter lawlessvintage

    (@lawlessvintage)

    <a class="grouped_elements" rel="tc-fancybox-group525" href="http://mbmfabricators.com/wp-content/uploads/2013/11/DCP00100.jpg" title="DCP00100">
    <img class="alignnone size-thumbnail wp-image-524" width="150" height="150" src="http://mbmfabricators.com/wp-content/uploads/2013/11/DCP00100-150x150.jpg" alt="DCP00100" style="border: 4px solid black;">
    </a>
    <a div="" <=""> </a>
    <div class="span4">
    <a div="" <="">
    href=”http://mbmfabricators.com/wp-content/uploads/2014/01/DCP00101.jpg”>
    <img class="alignnone size-thumbnail wp-image-526" width="150" height="150" src="http://mbmfabricators.com/wp-content/uploads/2014/01/DCP00101-150x150.jpg" alt="DCP00101">
    </a>
    <a div="" <=""> </a>
    <div class="span4">
    </div>

    Spot anything?
    No such thing as <a div="" <=""> </a>.

    Thread Starter lawlessvintage

    (@lawlessvintage)

    I think I have the hang of it, tell me what you think.
    http://mbmfabricators.com/projects-2/

    I am going to go ahead and mark this resolved, and I thank so much for all the help and encouragement.

    Sincerly,
    Karen

    By George, she’s got it! (I am a Brit Musicals lover!)

    Just need to look at the last line where the border is missing in that row.

    Well done, it takes time to understand but when you’ve mastered it, you wonder why you didn’t get it.

Viewing 8 replies - 31 through 38 (of 38 total)

The topic ‘Making columns’ is closed to new replies.