I'm a beginner at web design, so my webpage is not that great. I use notepad to edit my HTML and IE7 to display my webpage. I tried to put in CSS in my webpage to make purple letters and a yellow background, but it never works. I had to use html to do it. I would really like to learn how to use CSS. My website is heidegger001.angelfire.com. This is my code.

<html>
<head>
<meta name="author" content="Jackson Hong">
<meta name="description" content="Jackson Hong">
<meta name="keyword" content="Jackson,Hong">
<title> Jackson Hong's Personal Web Page
</title>
</head>
<body bgcolor="yellow" text="purple">
<p> My name is Jackson Hong. </p>
<p> I live in Cupertino, California. </p>
<p> My hobby is html. Still trying to learn it so I guess I'm not that great at it. </p>
<img src="http://www.freeimageslive.com/galleries/nature/roses/floralrose0659_small.jpg">
<iframe width="650" height="480" src="http://www.freeonlinegames.com/embed.php?g_id=13674" frameborder="0" scrolling="no"></iframe>
<!-- \/ GuestGEAR Code by http://htmlgear.com \/ -->
<a href="http://htmlgear.lycos.com/specs/guest.html"><img border=0 ismap src="http://htmlgear.lycos.com/img/guest/gb_white.gif"></a><br>
<a href="http://htmlgear.tripod.com/guest/control.guest?u=heidegger001&i=1&a=view"><font face="arial,helv,helvetica,sans serif" size=-1>View My Guestbook</font></a><br>
<a href="http://htmlgear.tripod.com/guest/control.guest?u=heidegger001&i=1&a=sign"><font face="arial,helv,helvetica,sans serif" size=-1>Sign My Guestbook</font></a><br>
<!-- /\ End GuestGEAR Code /\ -->
<!-- START OF HIT COUNTER CODE -->
<br><script language="JavaScript" src="http://www.counter160.com/js.js?img=1"></script><br><a href="http://www.000webhost.com"><img src="http://www.counter160.com/images/1/left.png" alt="Free web hosting" border="0" align="texttop"></a><a href="http://www.hosting24.com"><img alt="Web hosting" src="http://www.counter160.com/images/1/right.png" border="0" align="texttop"></a>
<!-- END OF HIT COUNTER CODE -->
</body>
</html>

Recommended Answers

All 4 Replies

Are you trying to enter your CSS in the same page or an external page and then link to it?

I am trying to do it in the same page, but either way would be fine.

okay, within your head tags type this

<style type="text/css">
body
{
color:#cc00cc;
background-color:#ffff00;
}
</style>

Notice I specified what I wanted to apply the style to in this case body. The styles I applied are encased in curly brackets {}.
Then you enter what you want to change for the text color it's just color, then a colon : then the value, I use #values. Finally a semi-colon.

If you ever find when playing with CSS that something is not happening, double check your semi-colons and colons.

I've give you a snippet of CSS, I would highly recommend www.w3schools.com for the full run down.

Hope that helps and good luck

Thanks. I forgot to put the curly brackets. It works now.

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.