PDA

View Full Version : help css frames and backgrounds??

fllnstr18
06-30-2004, 02:11 PM
how do i keep my frames and add a background in them? currently they are white i tryed to use this body {background: fixed; color: #11008a} but it did not work and i tryed this # left body {background-image: ur(the_picture.bmp); background-repeat: repeat; background-attachment: fixed;} but it did not work either. what am i doing wrong? what do i need to do to add a background inside a frame?
fllnstr18
06-30-2004, 02:12 PM
i really would like some help so if any one knew that would be awsome.
MaGiCSuN
06-30-2004, 02:44 PM
body {background: fixed; color: #11008a}

with that code you have the text #11008a and the background: fixed; is not an excisting code ;)

for a background image you use this in your css:

body {background-image: url(URLOFIMAGEHERE.GIF);}

for a background color you use this in your css:

body { background-color: #11008a; }

Next time don't bump your own thread please :) you replied one minute after you posted. This is an international forum, and most people aren't online at this moment of the day. Give it time, please

Love,
Mirna
fllnstr18
06-30-2004, 02:53 PM
i tried this code and it did not work for me i donno why everytime i put it in there my image just doesnt show?
MaGiCSuN
06-30-2004, 03:03 PM
show me the page and i will try my best to help :)
check the url to the image, and if the image is uploaded in the right place

Love,
Mirna
fllnstr18
06-30-2004, 03:06 PM
"http://www.angelfire.com/theforce/peaplegetrich/page" i am trying to put it together it likes to fall a part
MaGiCSuN
06-30-2004, 03:24 PM
you got it in the wrong class. There is no left body. use this as your page, because it's messed up pretty good haha :

<html>
<head>
<title>Three Column CSS Layout with Header</title>
<style type="text/css">

A:hover
{ text-decoration: line-through; text-transform:uppercase; background-color: #000000; cursor: crosshair; }

body
{scrollbar-face-color: blue;scrollbar-shadow-color: black;
scrollbar-highlight-color: black;scrollbar-3dlight-color: black;
scrollbar-darkshadow-color: black;scrollbar-track-color: black;
scrollbar-arrow-color: blue;
color: #11008a;
margin-top: 0;
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
padding-left: 0;
padding-right: 0;}

#header
{margin: 20px;
padding: 10px;
height: 100px;}

#left
{position: absolute;
left: 15px;
top: 160px;
width: 200px;
background-image: url(the_picture.bmp);
background-repeat: repeat;}

#center
{top: 0;
margin-left: 230px;
margin-right: 230px;}

#right
{position: absolute;
right: 15px;
top: 160px;
width: 200px;}

</style>
</head>

<body>

<div id="header">

Our logo will go here and it will be BIG!!!

</div>

<div id="left">

This is the row for the contest and stuff in the guild...

</div>


<div id="center">

Welcome to the guilds new home page and it will be open and runnning soon so hold on just a sec. Coming soon hopefully: Top Dog Award(for the member that gives and gives and never says never.), Who Said It?(see if you can guess these quotes and win), High Scores Bank(try to beat these scores and get a reward). All this and much much more!!!

</div>

<div id="right">
place what ever in here i would like to put the neopet pages here

<br>
<a href="http://www.neopets.com/desert/shrine.phtml">Coltzan's Shrine</a>
<br>
<a href="http://www.neopets.com/island/tombola.phtml">Tombola</a>
<br>
<a href="http://www.neopets.com/desert/fruitmachine.phtml">Fruit Machine</a>
<br>

</div>

</body>
</html>

You had the body tag in the <head> section. You also had H1 and P wich you don't even need ;) Now make sure the adress to the picture in the #left section is the right one

Love,
Mirna