Click to See Complete Forum and Search --> : Images and text


comptech520
02-25-2006, 07:24 AM
Hi,


If I have 3 consecutive images right next to eachother, what would be the best way to put test on top of them

text text
IMAGE IMAGE
IMAGE IMAGE
IMAGE IMAGE
IMAGE IMAGE

This is what I have that didnt work:


#imageGroup img{
float:left;
padding: 2px;
border: 1px solid #000000;
}

<div id="imageGroup">
<a href="forms.php">Download Forms
<IMG SRC="forms.jpg" alt="Download forms for your event"></a>
<a href="songlists.php">View Songlists
<IMG SRC="songlists.jpg" alt="View songlists"></a>
<a href="contact.php">Contact Us
<IMG SRC="contact.jpg" alt="Contact Us about your event"></a>
</div>

the tree
02-25-2006, 07:29 AM
display: block;? I'm not sure what you're asking.

comptech520
02-25-2006, 08:37 AM
I am looking to have 3 images right next to eachother
with text directly above each of the 3 images

Kravvitz
02-25-2006, 12:24 PM
Try this.
#imageGroup a {
float:left;
}
#imageGroup img {
display: block;
padding: 2px;
border: 1px solid #000000;
}