Pictures spaced differently in explorer and firefox

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=” ” />

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=" " />

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.