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