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=http://www.webdeveloper.com/forum/archive/index.php/"myImage.gif" height="20" width="30" />
Use margin, padding or border <!-- m --><a class="postlink" href="http://www.w3schools.com/css/default.aspOh">http://www.w3schools.com/css/default.aspOh</a><!-- m --> well. I'll just stick both images into one. Simple way around that. Thank you.
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=http://www.webdeveloper.com/forum/archive/index.php/"myImage.gif" height="20" width="30" />
Use margin, padding or border <!-- m --><a class="postlink" href="http://www.w3schools.com/css/default.aspOh">http://www.w3schools.com/css/default.aspOh</a><!-- m --> well. I'll just stick both images into one. Simple way around that. Thank you.