Background question

[BobbyRags]

I've included the image as well as the HTML and CSS. The top of the screen (masthead) is giving me a problem. May be becuase of the image. Can someone give me a hand? Thank you very much!

BobbyRags Personal Homepage
Robert

Daniel

Photos

Computer Tips

Email Me

Welcome to my personal homepage! My very own piece of real estate on the internet.
The World Wide Web truly is a fascinating place. Please enjoy the photos and the content.
By no means is this site in its final version, it is solely in an introductory stage.
I will be adding links and updating the content as frequently as possible.

If you enjoy the site, tell everyone. Maybe we can exchange links. In the meantime, if you have any comments, critiques, questions, or suggestions, please feel free to contact me. Just leave my mother out of it!

©Copyright 2001, BobbyRags, All Rights Reserved.

Site Last Updated September 10, 2004.

[mikeandike22]

Ok i dont know about the html but i do know that you should crop the pictures on the side they are not completely touching and are smushed.

[BobbyRags]

Ok i dont know about the html but i do know that you should crop the pictures on the side they are not completely touching and are smushed.

There's only one image in my example at the very top of the page? :confused:

[mikeandike22]

Sorry i didnt clarify what pics, i was talking about the ones on the two pages robert and daniel, They are over on the side. Sorry i couldn't be more of a help to your original problem.

[BobbyRags]

No problem buddy. I should have been alittle more specific as well. You looked at my existing website. I am redoing my website and of course it's not online yet. The revised opening page is what my question entails.

Please follow the HTML and CSS code from the original post.

Sorry, html and css files are not valid extension types to attach to threads here.

Thanks!

[mikeandike22]

Save the files as txt files and then upload them and tell the people to click save as css and html

[BobbyRags]

Here's the CSS the HTML is attached as a txt document

A:link {color:blue;}
A:visited {color:black;}
A:active {color:red;}
A:hover {color:green;}
.navbar {position:absolute;top:10px;left:10px;}
BODY {background-image: url("Images/Sideline.gif"); background-repeat: repeat-y; background-position: 0% 0%; font-family:verdana;}
#masthead {background-color: #008000; height: 100px;}
#content {position:absolute;top:0px;left:175px;right:350px;}
UL LI {list-style-type: disc; margin-left: 100px

[mikeandike22]

I think you are missing a file because in the html it says that there is another css file called bobbyragsnew or something.

[BobbyRags]

BobbyRagsNew is the CSS file in the post above yours.

[BobbyRags]

OK, here's the URL in question

http://members.fortunecity.com/bobbyrags2003/

And, here's the CSS

A:link {color:blue;}
A:visited {color:black;}
A:active {color:red;}
A:hover {color:green;}
.navbar {position:absolute;top:10px;left:10px;}
BODY {background-image: url("Images/Sideline.gif"); background-repeat: repeat-y; background-position: 0% 0%; font-family:verdana;}
#masthead {background-color: #008000; height: 100px;}
#content {position:absolute;top:0px;left:175px;right:350px;
}
UL LI {list-style-type: disc; margin-left: 100px;}

[DaveSW]

Your style sheet is being addressed on your c drive...

Not having access to the contents of your harddrive I will have considerable difficulty reading it...

Upload it into the same folder and try:

You may wish to have it all in lower case.

[DaveSW]

You should also have a tag after your tag.

[BobbyRags]

OK, DaveSW I fixed those two requests of yours.

[BobbyRags]

OK, I got the "content" to begin below the "masthead". The "masthead" doesn't reach the "top" of the screen.

http://members.fortunecity.com/bobbyrags2003/

A:link {color:blue;}
A:visited {color:black;}
A:active {color:red;}
A:hover {color:green;}
.navbar {position:absolute;top:10px;left:10px;}
BODY {background-image: url("Images/Sideline.gif"); background-repeat: repeat-y; background-position: 0% 0%; font-family:verdana;}
#masthead {background-color: #008000; height: 100px; top;0px;}
#content {position:absolute;top:125px;left:175px;right:350px;}
UL LI {list-style-type: disc; margin-left: 100px;}

[BobbyRags]

It has to be one of these two lines that needs a litlle tweak. :D

BODY {background-image: url("Images/Sideline.gif"); background-repeat: repeat-y; background-position: 0% 0%; font-family:verdana;}

#masthead {background-color: #008000; height: 100px; top;0px;}

I have masthead at top 0px but it's not quite at the top of the screen.

[DaveSW]

add
margin: 0;
padding: 0;
to your body declaration (yes it was that line!)

hence:
BODY {background-image: url("Images/Sideline.gif"); background-repeat: repeat-y; background-position: 0% 0%; font-family:verdana; margin: 0; padding: 0;}

[BobbyRags]

add margin: 0; padding: 0; to your body declaration (yes it was that line!)

hence: BODY {background-image: url("Images/Sideline.gif"); background-repeat: repeat-y; background-position: 0% 0%; font-family:verdana; margin: 0; padding: 0;}

It worked! Thank you so very much! I appreciate it! :)

I was going to start pulling my hair out. :mrgreen:

[DaveSW]

I was going to start pulling my hair out. :mrgreen:

Not a good idea...
:cheesy:

[JasonRCS]

Message Deleted...

[marketraise int]

Dear members
I take upon this opportunity 2 thank u people 4 permitting me 2 register 2 ur site.Hopefully with ur co-operation i will njoy my stay on ur site.I have read all the
requistes b4 i registered and i promise to abide by them
thanking you
Best Regards,
Shuvayu
MarketRaise Corp.
[EMAIL="[e-mail]"][e-mail][/EMAIL]
[EMAIL="[e-mail]"][e-mail][/EMAIL]