PDA

View Full Version : Layout Help

TriosDarling
07-08-2004, 05:04 PM
I made a layout banner/header thing here:
Header (http://img9.photobucket.com/albums/v27/TriosDarling/TRIOBANNER.jpg)

and this (http://img9.photobucket.com/albums/v27/TriosDarling/triobanner2.gif) to be repeated for the background.

Now I am not sure how to code it to get it to a site. Thanks in advance and I am sorry if this question has been askeb before.
Lîm_Gravecryer
07-08-2004, 05:32 PM
<body background=background.gif>
<center><img src=banner.gif></center>


would that be it??
SSPrincess
07-08-2004, 11:14 PM
For the first picture, you can just use a div to position it where you want it using this code for divs:

<div style="position:absolute; left:100px; top:100px; width:100px; height:100px; background-color:#ffffff; overflow:auto">
<img src="http://img9.photobucket.com/albums/v27/TriosDarling/TRIOBANNER.jpg">
</div>
You just need to change the parts in bold in order to position the div where you want it.

You'd do this for the background:
<style type="text/css">
body
{ background: #000000;
background-image: url(http://img9.photobucket.com/albums/v27/TriosDarling/triobanner2.gif);
background-repeat: repeat;}
</style>

I hope this helps. Have a nice day! :)
TriosDarling
07-09-2004, 12:14 AM
Thanks A lot!!!
Snoopster87c
07-09-2004, 07:52 AM
can't you just type <body background=image.gif>? you dont gotta type all that center stuff do you? Cause mine works fine without it

heres the exact code to use:

<body background=http://img9.photobucket.com/albums/v27/TriosDarling/triobanner2.gif><center><img src=http://img9.photobucket.com/albums/v27/TriosDarling/TRIOBANNER.jpg>
</center> That should work. Just copy paste it into your site :)
Snoopster87c
07-09-2004, 07:55 AM
heres the exact code to use:

<body background=http://img9.photobucket.com/albums/v27/TriosDarling/triobanner2.gif><center><img src=http://img9.photobucket.com/albums/v27/TriosDarling/TRIOBANNER.jpg>
</center> That should work. Just copy paste it into your site :)
MaGiCSuN
07-09-2004, 12:45 PM
can't you just type <body background=image.gif>? you dont gotta type all that center stuff do you? Cause mine works fine without it


in this case, yes. background-repeat: repeat; is kinda useless, because a background allready repeats itself without the code too like you said.

Unless you want it to repeat horizontally or vertically only or no repeat at all then you can use css to make that happen.

Love,
Mirna