•
•
•
•
What is DaniWeb IT Discussion Community?
You're currently browsing the JavaScript / DHTML / AJAX section within the Web Development category of DaniWeb, a massive community of 375,195 software developers, web developers, Internet marketers, and tech gurus who are all enthusiastic about making contacts, networking, and learning from each other. In fact, there are 2,163 IT professionals currently interacting right now! Registration is free, only takes a minute and lets you enjoy all of the interactive features of the site.
Please support our JavaScript / DHTML / AJAX advertiser: Lunarpages Web Hosting
Views: 5956 | Replies: 22
 |
•
•
Join Date: Jul 2004
Posts: 19
Reputation: 
Rep Power: 4
Solved Threads: 0
Newbie Poster
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!
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE>BobbyRags Personal Homepage</TITLE>
<meta name="Keywords" Content="homepage, personal homepage, bobbyrags, rags, bobby, photos, links, Robert, Daniel, Christine, family, tips">
<meta name="Description" Content="The BobbyRags personal homepage. A homepage featuring family photos.">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta name="Generator" CONTENT="Notepad">
<LINK REL=stylesheet HREF="C:\BobbyRags(New)\BobbyRagsNew.CSS" TYPE="text/css">
</HEAD>
<div class="navbar">
<P><a href="Robert.htm">Robert</a></p>
<P><a href="Daniel.htm">Daniel</a></p>
<P><a href="Photos.htm">Photos</a></p>
<P><a href="Tips.htm">Computer Tips</a></p>
<P><a href="mailto:webmaster@bobbyrags.com">Email Me</a></p>
</div>
<div id="content">
<div id="masthead">
<p align="center"><IMG SRC="Images/BobbyRags2.gif" height="112" width="300" alt="logo"></p>
</div>
<p>
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.</p>
<p>
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 <a href="mailto:webmaster@bobbyrags.com">contact me.</a>
Just leave my mother out of it!<IMG SRC="Images/Smile.gif" alt="smile"></p>
<p align="center"><!-- Copyright 2001, BobbyRags, All rights Reserved.-->
©Copyright 2001, BobbyRags, All Rights Reserved.</p>
<p align="center"><font color="#ff0000">
Site Last Updated September 10, 2004.</font></p>
<SCRIPT LANGUAGE="JavaScript">
//This script posts the exact day and time you arrived
RightNow = new Date();
document.write("Today's date is " + (RightNow.getMonth()+1) + "-" + RightNow.getDate() + "-" + RightNow.getFullYear() + ". You entered this Web Page at exactly: " + RightNow.getHours() + ":" + RightNow.getMinutes() + " and " + RightNow.getSeconds() + " seconds")
</SCRIPT>
<p align="center"><IMG SRC="Images/thanxsm.gif" height="37" width="245" alt="Thanks"></p></div>
</BODY>
</HTML>
**************************************************
*******
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;}
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE>BobbyRags Personal Homepage</TITLE>
<meta name="Keywords" Content="homepage, personal homepage, bobbyrags, rags, bobby, photos, links, Robert, Daniel, Christine, family, tips">
<meta name="Description" Content="The BobbyRags personal homepage. A homepage featuring family photos.">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta name="Generator" CONTENT="Notepad">
<LINK REL=stylesheet HREF="C:\BobbyRags(New)\BobbyRagsNew.CSS" TYPE="text/css">
</HEAD>
<div class="navbar">
<P><a href="Robert.htm">Robert</a></p>
<P><a href="Daniel.htm">Daniel</a></p>
<P><a href="Photos.htm">Photos</a></p>
<P><a href="Tips.htm">Computer Tips</a></p>
<P><a href="mailto:webmaster@bobbyrags.com">Email Me</a></p>
</div>
<div id="content">
<div id="masthead">
<p align="center"><IMG SRC="Images/BobbyRags2.gif" height="112" width="300" alt="logo"></p>
</div>
<p>
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.</p>
<p>
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 <a href="mailto:webmaster@bobbyrags.com">contact me.</a>
Just leave my mother out of it!<IMG SRC="Images/Smile.gif" alt="smile"></p>
<p align="center"><!-- Copyright 2001, BobbyRags, All rights Reserved.-->
©Copyright 2001, BobbyRags, All Rights Reserved.</p>
<p align="center"><font color="#ff0000">
Site Last Updated September 10, 2004.</font></p>
<SCRIPT LANGUAGE="JavaScript">
//This script posts the exact day and time you arrived
RightNow = new Date();
document.write("Today's date is " + (RightNow.getMonth()+1) + "-" + RightNow.getDate() + "-" + RightNow.getFullYear() + ". You entered this Web Page at exactly: " + RightNow.getHours() + ":" + RightNow.getMinutes() + " and " + RightNow.getSeconds() + " seconds")
</SCRIPT>
<p align="center"><IMG SRC="Images/thanxsm.gif" height="37" width="245" alt="Thanks"></p></div>
</BODY>
</HTML>
**************************************************
*******
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;}
•
•
Join Date: May 2004
Location: Boston,MA
Posts: 1,362
Reputation:
Rep Power: 7
Solved Threads: 16
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.
•
•
Join Date: Jul 2004
Posts: 19
Reputation:
Rep Power: 4
Solved Threads: 0
Newbie Poster
•
•
•
•
Originally Posted by 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.
There's only one image in my example at the very top of the page?
•
•
Join Date: May 2004
Location: Boston,MA
Posts: 1,362
Reputation:
Rep Power: 7
Solved Threads: 16
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.
•
•
Join Date: Jul 2004
Posts: 19
Reputation:
Rep Power: 4
Solved Threads: 0
Newbie Poster
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!
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!
•
•
Join Date: May 2004
Location: Boston,MA
Posts: 1,362
Reputation:
Rep Power: 7
Solved Threads: 16
Save the files as txt files and then upload them and tell the people to click save as css and html
•
•
Join Date: Jul 2004
Posts: 19
Reputation:
Rep Power: 4
Solved Threads: 0
Newbie Poster
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
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
•
•
Join Date: May 2004
Location: Boston,MA
Posts: 1,362
Reputation:
Rep Power: 7
Solved Threads: 16
I think you are missing a file because in the html it says that there is another css file called bobbyragsnew or something.
•
•
Join Date: Jul 2004
Posts: 19
Reputation:
Rep Power: 4
Solved Threads: 0
Newbie Poster
BobbyRagsNew is the CSS file in the post above yours.
•
•
Join Date: Jul 2004
Posts: 19
Reputation:
Rep Power: 4
Solved Threads: 0
Newbie Poster
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;}
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;}
|
•
•
•
•
Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)
•
•
•
•
•
•
•
•
DaniWeb JavaScript / DHTML / AJAX Marketplace
Linear Mode
- Previous Thread: Myspace submit button hyperlinks _blank
- Next Thread: Get the text with mouse hover
