Webmaster Computer Resources Help And Learn To Earn Ideas!
I have these 3 images, just different words, and i wanted to know if there was a way i could place each one in a corner. I am more experienced with HTML, but am learning CSS. So if anyone knows how i could do this…please let me know!
Comments (1)
You can have a main background (and position it)
and then have two div layers in their own position with their own background
example:
body { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #FFFFFF; background-image: url(images/image1.jpg);; margin: 0px; padding: 0px; } #flayout { padding: 0px; width: 200px; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; background-image: url(images/image2.jpg); background-repeat: no-repeat; } #glayout { padding: 0px; width: 200px; margin-top: 150px; margin-right: auto; margin-bottom: 0px; margin-left: auto; background-image: url(images/image3.jpg); background-repeat: no-repeat; }
You must be logged in to post a comment.
Welcome to WebmasterTechs.com, your source for great webmaster resources and tips! Enjoy the site!
May 20th, 2008 at 4:21 am
You can have a main background (and position it)
and then have two div layers in their own position with their own background
example:
body {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #FFFFFF;
background-image: url(images/image1.jpg);;
margin: 0px;
padding: 0px;
}
#flayout {
padding: 0px;
width: 200px;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
background-image: url(images/image2.jpg);
background-repeat: no-repeat;
}
#glayout {
padding: 0px;
width: 200px;
margin-top: 150px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
background-image: url(images/image3.jpg);
background-repeat: no-repeat;
}