• Locked
3 replies [Last post]
Fri, 2016-02-26 03:46
Bluenose
Bluenose's picture
Offline
Enthusiast
Last seen: 3 years 35 weeks 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.

Top
Tags:
Fri, 2016-02-26 03:50
#1
Bluenose
Bluenose's picture
Offline
Enthusiast
Last seen: 3 years 35 weeks ago
Timezone: GMT+1
Joined: 2011-10-11
Posts: 96
Points: 136

Link missing in the question I have just asked

Web page is here: http://www.tomorrowswomenwirral.org/Domestic_Violence.asp

Domestic

Top
Fri, 2016-02-26 04:47
#2
gary.turner
gary.turner's picture
Offline
Moderator
Dallas
Last seen: 2 years 12 weeks ago
Dallas
Timezone: GMT-6
Joined: 2004-06-25
Posts: 9776
Points: 3858

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.

Top
Fri, 2016-02-26 05:45
#3
Bluenose
Bluenose's picture
Offline
Enthusiast
Last seen: 3 years 35 weeks 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

Top
  • Locked