Background image

They have: 11 posts

Joined: May 2006

Hello all, a big massive newbie

Right, my problem is i made a background image using gimp, the size is 1054 w and 420 h, now when i put this into my webpage, the picture comes out with a repeated pic at the bottom like a tile, so i tried to put the css code no repeat but not sorting the problem out.

I'm using Trellian webpage, what i'm i doing wrong?

Busy's picture

He has: 6,151 posts

Joined: May 2001

Can you show us the (css) code you used.

It should be something like:
background-image: url("bg.gif"); background-repeat:repeat-y;

x for across, y for down, or if you don't want it tiling at all, then
background-attachment: fixed;

They have: 11 posts

Joined: May 2006

Don't want any tiles at all

looking at your code, mine looked very wrong

here my code

He has: 698 posts

Joined: Jul 2005

I think the only way you can do this is in CSS. This is something like what your page should look like:

<html>
<head>
<style type="text/css">
body {
background-color: #FFFFFF;
background-image: url("C:\Documents and Settings\julie\My Documents\My Pictures\websitegetonthis\skytemplates\trial.jpg");
background-repeat: no-repeat;
}
</style>
</head>
<body>
<!--Rest of page...-->
'
Also, you are going to have to actually upload the image and change the URL when the time comes to be able to view it. If you want the image to repeat horizontally or vertically, do "repeat-x" or "repeat-y" where I have "no-repeat". Wink

Kurtis

They have: 11 posts

Joined: May 2006

mscreashuns wrote: I think the only way you can do this is in CSS. This is something like what your page should look like:

<html>
<head>
<style type="text/css">
body {
background-color: #FFFFFF;
background-image: url("C:\Documents and Settings\julie\My Documents\My Pictures\websitegetonthis\skytemplates\trial.jpg");
background-repeat: no-repeat;
}
</style>
</head>
<body>
<!--Rest of page...-->
'
Also, you are going to have to actually upload the image and change the URL when the time comes to be able to view it. If you want the image to repeat horizontally or vertically, do "repeat-x" or "repeat-y" where I have "no-repeat". Wink

Thank you, i have no tiles:D but my pic is not big enough cos i have a white patch on thr right hand side of the screen.

Thanks very much

Busy's picture

He has: 6,151 posts

Joined: May 2001

be sure to take off the "C:\Documents and Settings\julie\My Documents\My Pictures\websitegetonthis\skytemplates\" on the image link or it wont work when you upload it (there is no C drive on the internet)

They have: 11 posts

Joined: May 2006

Busy wrote: be sure to take off the "C:\Documents and Settings\julie\My Documents\My Pictures\websitegetonthis\skytemplates\" on the image link or it wont work when you upload it (there is no C drive on the internet)

Thanks.

JeevesBond's picture

He has: 3,956 posts

Joined: Jun 2002

Busy wrote: (there is no C drive on the internet)

Especially since most of the Internet runs on Linux. Smiling

They have: 7 posts

Joined: Jun 2006

as there is no c drive on the net thats why due to that it is running on Linux
try contacting awebsite optimizing specialist he will be in a position to help u .

They have: 11 posts

Joined: May 2006

Thanks for the advice everyone.

I now have a new problem
I'm making a nav bar for my page

this is the code
But when i load the code into the source and try to preview the page on trellian, the page is still loading after 10 minutes, still loading now.
I'm confused.

<OBJECT classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0"
WIDTH=550 HEIGHT=27>
<PARAM NAME=movie VALUE="tags3x_vl.swf?tarframe=_self&exbackground=808080&makenavfield0=Home&makenavurl0=http://kickoutgreed.blogspot.com/&makenavfield1=Join a Party&makenavurl1=http://adultfriendfinder.com/go/page/ad_ffadult_joinparty1?pg=1&pid=g776669&makenavfield2=Footballers Reviews&makenavurl2=http://playersreviews.blogspot.com/&makenavfield3=Online Casino&makenavurl3=http://www.32red.com/?BTag=32RedBanAff5299&makenavfield4=Get Firefox&makenavurl4=http://services.google.com/toolbar/firefox?hl=en_GB&ai=BG9cBRSSAROa4AYyswQGq-t2_DdGe8hfb4efPAcWNtwEAEAEgt8iDBECKFkiiOVDn7KnrA6ABtZXI_QOyARtwbGF5ZXJzcmV2aWV3cy5ibG9nc3BvdC5jb23IAQLaASNodHRwOi8vcGxheWVyc3Jldmlld3MuYmxvZ3Nwb3QuY29tL4ACAZUCAR0wCg&gclid=CMHFs87Ep4UCFRK5QgodSlRsZw">
<PARAM NAME=loop VALUE=false>
<PARAM NAME=menu VALUE=false>
<PARAM NAME=quality VALUE=high>
<PARAM NAME=scale VALUE=noborder>
<PARAM NAME=salign VALUE=LT>
<PARAM NAME=wmode VALUE=transparent>
<PARAM NAME=bgcolor VALUE=#000000>

<EMBED src="tags3x_vl.swf?tarframe=_self&exbackground=808080&makenavfield0=Home&makenavurl0=http://kickoutgreed.blogspot.com/&makenavfield1=Join a Party&makenavurl1=http://adultfriendfinder.com/go/page/ad_ffadult_joinparty1?pg=1&pid=g776669&makenavfield2=Footballers Reviews&makenavurl2=http://playersreviews.blogspot.com/&makenavfield3=Online Casino&makenavurl3=http://www.32red.com/?BTag=32RedBanAff5299&makenavfield4=Get Firefox&makenavurl4=http://services.google.com/toolbar/firefox?hl=en_GB&ai=BG9cBRSSAROa4AYyswQGq-t2_DdGe8hfb4efPAcWNtwEAEAEgt8iDBECKFkiiOVDn7KnrA6ABtZXI_QOyARtwbGF5ZXJzcmV2aWV3cy5ibG9nc3BvdC5jb23IAQLaASNodHRwOi8vcGxheWVyc3Jldmlld3MuYmxvZ3Nwb3QuY29tL4ACAZUCAR0wCg&gclid=CMHFs87Ep4UCFRK5QgodSlRsZw" loop=false menu=false quality=high scale=noborder salign=LT wmode=transparent bgcolor=#000000  WIDTH=550 HEIGHT=27 TYPE="application/x-shockwave-flash" PLUGINSPAGE="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash"></EMBED>

</OBJECT>

<a href="http://www.guistuff.com/"><img border="0" src="http://www.guistuff.com/images/11dot.gif" width="1" height="1"></a>

JeevesBond's picture

He has: 3,956 posts

Joined: Jun 2002

Have you got a link ballet?

It would be much easier to debug at the source of the problem!

They have: 11 posts

Joined: May 2006

JeevesBond wrote: Have you got a link ballet?

It would be much easier to debug at the source of the problem!

No link yet as i've not put the webpage on a hosting web yet, just messing round in my web editor.

I've scraped this for now and try and work on a easier nav bar.

Thanks very much

Want to join the discussion? Create an account or log in if you already have one. Joining is fast, free and painless! We’ll even whisk you back here when you’ve finished.