3 images – first won't align with others.

  • Resolved Angie Meeker

    (@ameeker)


    14 years, 3 months ago

    I also posted this at the studiopress forums.

    I’ve added some images to the genesis_after_header hook.
    https://scholars.angiemeekerdesigns.com/centres/belleville/

    Can you help me get the first image aligned with the others? Whether is goes up, or the others go down…

    Here’s what I have now: <p style= "padding: 0px 0px 0px 190px;><div id="images"><?php if (!is_home()) {?><img class="size-full wp-image-734 alignnleft" style="border: 9px solid white;" title="3_team" src="https://scholars.angiemeekerdesigns.com/wp-content/uploads/2010/07/3_team.png" alt="" width="233" height="215" /><img class="size-full wp-image-733 alignnone" style="border: 9px solid white;" title="2_team" src="https://scholars.angiemeekerdesigns.com/wp-content/uploads/2010/07/2_team.png" alt="" width="415" height="215" /><img class="size-full wp-image-732 alignnone" style="border: 9px solid white;" title="1_team" src="https://scholars.angiemeekerdesigns.com/wp-content/uploads/2010/07/1_team.png" alt="" width="270" height="215" /><?php }?></div></p>

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

  • It looks like the alignnone class has a margin-bottom of 10px. The alignnone class is only applied to the last two images, not the first, which is why it is out of line.

    Hopefully the following might do the trick:

    <div style="text-align:center;">
<?php if(!is_home()){?>
<img style="border:9px solid white;" title="3_team" src="https://scholars.angiemeekerdesigns.com/wp-content/uploads/2010/07/3_team.png" alt="" width="233" height="215" />
<img style="border:9px solid white;" title="2_team" src="https://scholars.angiemeekerdesigns.com/wp-content/uploads/2010/07/2_team.png" alt="" width="415" height="215" />
<img style="border:9px solid white;" title="1_team" src="https://scholars.angiemeekerdesigns.com/wp-content/uploads/2010/07/1_team.png" alt="" width="270" height="215" />
<?php }?>
</div>
    Thread Starter Angie Meeker

    (@ameeker)

    Thanks – that totally worked.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘3 images – first won't align with others.’ is closed to new replies.