PDA

View Full Version : Serious Help

pinhead7987
04-08-2004, 05:09 PM
I made my css layout but when i load it up no background shows up my links dont change clors and also the 2 colomn and a header wont appear eitgher. so what do i do??
bourdelson
04-08-2004, 05:10 PM
A link to your website would be helpful in solving the problem. :)
pinhead7987
04-08-2004, 05:16 PM
weel a link to my style sheets is www.geocities.com/pinhead7987@sbcglobal.net/stylesheet.css
bourdelson
04-08-2004, 05:26 PM
Here's your problem: you're trying to put everything inside of your stylesheet. The only thing that is supposed to be in your external stylesheet is the style stuff.

This will be your stylesheet.css page:


body
#header {
margin : 20px;
padding : 10px;
height : 100px;
}
#left {
position : absolute;
left : 15px;
top : 160px;
width : 200px;
}
#center {
top : 0;
margin-left : 230px;
margin-right : 15px;
}
A:visited {
text-decoration : none;
color : #00ffff;
}
A:active {
text-decoration : underline;
color : #00ff00;
}
A:hover {
color : #ff0000;
}
body {
background-image : url('http://www.geocities.com/pinhead7987@sbcglobal.net/background.html');
background-repeat : no-repeat;
background-position : center;
background-attachment : fixed;
font-family : arial;
color : #000000;
letter-spacing : 0;
font-weight : normal;
margin-top : 0;
margin-bottom : 0;
margin-left : 0;
margin-right : 0;
padding-top : 0;
padding-bottom : 0;
padding-left : 0;
padding-right : 0;
}

Then your index.html page or whatever page you put this on will look like:
<html>
<head>
<title>My page</title>
<link href="stylesheet.css" rel="stylesheet" type="text/css">
</head>
<body>
<div id="header">
</div>
<div id="left">
</div>
<div id="center">
</div>
</body>
</html>
pinhead7987
04-08-2004, 05:52 PM
i did waht you told me to do and it worked ty but why doesnt my background come up??
bourdelson
04-08-2004, 05:55 PM
Can I have the link to your actual page, please? It's hard to tell when I can't see it. :)

Edit: I see it in the CSS I posted. You're trying to make your background an actual page. You have to link to the image itself, not background.html. It has to be background.jpg or background.gif
pinhead7987
04-08-2004, 06:01 PM
the link im using is www.geocities.com/pinhead7987@sbcglobal.net/index2.html

I just changed it and that didnt work or atleast not on mine but IM me on toolrules69tl thats my aim sn and will make it alot easier
bourdelson
04-08-2004, 06:04 PM
#header {
margin : 20px;
padding : 10px;
height : 100px;
}
#left {
position : absolute;
left : 15px;
top : 160px;
width : 200px;
}
#center {
top : 0;
margin-left : 230px;
margin-right : 15px;
}
A:visited {
text-decoration : none;
color : #00ffff;
}
A:active {
text-decoration : underline;
color : #00ff00;
}
A:hover {
color : #ff0000;
}
body {
background-image : url('http://www.geocities.com/pinhead7987@sbcglobal.net/background.gif');
background-repeat : no-repeat;
background-position : center;
background-attachment : fixed;
font-family : arial;
color : #000000;
letter-spacing : 0;
font-weight : normal;
margin-top : 0;
margin-bottom : 0;
margin-left : 0;
margin-right : 0;
padding-top : 0;
padding-bottom : 0;
padding-left : 0;
padding-right : 0;
}


