not sure if this is css or html if you go and look at this web page you will see i have an image then writing and then another image what i want it to look like is an image on left an image on the right and the writing in middle http://www.uk-caravan-hire.com this is what i have at the moment <h1><img src="pics/small-westmore-exterior.jpg" width="158" height="65" align="left"/><strong> Welcome To My Site </strong><img src="pics/small-westmore-exterior2.JPG" width="158" height="65" align="top"/></h1> PHP: h1 { font-size:x-large; background-color:white; color:red; padding-top: 2em; padding-bottom: .2em; padding-left: .4em; margin: 0; } PHP:
Some suggestions on how you do this: - First, put the 'font-weight: bold;' command in the H1 style definition, and don't put the 'strong' in the H1. You'll save yourself some trouble and make any future changes much easier across your whole site. And if you want to center the header on your page, put 'text-align: center;' in there too. - Align the left image to the left, and the right image to the right, not the top. Keep them within the H1. Can also be done with a: style="width: 158px; height: 65px; float: left (or right for the right one);" inside the IMG commands. - If you want a width that doesn't stretch across the whole page, you will probably have to put the header in a DIV that doesn't stretch across the whole screen. Or, put the left and right side in the same IMG file with some space in the middle for the header, and put the whole new IMG in the CSS with a: background: #ffffff(or whatever background color) url('yourimage.jpg') no-repeat; You may have to tweak it a bit. Good luck.