WordPress.org

Support

Support » How-To and Troubleshooting » [Resolved] Pictures spaced differently in explorer and firefox

[Resolved] Pictures spaced differently in explorer and firefox

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

    @twelvefootsnowman

    It’s because the hspace tag you’ve got on the second image is deprecated – only older browsers like IE7 will support. Firefox, Chrome, IE8, etc… are displaying it properly.

    Easiest way to fix it would be to create a CSS class with 64px margin on the left and right, and then add that class to the second image.

    I am pretty new to websites so can you provide me with more guidance as to creating a CSS class with 64px margin on left and right. Below is the text in my header.php that I used to get the three pictures to separate. How would I incorporate the CSS class you are referring to. Thank you.

    <img src=”<?php bloginfo(‘template_url’); ?>/images/image1.jpg” alt=” ” /> <img src=”<?php bloginfo(‘template_url’); ?>/images/image2.jpg” HSPACE=64 style=”float:left” alt=” ” /> <img src=”<?php bloginfo(‘template_url’); ?>/images/image3.jpg” style=”float:left” alt=” ” />

    Moderator keesiemeijer

    @keesiemeijer

    try this:

    <img src="<?php bloginfo('template_url'); ?>/images/image1.jpg" alt=" " /> <img src="<?php bloginfo('template_url'); ?>/images/image2.jpg"  style="float:left; margin: 0 64px;" alt=" " /> <img src="<?php bloginfo('template_url'); ?>/images/image3.jpg" style="float:left" alt=" " />

    DigitalSquid

    @twelvefootsnowman

    No problem.

    In your header.php, delete HSPACE=64 and replace it with class="img-margin"

    Then go to your style.css and enter this:

    .img-margin {
       margin:0 64px;
    }

    thank you very much.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘[Resolved] Pictures spaced differently in explorer and firefox’ is closed to new replies.