Placement of 4 images as a block?

  • Resolved jp

    (@jp)


    19 years, 1 month ago

    I’m new at this – and I’ve ALMOST got it right – but not right enough! I’m trying to place 4 images – 1 float left – then 1 float right – then (below those 2) – 1 float left – and 1 float right. And so far – the closest I can get is this…
    https://www.thefisherman.com.au/blog/?page_id=38
    Can anyone make this overly anal ex-graphic designer a happy(ier) camper?
    Please?

Viewing 5 replies - 1 through 5 (of 5 total)

  • what about if you put the first two pics in one container div and floated each left and right and then put the next two pics into a second container div and floated them left and right… so you would have:

    <div class=”first”>two pics in here floated left and right</div>
    <div class=”second”>other two pics in here floated left and right</div>

    I havent tried it to see if it works… but It should work… if not you could always position those pictures absolutely (if you dont need fluidity in your layout).

    Hope that helps…

    Thread Starter jp

    (@jp)

    Geoff
    Dumb question time – do I do that on the Page or in the CSS? For me it looks a bit daunting…
    Also – liked your Photo Gallery – is it a plug in or a link to an external url?
    Thanks – so far!
    John

    Thread Starter jp

    (@jp)

    Geoff
    I tried – I failed – then it occurred to me that I know more about Photoshop than I do about CSS – so I’ve designed some templates. Not elegant in WP terms – but works!
    Thanks anyway – and would still like to talk about your gallery…
    regards
    John

    which photo gallery are you referring to? If you are talking about the page referred to as “Gallery” that is an instance of coppermine photo gallery I have installed on my server. If you are talking about the galleries in the page called “Photo Gallery” they are a flash and a php photo gallery I am testing to see which I like better.

    As far as your pictures goes… you could always do it like this –> (https://gpetzold.swifthost.net/images/test.htm) It didnt require any formatting at all. Just change the pictures to whatever you want and remove the single quotes (these –> ‘ <–) and youre off.

    Hope that helps.

    Sorry the page is not “Gallery” its “Photos”

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Placement of 4 images as a block?’ is closed to new replies.