This is what I have added to the default css sheet. I have placed it at the end of the sheet just inside the closing bracket. I just don't understand why the sample I copied from the website Paintbrush sent me didn't work.

}

.gallery dt { font-weight: bold; }

.gallery dt img
{
border: 1px solid #000;
width: 1px;
height: 1px;
display: inline;
}

.gallery dd
{
margin: 0;
padding: 0;
display: inline;
}
h1.photo1 {
width: 25%;
height: auto;
}
}

You have each image/title set in its own <dl>. Change it to one list:


Then you can set your CSS for your <dl> in general; font, color, margins...
- Set some specs for the images if needed: .dt img { width, etc } (you don't need to add anything to the HTML since the image is within the <dt> tags).
- dt, dd { display: inline; }

OK... Never mind the above. I just had a play with the code on the def. list site.
He's putting each item within its own 'dl class="gallery" ' to get these to display inline.
I just tried it and it worked like a charm.
Much easier than what I've concocted in the past!


-----------------------------------------------



Try getting rid of this:
h1.photo1 {
width: 25%;
height: auto;
}
(Since there's already css for the image above.)