I don't know if maybe this had something to do with it, but you had an extra "body" in there. Maybe that'll fix the problem.
pinhead7987
04-08-2004, 06:07 PM
no u just forgot to take a character out but i fixed it and thanks so much.
bourdelson
04-08-2004, 06:08 PM
Haha, I just got your PM. :D No problem at all, glad you got your page to work out. ^.^
pinhead7987
04-08-2004, 06:20 PM
www.geocities.com/pinhead7987@sbcglobal.net
bourdelson
04-08-2004, 06:23 PM
I can't get to your page...it says that you've exceeded your bandwidth for the hour.
pinhead7987
04-08-2004, 06:26 PM
well what i can tell you is that my background isnt working and the way i setted my table up isnt there either.
bourdelson
04-08-2004, 06:35 PM
Strange. Well, since I can't access your page, could you post the coding for me, please? :)
pinhead7987
04-08-2004, 06:39 PM
here is my index
<html>
<head>
<h1>My life</h1>
<title>My Life</title>
<link href="stylesheet.css" rel="stylesheet" type="text/css">
</head>
<body>
<div id="header">
<a href="mailto:pinhead7987@sbcglobal.net">Email</a>
<A href="http://www.geocities.com/pinhead7987@sbcglobal.net/music.html">To Pinhead's Music</a>
<a href="http://www.geocities.com/pinhead7987@sbcglobal.net/fate.html">Fate</a>
</div>
<div id="left">
</div>
<div id="center">
Honestly my life isn't that interesting but here it goes. I love my gf Heather dearly, she has been extremely good to me for the 2 months we been together and the 18 months we've known each other. I just normally sit and find out what I can about websites, or anything that can help me make my computer or me better at it. I love to go see a movie, talk on the phone, get online, talk to friends, hate school (wish I never had to go again), going to the air force after high school, so you can say i already have my life planned ahead of time. The best thing I love to do is go places with friends and my gf, that just gets me in a better mood because the few friends that i have are like my family, even though they don't know that they are. My best friends are"
Heather (my gf), Mallory, Julian, Teresa, Lindsey, Caleb and for right now that is about all I can think of. Those people mean the world to me and I am glad they are here for me when I need them. My aim sn is toolrules69tl.... feel free to im me if you want.</div>
</body>
</html>

stylesheet
body
#header {
margin : 20px;
padding : 10px;
height : 100px;
}
#left {
position : absolute;
left : 15px;
top : 160px;
width : 200px;
}
#center {
top : 0;
margin-left : 230px;
margin-right : 15px;
}
A:visited {
text-decoration : none;
color : #00ffff;
}
A:active {
text-decoration : underline;
color : #00ff00;
}
A:hover {
color : #ff0000;
}
body {
background-image : url(http://www.geocities.com/pinhead7987@sbcglobal.net/background.gif);
background-repeat : no-repeat;
background-position : center;
background-attachment : fixed;
font-family : arial;
color : #000000;
letter-spacing : 0;
font-weight : normal;
margin-top : 0;
margin-bottom : 0;
margin-left : 0;
margin-right : 0;
padding-top : 0;
padding-bottom : 0;
padding-left : 0;
padding-right : 0;
}
bourdelson
04-08-2004, 06:42 PM
Well the tag <h1>My life</h1> shouldn't be inside of your <head> tags. It should be in between the <body> tags.

This part:

margin-top : 0;
margin-bottom : 0;
margin-left : 0;
margin-right : 0;
padding-top : 0;
padding-bottom : 0;
padding-left : 0;
padding-right : 0;

Might be affecting your positioning. Try taking that out and see if it helps.
pinhead7987
04-08-2004, 06:57 PM
no none of that help[ed and it is really ^^^^ing mwe off really bad but why would i need to take it out if the last time we tried it worked??
bourdelson
04-08-2004, 07:02 PM
It was just a suggestion. I'm sorry, but I still can't get to your page, so I can't physically see what's wrong with it.
pinhead7987
04-08-2004, 07:09 PM
well hey i think its working now on both parts......so u look and tell me what you think.........
bourdelson
04-08-2004, 07:21 PM
It's working, but I would suggest changing your font color to something different, because I can't read it without highlighting it. Maybe change it to white.

color:#ffffff;
pinhead7987
04-08-2004, 07:55 PM
would you help me becuase now my background doesnt load watch your language please!
bourdelson
04-08-2004, 07:59 PM
That's weird. Try deleting the actual picture and then reuploading it. I can't figure out why it's not loading.
pinhead7987
04-08-2004, 08:03 PM
would it work if i resized it becuae its 1022 by 766 pixels i beleive
MaGiCSuN
04-08-2004, 08:03 PM
try linking it like background.gif without the full url :)

edit: woah that's a very very large background. Might be the reason why it's not loading, atleast not now. If it's still not loading after a few minutes try my suggestion in this post :)

Love,
Mirna
pinhead7987
04-08-2004, 08:12 PM
well i guess it was just my pic was way way way to big