I have 2 images at the top of my page but I would prefer them to be placed side by side at the top of my page through css. I know how to place one image body { background-image: url('face.jpg'); background-repeat: no-repeat; background-position: top; } but how would I have them as described above?
Images naturally align side by side.
Yeah but how do you seperate them in a css? background-image: url('face.jpg'), url('scratchlogo.jpg'); background-repeat: no-repeat; background-position: top;
I know this doesn't work for a start!
Only one image can be placed on the background. <img style="margin:20px;" alt="myImage" src="myImage.gif" height="20" width="30" /> Use margin, padding or border http://www.w3schools.com/css/default.asp
Oh well. I'll just stick both images into one. Simple way around that. Thank you.