Friday, November 27, 2009

In Myspace, what's the html code to have a background image stretch the entire size of the scre

www.imageshack.us



brows your image you want...play with the sizes to see what fits and use direct link to image...or one that works



good luck



In Myspace, what's the html code to have a background image stretch the entire size of the screen?

%26lt;div style="width: 100%; height: 100%; left: 0px; top: 0px; position: absolute; z-index: 0;"%26gt;



%26lt;img src="animage.jpg" style="width: 100%; height: 100%;"%26gt;



%26lt;/div%26gt;



place the codes above as the first set of codes in your html script



In Myspace, what's the html code to have a background image stretch the entire size of the screen?

in the (open) body tag add the "style" attribute:



%26lt;body style="background-image: url(yourImageSource.jpg); background-repeat: repeat;"%26gt;



if you want the image to be fixed:



%26lt;body style="background-image: url(yourImageSource.jpg); background-repeat: repeat; background-attachment:



fixed;"%26gt;



otherwise if you mean how to fit the image to screen size (which appears to me highly discouraged for accessibility issues) follow this esample:



%26lt;html%26gt;



%26lt;head%26gt;



%26lt;style type="text/css"%26gt;



body {margin:0px;}



#bg_image {



width: 100%;



height: 100%;



left: 0px;



top: 0px;



position: absolute;



z-index: 0;



}



#contents {



z-index: 1;



position: absolute;



}



%26lt;/style%26gt;



%26lt;/head%26gt;



%26lt;body%26gt;



%26lt;!-- this creates the background image --%26gt;



%26lt;div id="bg_image"%26gt;



%26lt;img src="yourImageSource.jpg" style="width: 100%; height: 100%;"%26gt;



%26lt;/div%26gt;



%26lt;!-- this puts the contents of the page ontop of the background image --%26gt;



%26lt;div id="contents"%26gt;



You can put whatever you want here



%26lt;/div%26gt;



%26lt;/body%26gt;



%26lt;/html%26gt;



i created this page "For Screening Purpose Only" to show you the final result ->http://portofrancoblog.altervista.org/ar...



feel free to contact me if you need



In Myspace, what's the html code to have a background image stretch the entire size of the screen?

that's impossible



you have to load the image into a paint program like photos shop and resize the image the with of the screen. it will have to be 800x600, 1024x768, or 1280x1024



if someone comes to your site using a different screen resolution than you then it will not look good unless you use style sheets to center it.



another way to resize it is upload it here



http://www.resize2mail.com/advanced.php

No comments:

Post a Comment

 
tvs