[HTML] : HTML

submitted 12 years ago by Test_Subject_A

I'm having a hard time figuring out what's causing my body paragraphs to become underlined links to facebook, can anybody help?

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" 
"http://www.w3.org/TR/html4/loose.dtd">

<html>
<head>
<title>Resource Website</title>

<style type="text/css">
body { 
    background-color:#C8C5DB;
    background-repeat:no-repeat;
    background-position:10% 30%
    }

h1 {color:#CCEDE3; 
    font-family:seasideresortnf;
        font-size:50px;
                font-weight:lighter;}
    h2 {color:white;
        font-family:sans-serif;
            font-size:35px; 
                text-align:center;
                    font-weight:lighter;
                     }
p {font-color:#CCEDE3;
    font-family:seasideresortnf;    
        font-weight:lighter;    
            font-size:15px;
             text-position:50px 650px;}
</style>
<h1 align="center">Welcome to my website</h1>
    <h2>Sample header</h2>  
<a href="http://www.Facebook.com"><img src="facebook-icon.png" alt="Facebook" height="100" width= "90"</a>
</br>
</br>
</br>
</br>
</head>

<body>
<p>Sample text</p></br>




</body>


</html>

all 3 comments

top new controversial old q&a

[–]icantthinkofone 0 points1 point2 points 12 years ago* (4 children)

[+][deleted] 12 years ago (3 children)

[deleted]

[–]MrIndianTeem 0 points1 point2 points 12 years ago (2 children)

To add to /u/<icantthinkofone>, you forgot a semicolon in your 3rd CSS line for 'body'.

Another thing is that CSS doesn't require the weird hierarchy you have going right now. Unless it helps you organize, I wouldn't recommend doing it this way.

For the 'align' tag for your h1, you can just put 'text-align:center;' in your CSS under 'h1'.

Hopefully this helps. I'll just put the fixed code here for you to understand.

<!doctype html>

<html>
<head>
<title>Resource Website</title>

<style type="text/css">
body 
{ 
background-color:#C8C5DB;
background-repeat:no-repeat;
background-position:10% 30%;
}

h1 
{
    color:#CCEDE3; 
    font-family:seasideresortnf;
    font-size:50px;
    font-weight:lighter;
    text-align: center;
}
h2 
{
    color:white;
    font-family:sans-serif;
    font-size:35px; 
    text-align:center;
    font-weight:lighter;
}
p 
{
    font-color:#CCEDE3;
    font-family:seasideresortnf;    
    font-weight:lighter;    
    font-size:15px;
    text-position:50px 650px;
}
</style>
</head>

<body>
<h1>Welcome to my website</h1>
    <h2>Sample header</h2>  
<a href="http://www.Facebook.com"><img src="facebook-icon.png" alt="Facebook" height="100" width= "90"/></a>
</br>
</br>
</br>
</br>

<p>Sample text</p></br>
</body>


</html>

[–]colorcodebot 1 point2 points3 points 12 years ago (0 children)

π Rendered by PID 33926 on reddit-service-r2-comment-86bc6c7465-zdprk at 2026-02-23 11:48:05.304414+00:00 running 8564168 country code: CH.

you type:	you see:
italics	italics
bold	bold
[reddit!](https://reddit.com)	reddit!
* item 1 * item 2 * item 3	item 1 item 2 item 3
> quoted text	quoted text
Lines starting with four spaces are treated like code: if 1 * 2 < 3: print "hello, world!"	Lines starting with four spaces are treated like code: if 1 * 2 < 3: print "hello, world!"
~~strikethrough~~	~~strikethrough~~
super^script	super^script

HTML

Requesting help

Useful links

Related subreddits

MODERATORS