3 replies [Last post]
Bluenose
Bluenose's picture
Offline
Enthusiast
Last seen: 12 weeks 6 hours ago
Timezone: GMT+1
Joined: 2011-10-11
Posts: 96
Points: 136

Hello

I have a Web page here:

and I am trying to push down those two images.

I am using this in my tags:

/*CSS for the two images*/
 
.images {
    padding: 10px;
    text-align: center; // Will center the images contained in the div 
    margin-top:260px;
    margin-left:-250px;
}

and this is the HTML:

<!--Two images-->
 
<div class="images">
  <img src="images/domestic1.gif" width="226px" height="225px" alt="domestic1"  />
  <img src="images/domestic2.jpg" width="225px" height="225px" alt="domestic2" />
 
</div>

It doesn't seem to matter how much I change that CSS margin value: margin-top:260px; the images won't budge. I will replace/make smaller the two images, but the problem will still exist.

Something is preventing them from moving, isn't it?

Thanks for any advice.

Bluenose
Bluenose's picture
Offline
Enthusiast
Last seen: 12 weeks 6 hours ago
Timezone: GMT+1
Joined: 2011-10-11
Posts: 96
Points: 136

Link missing in the question I have just asked

gary.turner
gary.turner's picture
Offline
Moderator
Dallas
Last seen: 22 hours 57 min ago
Dallas
Timezone: GMT-6
Joined: 2004-06-25
Posts: 9745
Points: 3824

Worked for me

Your link page doesn't have the top margin. When I added it, the image block moved as expected.

.images {
  margin-left: -250px;
  margin-top: 250px;
  padding: 10px;
  text-align: center;
  }

cheers,

gary

If your web page is as clever as you can make it, it's probably too clever for you to debug or maintain.

Bluenose
Bluenose's picture
Offline
Enthusiast
Last seen: 12 weeks 6 hours ago
Timezone: GMT+1
Joined: 2011-10-11
Posts: 96
Points: 136

Thanks, Gary

That's looking a bit better now.

Thanks for that, Gary