newbie: images in table moved
am 15.11.2007 18:07:27 von r_ahimsa_mHello,
I have little experience in HTML/CSS and I would like to ask a question. I
have prepared a table (2x2) of images with captions. Unfortunately images in
second column are moved down at about 30px.
Could you explain me why and how to correct it?
Here's HTML:
Here's CSS:
#AssociationPicture
{
background-image: url('images/Association.gif');
width: 200px;
height: 200px;
}
#AssociationCaption
{
background-image: url('images/Association_caption.gif');
width: 200px;
height: 25px;
}
#Association:hover #AssociationCaption
{
background-image: url('images/Association_over.gif');
width: 200px;
height: 25px;
}
#CenterPicture
{
background-image: url('images/Center.gif');
width: 200px;
height: 200px;
}
#CenterCaption
{
background-image: url('images/Center_caption.gif');
width: 200px;
height: 25px;
}
#Center:hover #CenterCaption
{
background-image: url('images/Center_over.gif');
width: 200px;
height: 25px;
}
#ClubPicture
{
background-image: url('images/Club.gif');
width: 200px;
height: 200px;
}
#ClubCaption
{
background-image: url('images/Club_caption.gif');
width: 200px;
height: 25px;
}
#Club:hover #ClubCaption
{
background-image: url('images/Club_over.gif');
width: 200px;
height: 25px;
}
#VoluntaryPicture
{
background-image: url('images/Voluntary.gif');
width: 200px;
height: 200px;
}
#VoluntaryCaption
{
background-image: url('images/Voluntary_caption.gif');
width: 200px;
height: 25px;
}
#Voluntary:hover #VoluntaryCaption
{
background-image: url('images/Voluntary_over.gif');
width: 200px;
height: 25px;
}
Thank you!
/RAM/