Forums > background image help

Forums > Resource Center > Webmasters' Corner > Webmasters' Corner Resolved Topics

sparklz4jrt

Jan 11 2007, 07:07 PM

okay here is the link of my background image: http://fslsfan.myfanhost.com/fslslayout.png

okay i have the code for the layout part, but what i am having trouble with is the image isnt the full background... like from side to side... it says the size is 800x600 (standard) but my screen is a tad bit bigger and it throws everything off. so there is huge white colums (sp) on the side. how do i make the image bigger or fit the whole screen? can someone help me asap? please? my sn on aim is sparklz4jrt03. thanks in advance!

sparklz4jrt

Jan 11 2007, 07:22 PM

anyone, please?

Jeng

Jan 11 2007, 07:25 PM

Well you need a background url
like...
background-image:url(http://img57.imageshack.us/img57/4940/bbgeg3.jpg );

then <img src="url of image of the real bg" width="800" height="700" class=layout>

and change the width and height

sparklz4jrt

Jan 11 2007, 07:48 PM

maybe i should show you what the code is first... basically i want the image centered and make it the width of the page. then i want to add another image on there to extend the page out longer... you know what i mean? sort of how you have it like it on your page http://acrylique.org its like how you have the header part then you have an extra image to make your page longer. anyways heres the code i currently have.... thaks for your help!

CODE

<html>

<head>
<title>FutureSex/LoveShow Fan</title>
<LINK rel="stylesheet" type="text/css" href="http://pink-sparklz.her-konspiracy.com/style.css">
</head>

<body>
<center>
<img src="http://fslsfan.myfanhost.com/fslslayout.png">
</center>

<iframe name="blog" src="http://fslsfan.myfanhost.com/blog.html" height="475px" width="455px" frameborder="0" scrolling="yes" style="position: absolute; left: 229px; top: 405px; border: 0px solid black; z-index:1; overflow-x: hidden; overflow-y: auto;"></iframe>

<iframe name="sidebar" src="http://fslsfan.myfanhost.com/sidebar.html" height="600px" width="192px" frameborder="0" SCROLLING="yes" style="position: absolute; left: 699px; top: 1px; border: 0px solid black; z-index:1; overflow-x: hidden; overflow-y: auto;"></iframe>

</body>
</html>

freeflow

Jan 11 2007, 08:25 PM

I get what you mean well your header you should put it in a div and then you should position it where you want it.

For the background to constantly extended down you use this code:

CODE

For the image for that code, you need to make something like this: (its a short version of only the botom half that will repeat)
http://img90.imageshack.us/img90/7792/tdgih7.gif

This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.