I am glad there is no camera to see me blush. This MUST be SOOooo easy.
I copied a friend work and was trying to duplicate the style of CSS in a site for myself. In the Gallery, I want a picture on the laft and some text on the right.
I have it all done but cant get the text to appear NEXT to the photo. I have taken out everything non critical and included the html and .css file coding below.
PLEASE can someone put me out of my misery.
<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR...nsitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<link rel="stylesheet" href="stylesF1ArtTEST.css" type="text/css" media="all" />
<div id="body">
<div id="galleryphoto"><img src="" width="250" height="200" /> </div>
<div id="gallerytext">Some arbitrary text
<br />
£15.00
<br />
PayPal
</div>
</div>
body {
padding: 0px;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #ffffff;
text-align: inherit;
font-size: 14px;
font-weight: bold;
background-color: #ffffff;
background-image: url(Images/Flag5x1.png);
background-repeat: repeat-x;
margin-top: 15px;
margin-right: 0;
margin-bottom: 20px;
margin-left: 0;
float: none;
}
#galleryphoto {
text-align: left;
color: inherit;
height: 200px;
width: 250px;
margin: 0px;
}
#gallerytext {
text-align: center;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 300px;
width: 200px;
}