Each link I add to this DIV/page is taking up a whole like. I would like the links (images and text) to be next to each other horizontally rather than being moved to a new line.

Here are the link styles:

.div-text a:link, .div-text a:visited, .div-text a:active {
    color: black;
    text-decoration: none;
    font-weight: normal;
}
.div-text a:hover {
    color: black;
    text-decoration: none;
    font-weight: normal;
}

It looks like the .menu styles are being applied to these links but that shouldnt be the case.

Can someone have a look please?

These are the pages to look at:
http://www.jfwebdesign.co.uk/gym/gallery.html
The links are all on their own line when they should be on the same line - something to do with the 'display: block' attribute on the menu link styles.
http://www.jfwebdesign.co.uk/gym/styles.css

Thanks

Easy fix - float the links OR put them inside an unordered list (as they really should be) and use display:inline to make them line up horizontally.

Thank you.

I did a float which worked.

But the text link after the images is getting a white back ground.

Do you know why it is picking up the styles from the '.menu' class styles?

div-text is sitting inside div.menu, so it is inheriting the link styles that you defined for div.menu.

You need to specify background: none, or background: transparent on .div-text a:hover to get rid of the white.

Thanks, could've sworn that div was not inside the other div.

Have removed it now.

Thank you.