background image help, sizing |
 Jan 11 2007, 07:07 PM
Post
#1
|
|
 Member  Group: Member Posts: 20 Joined: Jan 2006 Member No: 344,748  |
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! 
|
|
|
|
 |
Replies
(1 - 4)
|
Jan 11 2007, 07:22 PM
Post
#2
|
|
|
Member Group: Member Posts: 20 Joined: Jan 2006 Member No: 344,748 |
anyone, please?
|
|
|
|
|
Jan 11 2007, 07:25 PM
Post
#3
|
|
 Senior Member Group: Official Member Posts: 7,149 Joined: Aug 2005 Member No: 213,509 |
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 |
|
|
|
|
Jan 11 2007, 07:48 PM
Post
#4
|
|
|
Member Group: Member Posts: 20 Joined: Jan 2006 Member No: 344,748 |
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> |
|
|
|
|
Jan 11 2007, 08:25 PM
Post
#5
|
|
|
t-t-t-toyaaa Group: Official Member Posts: 19,821 Joined: Apr 2004 Member No: 11,270 |
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 <style type="text/css"> body{ background-image: url("imgurl"); background-repeat: repeat-y; background-position: center; } </style> 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 |
|
|
|
 |
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members: