Homework help with HTML

Question

1.00/5 (1 vote)

See more:

This is my assignment I am not expecting someone to do this for me just help me figure out what I am doing wrong.
<pre lang="text">
3. Add an embedded style sheet to the head section of the document. With the style sheet create the following style for the page body:
a. Set the background color to black and the text color to white.
b. Use the file back1.gif as a background image tiled in the vertical direction only.
c. Set the margins to 0 pixels.
4. Apply the following styles to the pageContent div container:
e. Use the file back2.gif as a background image.
f. Set the margin to 0 pixels.
</pre>
This is the code I have so far. (However I did remove some of the words in the paragraph) but it is not working right:

<pre lang="HTML"> <html>
<head>
<title>International Cryptographic Institute</title>
<style type="text/css">
body {background-color: black; color: white; background-image: url(back1.gif); background-repeat: repeat-y; margin: 0px}
h1 {font-family: Courier New; font-size: 24pts; letter-spacing: 10pts; line-height: 0.7; text-align: center;
color: yellow; background-image: url(back2.gif); margin: 0px}
b {color: yellow}
p {text-indent: 2em}
</style>
</head>
<body>
<div id="pageContent" style="width 670px; margin-left: 100px; font: Arial">
<div id="logo">
<img src="logo.gif" alt="ICI" width="95" height="78" align="left" />
</div>
<h1>
THE <br />
SCIENCE<br />
  OF<br />
CRYPTOGRAPHY
</h1>
<h2>What is Cryptography?</h2>
<p><b>Cryptography</b> is the science of secure communications,
formed from the Greek words <i>kryptós</i> meaning "hidden"
and <i>lógos</i>, meaning "word."
<img src="scytale.gif" alt="image" width="250" height="69" align="right" />
</p>
<p style="border-bottom: 2px solid yellow; padding-bottom: 10px">Cryptographers
developed more and more ingenious systems, but it was in the 20<sup>th</sup>
<p style="text-align: center">To learn more cryptography, please tour our site.<br />
<img src="locks.jpg" alt="lock links" width="510" height="110" />
<map id="locks" name="locks" usemap="#locks" style="border-width: 0">
<area shape="circle" coords="52, 52, 43"
href="history.htm" alt="History" />
<area shape="circle" coords="155, 52, 43"
href="enigma.htm" alt="Enigma" />
<area shape="circle" coords="255, 52, 43"
href="algo.htm" alt="Algorithms" />
<area shape="circle" coords="355, 52, 43"
href="single.htm" alt="Single Key" />
<area shape="circle" coords="455, 52, 43"
href="public.htm" alt="Public Key" />
</map>
</p>
</div>
</body>
</html>

</pre>
Thanks

Posted 31-Jul-11 8:06am

Kcbroncofan

Updated 31-Jul-11 19:10pm

v6

Add a Solution

Comments

Kcbroncofan 31-Jul-11 19:43pm

Thank you I only gave all the steps so that you could understand what I am trying to get done. I am going through and putting all the code that I can and then I will repost.
Thanks

Kcbroncofan 1-Aug-11 0:51am

I have finished all the code but the image on the top is not over far enough. The "ICI" logo should be in the far left corner with no letters there.

2 solutions

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Richard MacCutchan · Answer 1 · 2011-07-31T08:55:00

You have 21 points in your original question but almost no code, apart from the standard portion of an HTML page. You then say "it is not working right". That is probably because you have not added any of the code necessary to resolve the foregoing 21 points. Try some research into HTML (here[^] is a good place to start), and come back here when you can demonstrate that you have at least made some effort.

#realJSOP · Answer 2 · 2011-07-31T08:44:00

Solution 1

Go here[^]

Posted 31-Jul-11 8:44am

#realJSOP