I am trying to get my html website page to have the "Most Beautiful Theorem?" section on the right side. However, I can't figure out how to do that. Right now it is just showing up under all my other headings like normal but I want it on the right side of the page as a separate column. If you could help me that would be great. Thanks!
here's the coding I have now:
<!DOCTYPE html>
<html lang="en">
<!-- Math High home page
McLain-Graning MaKayla, CSIS 140, Fall 2015
-->
<head>
<meta charset="utf-8" />
<title>Math High</title>
<link href="css/MathHighStyles.css" rel="stylesheet" type="text/css"/>
</head>
<body>
<header>
<img src="images_MathHigh/mhlogo.jpg" alt="Math High"/>
<h2>Leonhard Euler (1707-1783)</h2>
</header>
<section>
<article>
<p>
The greatest mathematician of the eighteenth century,
<strong>Leonhard Euler</strong> was born in Basel, Switzerland. There,
he studied under another giant of mathematics, <strong>Jean
Bernoulli</strong>. In 1731 Euler became a professor of physics
and mathematics at St. Petersburg Academy of Sciences.
Euler was the most prolific mathematician of all time,
publishing over 800 different books and papers. His
influence was felt in physics and astronomy as well.
</p>
</article>
<p>
He is perhaps best known for his research into
mathematical analysis. Euler's work,
Introductio in analysin infinitorum (1748),
remained a standard textbook in the field for
well over a century. For the princess of Anhalt-Dessau he wrote
Lettres a une princesse d'Allemagne (1768-1772),
giving a clear non-technical outline of the main
physical theories of the time.
</p>
<p>
One can hardly write a mathematical equation without
copying Euler. Notations still in use today, such
as e and pi, were introduced
in Euler's writings. Leonhard Euler died in 1783,
leaving behind a legacy perhaps unmatched, and
certainly unsurpassed, in the annals of mathematics.
</p>
</section>
<aside>
<h1>The Most Beautiful Theorem?</h1>
<p>Euler's Equation:</p>
<p>cos(x) + i*sin(x) = e to the power (i*x)</p>
<p>demonstrates the relationship between algebra,
complex analysis, and trigonometry. From this
equation, it's easy to derive the identity:
</p>
<p>e to the power (pi*i) + 1 = 0</p>
<p>which relates the fundamental constants:
0, 1, pi, e, and i in a single beautiful and
elegant statement. A poll of readers
conducted by The Mathematical Intelligencer
magazine named Euler's Identity as the
most beautiful theorem in the history of
mathematics.</p>
<p>Math High: A Site for Educators and Researchers</p>
</aside>
</body>
</html>
Give the h1 element an id or a class name and add a CSS style to make the heading float.
See http://www.w3schools.com/css/css_float.asp
Related
hi so iv been writing html for a website and was wondering if there is anyway someone could help me im trying to get my 2 sections " early history" and " european adoption" side by side above " modern cards " any recommendations? i dont know how to position them like this any help would be greatly appreciated
<!DOCTYPE html>
<html>
<head>
<title>History</title>
<link rel="stylesheet" type="text/css" href="../CSS/styles.css">
<style>
section {
margin: 10px
}
</style>
</head>
<body>
<!-- Page Header -->
<header>
<img class="imageBannerLeft" src="../images/bannerCardsLeft.png">
<img class="imageBannerRight" src="../images/bannerCardsRight.png">
<h1>Playing Cards</h1>
</header>
<!-- Navigation Bar -->
<nav>
<ul>
<li>Home</li>
<li>History</li>
<li>Multi-player</li>
<li>Single-player</li>
<li>Free Cards</li>
</ul>
</nav>
<!-- The main content of the page -->
<main>
<section>
<h2>Early history</h2>
<p>The first playing cards are recorded as being invented in China around the 9th century AD by the Tang dynasty author Su E who writes about the card game "leaf" in the text Collection of Miscellanea at Duyang. The text describes Princess Tongchang,
daughter of Emperor Yizong of Tang, playing leaf in 868AD with members of the family of the princess' husband.</p>
<p>The mass production of Cards became possible following the invention of wooden printing block technology. Early Chinese packs contained 30 cards with no suits.</p>
<p>The first cards may have doubled as actual paper currency being both the tools of gaming and the stakes being played for. This is similar to modern trading card games. Using paper money was inconvenient and risky so they were substituted by play
money known as "money cards".</p>
<p>The earliest dated instance of a game involving cards with suits and numerals occurred on 17 July 1294.</p>
</section>
<section>
<h2>European Adoption</h2>
<p>The first four-suited playing cards appeared in Europe in 1365. They are thought to originate from traditional latin decks whose suits included: cups, coins, swords, and polo-sticks. As Polo was not yet a European game, polo sticks became batons
(or cudgels). Wide use of playing cards is recorded from 1377 onwards.</p>
<p>Professional card makers in Ulm, Nuremberg, and Augsburg created printed decks. Playing cards even competed with devotional images as the most common uses for woodcuts in this period. These 15th-century playing cards were probably painted.</p>
<p>The Flemish Hunting Deck, held by the Metropolitan Museum of Art is the oldest complete set of ordinary playing cards made in Europe.</p>
<p>Cards were adapted in Europe to contain members of the royal court and by the 15th Century French and English packs of 56 cards contain the King, Queen and Knave cards.</p>
</section>
<section>
<img class="imageCardsRight" src="../images/germanPlayingCards.jpg">
<h2>Modern Cards</h2>
<p>Contemporary playing cards are grouped into three broad categories based on the suits they use: French, Latin, and Germanic. Latin suits are used in the closely related Spanish and Italian formats. The Swiss-German suits are distinct enough to merit
their subcategory. Excluding Jokers and Tarot trumps, the French 52-card deck preserves the number of cards in the original Mamluk deck, while Latin and Germanic decks average fewer.</p>
<p>Within suits, there are regional or national variations called "standard patterns" because they are in the public domain, allowing multiple card manufacturers to copy them. Pattern differences are most easily found in the face cards but the number
of cards per deck, the use of numeric indices, or even minor shape and arrangement differences of the pips can be used to distinguish them. Some patterns have been around for hundreds of years. Jokers are not part of any pattern as they are a
relatively recent invention and lack any standardized appearance so each publisher usually puts their own trademarked illustration into their decks. </p>
</section>
</main>
<!-- Page Footer -->
<footer>
<p> © Card Foundation <br> 2017 <br> Please provide feedback to: jlongridge#jlinternet.co.uk </p>
</footer>
</body>
</html>
Add a class to the first two sections and assign these rules to it:
.myClass {
display: inline-block;
width: 50%;
}
This will put them next to each other. Of course, if there are other factors that influence their width, you have to take that into account (and, for example, reduce the width accordingly)
You're looking for something along this lines, I think:
<!DOCTYPE html>
<html>
<head>
<title>History</title>
<style>
#parent {
float: left;
}
#parent section {
width: 45%;
float: left;
margin:10px
}
</style>
</head>
<body>
<!-- Page Header -->
<header>
<img class="imageBannerLeft" src="../images/bannerCardsLeft.png">
<img class="imageBannerRight" src="../images/bannerCardsRight.png">
<h1>Playing Cards</h1>
</header>
<!-- Navigation Bar -->
<nav>
<ul>
<li>Home</li>
<li>History</li>
<li>Multi-player</li>
<li>Single-player</li>
<li>Free Cards</li>
</ul>
</nav>
<!-- The main content of the page -->
<main>
<section id="parent">
<section>
<h2>Early history</h2>
<p>The first playing cards are recorded as being invented in China around the 9th century AD by the Tang dynasty author Su E who writes about the card game "leaf" in the text Collection of Miscellanea at Duyang. The text describes Princess Tongchang,
daughter of Emperor Yizong of Tang, playing leaf in 868AD with members of the family of the princess' husband.</p>
<p>The mass production of Cards became possible following the invention of wooden printing block technology. Early Chinese packs contained 30 cards with no suits.</p>
<p>The first cards may have doubled as actual paper currency being both the tools of gaming and the stakes being played for. This is similar to modern trading card games. Using paper money was inconvenient and risky so they were substituted by
play money known as "money cards".</p>
<p>The earliest dated instance of a game involving cards with suits and numerals occurred on 17 July 1294.</p>
</section>
<section>
<h2>European Adoption</h2>
<p>The first four-suited playing cards appeared in Europe in 1365. They are thought to originate from traditional latin decks whose suits included: cups, coins, swords, and polo-sticks. As Polo was not yet a European game, polo sticks became batons
(or cudgels). Wide use of playing cards is recorded from 1377 onwards.</p>
<p>Professional card makers in Ulm, Nuremberg, and Augsburg created printed decks. Playing cards even competed with devotional images as the most common uses for woodcuts in this period. These 15th-century playing cards were probably painted.</p>
<p>The Flemish Hunting Deck, held by the Metropolitan Museum of Art is the oldest complete set of ordinary playing cards made in Europe.</p>
<p>Cards were adapted in Europe to contain members of the royal court and by the 15th Century French and English packs of 56 cards contain the King, Queen and Knave cards.</p>
</section>
</section>
<section>
<img class="imageCardsRight" src="../images/germanPlayingCards.jpg">
<h2>Modern Cards</h2>
<p>Contemporary playing cards are grouped into three broad categories based on the suits they use: French, Latin, and Germanic. Latin suits are used in the closely related Spanish and Italian formats. The Swiss-German suits are distinct enough to
merit their subcategory. Excluding Jokers and Tarot trumps, the French 52-card deck preserves the number of cards in the original Mamluk deck, while Latin and Germanic decks average fewer.</p>
<p>Within suits, there are regional or national variations called "standard patterns" because they are in the public domain, allowing multiple card manufacturers to copy them. Pattern differences are most easily found in the face cards but the number
of cards per deck, the use of numeric indices, or even minor shape and arrangement differences of the pips can be used to distinguish them. Some patterns have been around for hundreds of years. Jokers are not part of any pattern as they are
a relatively recent invention and lack any standardized appearance so each publisher usually puts their own trademarked illustration into their decks. </p>
</section>
</main>
<!-- Page Footer -->
<footer>
<p> © Card Foundation <br> 2017 <br> Please provide feedback to: jlongridge#jlinternet.co.uk </p>
</footer>
</body>
</html>
I've wrapped your sections in another section (parent) and just adapted the CSS code a little bit.
I've put width:45% so you can keep your margin:10px. Otherwise I would probably have set width:50%
Try using display:flex; on parent div
main {
display: flex;
width: 100%;
}
<!DOCTYPE html>
<html>
<head>
<title>History</title>
<link rel="stylesheet" type="text/css" href="../CSS/styles.css">
</head>
<body>
<!-- Page Header -->
<header>
<img class="imageBannerLeft" src="../images/bannerCardsLeft.png">
<img class="imageBannerRight" src="../images/bannerCardsRight.png">
<h1>Playing Cards</h1>
</header>
<!-- Navigation Bar -->
<nav>
<ul>
<li>Home</li>
<li>History</li>
<li>Multi-player</li>
<li>Single-player</li>
<li>Free Cards</li>
</ul>
</nav>
<!-- The main content of the page -->
<main>
<section>
<h2>Early history</h2>
<p>The first playing cards are recorded as being invented in China around the 9th century AD by the Tang dynasty author Su E who writes about the card game "leaf" in the text Collection of Miscellanea at Duyang. The text describes Princess Tongchang,
daughter of Emperor Yizong of Tang, playing leaf in 868AD with members of the family of the princess' husband.</p>
<p>The mass production of Cards became possible following the invention of wooden printing block technology. Early Chinese packs contained 30 cards with no suits.</p>
<p>The first cards may have doubled as actual paper currency being both the tools of gaming and the stakes being played for. This is similar to modern trading card games. Using paper money was inconvenient and risky so they were substituted by play
money known as "money cards".</p>
<p>The earliest dated instance of a game involving cards with suits and numerals occurred on 17 July 1294.</p>
</section>
<section>
<h2>European Adoption</h2>
<p>The first four-suited playing cards appeared in Europe in 1365. They are thought to originate from traditional latin decks whose suits included: cups, coins, swords, and polo-sticks. As Polo was not yet a European game, polo sticks became batons
(or cudgels). Wide use of playing cards is recorded from 1377 onwards.</p>
<p>Professional card makers in Ulm, Nuremberg, and Augsburg created printed decks. Playing cards even competed with devotional images as the most common uses for woodcuts in this period. These 15th-century playing cards were probably painted.</p>
<p>The Flemish Hunting Deck, held by the Metropolitan Museum of Art is the oldest complete set of ordinary playing cards made in Europe.</p>
<p>Cards were adapted in Europe to contain members of the royal court and by the 15th Century French and English packs of 56 cards contain the King, Queen and Knave cards.</p>
</section>
</main>
<section>
<img class="imageCardsRight" src="../images/germanPlayingCards.jpg">
<h2>Modern Cards</h2>
<p>Contemporary playing cards are grouped into three broad categories based on the suits they use: French, Latin, and Germanic. Latin suits are used in the closely related Spanish and Italian formats. The Swiss-German suits are distinct enough to merit
their subcategory. Excluding Jokers and Tarot trumps, the French 52-card deck preserves the number of cards in the original Mamluk deck, while Latin and Germanic decks average fewer.</p>
<p>Within suits, there are regional or national variations called "standard patterns" because they are in the public domain, allowing multiple card manufacturers to copy them. Pattern differences are most easily found in the face cards but the number
of cards per deck, the use of numeric indices, or even minor shape and arrangement differences of the pips can be used to distinguish them. Some patterns have been around for hundreds of years. Jokers are not part of any pattern as they are a
relatively recent invention and lack any standardized appearance so each publisher usually puts their own trademarked illustration into their decks. </p>
</section>
<!-- Page Footer -->
<footer>
<p> © Card Foundation <br> 2017 <br> Please provide feedback to: jlongridge#jlinternet.co.uk </p>
</footer>
</body>
</html>
You could also try the css grid. It's very powerful in terms of building complex grid layout.
Documentation
.parentDiv {
display: grid;
}
.firstChild {
grid-column: 1;
background-color: yellow;
}
.secondChild {
grid-column: 2;
background-color: lime;
}
<div class="parentDiv">
<div class="firstChild">
Column 1
</div>
<div class="secondChild">
Column 2
</div>
</div>
I'm busy making my own website. I have the following as a homepage but I get the warning. Element 'title' occurs too few times. I would also like to know how you can do word rap, I want the text to fit neatly in the web browser window. It is not an error only a warning but I would like to know what it means.
<head>
<link href="CSS/StyleSheet1.css" rel="stylesheet" />
</head>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>FORM</title>
<link href="../CSS/StyleSheet1.css" rel="stylesheet" />
</head>
<body>
<table style="height: 92px; float: left;" >
<tbody>
<tr>
<td>Form</td>
</tr>
<tr>
<td style="text-align: left;">Contact Details</td>
</tr>
<tr>
<td>About</td>
</tr>
<tr>
<td>Musical Hereos </td>
</tr>
</tbody>
</table>
<p> <span style="text-decoration: underline;"><strong>MY TEACHING PHILOSOPHY:</strong></span></p>
<p> I would like to take this opportunity to introduce myself and what I do for a</p>
<p> living. I'm a music teacher specializing in Music Theory education, I also teach</p>
<p> Guitar to a lesser extent.</p>
<p> </p>
<p>I have been teaching since 2014 and in these last couple of years, I have learned a few things.</p>
<p>There is no reason Innate to a child that decides music ability. No child or person is born with</p>
<p>some sort of gift where the other is not. Being 'Tone Deaf' is a myth, if a teacher tells a child he</p>
<p>cannot do music then it speaks more to the teacher's inability than the child's ability.</p>
<p> </p>
<p>Music, for the most part, is just another trade. If a child is taught well and puts in the hours he or</p>
<p>she can become proficient in his or her instrument. I don't believe in talent, I believe in hard work.</p>
<p> </p>
<p>When natural born 'talent' has little to do with music, what has a profound effect on the progress of</p>
<p>the musician is the attitude and the work ethic. Children who are motivated and especially those who</p>
<p>motivate themselves will succeed where those who are stubborn and lazy will not.</p>
<p> </p>
<p>I teach both Guitar and Music Theory, I can teach both the Rock and Classical styles. I also insist that </p>
<p>my students do Music Theory as part of their training as it is important for there continued development.</p>
<p>I was raised on the rock music of the early 2000's. The pop-punk genre was a big part of my childhood. </p>
<p>I eventually graduated from popular music and found the wonderful world of classical music. My love for </p>
<p>the guitar grew further as I fell in love with this fascinating part of the guitar world. I eventually </p>
<p>came to know the great Andres Segovia and what he meant for the development of </p>
<p>the guitar as instrument.</p>
<p> </p>
<p>The guitar to me is the most beautiful of instruments, in all of it's forms it fascinates me. The electric version just </p>
<p>as much as the acoustic version. With the electric version there is a power to move you that is simply tremendous.</p>
<p> </p>
<p>All music gets us to move, that is why music and dance have such a rich history together, but with the electric guitar,</p>
<p>it is even more the case. When you stand in the crowd in front of those wall of Marshalls and you can feel the speaker cabinets</p>
<p>literally move the air around you. You feel the air thumping against you chest it moves you on a primitive, visceral level. When</p>
<p>the gods decided to add electricity to the guitar, music was made anew.</p>
<p> </p>
<p>The acoustic guitar in both it's steel and nylon string variants fascinates me on another level. The acoustic guitar</p>
<p>to me has a purity of tone. It also has a richness in harmonics, that is why a guitar can sound wonderful even when only few </p>
<p>notes are played.
<p> </p>
<p>The acoustic guitar is the instrument set between a piano and a violin. With it's six strings </p>
<p>it can play chords in a manner resembling the piano somewhat, but when it comes to dynamical qualities it resembles the violin.</p>
<p>You can do vibrato just like a violin and you can even do bends which is unique to the guitar. All of this gives you </p>
<p>an instrument with some siilarities with others and still enough things particular to it, to make it unique.</p>
<p> </p>
</body>
</html>
<head>
<link href="CSS/StyleSheet1.css" rel="stylesheet" />
</head>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>FORM</title>
<link href="../CSS/StyleSheet1.css" rel="stylesheet" />
</head>
You should merge duplicated head section. The parser do not see <title> tag in the first one. Also notice <head> must be child of <html>.
for word wrap add in css
style="word-wrap: break-word;"
I have code that follows the following format as below. I'm trying to use xpath to select the 2nd paragraph (eg the paragraph that starts: Assisted living is a great option for all walks of life...Given that the div and the paragraph have no easy identifiers, I tried:
//div[preceding-sibling::div[#id='w_29207']]/p[2]
I would think that the first portion //div....29207']] would select the div that is preceded by the div with the id 29207. Then the /p[2] would pick he 2nd paragraph.
<div id="w_29207" class=" city short-description">
<div>
<p>
<span itemscope itemtype="http://schema.org/Product">
<meta itemprop="name" content="Albuquerque, NM Assisted Living Facilities" />Choose from over 38 Assisted Living communities in Albuquerque, NM and
<span itemprop="aggregateRating" itemscope itemtype="http://schema.org/AggregateRating">see
<meta itemprop="reviewCount" content="360 reviews "/>360 reviews with a
<meta itemprop="ratingValue" content="4.0 stars out of 5" />4.0 average rating.
<meta itemprop="description" content="Albuquerque attracts seniors looking for an active senior living experience. The city enjoys four distinct seasons with stunning winters and sunny summers. Seniors in Albuquerque find various cultural outlets and outdoor recreation including an active theater community, festivals, hiking and climbing. " /> We've helped 9,287 families in Albuquerque, NM where Assisted Living ranges from $</span><span itemprop='offerDetails' itemscope itemtype='http://schema.org/AggregateOffer'><span content='1,550' itemprop='lowPrice'>1,550</span> to $<span content='6,100' itemprop='highPrice'>6,100</span>.
<meta content='USD' itemprop='priceCurrency'>
</span></span></p>
<p>Assisted living is a great option for all walks of life. Whether you or a loved has experienced a life changing health diagnosis or you want to shed the burdens of home maintenance from your life, assisted living in Albuquerque could be the perfect match for you. Many seniors in Albuquerque have chosen to transition to assisted living so they can enjoy a sense of community with like-minded neighbors. Another perk of assisted living is for seniors that may need assistance with daily tasks such as, meal preparation, medication management, or help getting to appointments.
</p>
p[2] will work if p elements are sibling.
Some of the options:
//*[contains(#class, 'city short-description')]/div/p[2]
//*[#class='city short-description']/div/p[2]
//div[contains(#class, 'city')]/div/p[2]
//div[contains(#id, 'w_')]/div/p[2]
If you need to return the text and not the element add an /text() after p[2]
The problem appears to be that the second <div> is not a sibling of the <div id="w_29207">, it's a child of it (unless the HTML you posted is wrong). That's why //div[preceding-sibling::div[#id='w_29207']] doesn't select the second <div>.
Instead, you could use
//div[#id='w_29207']/div[1]/p[2]
or any of the options that #lauda mentioned, depending on how precise you have to be about the id attribute.
You can try with following xpath as well :-
//p[not(child::*)]
or
//p[ancestor::div[#id='w_29207']][2]
or
//div[#id='w_29207']/descendant::p[2]
or
//p[ancestor::div[#id='w_29207'] and not(child::*)]
Hope it helps..:)
I found that number can't be in css selector.
<!DOCTYPE html>
<html>
<style type="text/css">
div{width:350px;word-wrap:break-all; }
#1{float:left;}
</style>
<div class="up">
<p><img id="1" src="http://i.imgur.com/Vt9ni32.jpg?1" /> Web graphics are visual representations used on a Web site to enhance or enable the representation of an idea or feeling, in order to reach the Web site user. Graphics may entertain, educate, or
emotionally impact the user, and are crucial to strength of branding, clarity of illustration, and ease of use for interfaces. Examples of graphics include maps, photographs, designs and patterns, family trees, diagrams, architectural or engineering
blueprints, bar charts and pie charts, typography, schematics, line art, flowcharts, and many other image forms.
</p>
</div>
</html>
When number in css selector,the text in the right don't begin from top ,a gap remains here,it is no use for you to change id=1 into id=2 or other number ,and change #1{float:left;} into #2{float:left;} ,the gap remains there.
If i change the number into word,gap vanish as below.
<!DOCTYPE html>
<html>
<style type="text/css">
div{width:350px;word-wrap:break-all; }
#test{float:left;}
</style>
<div class="up">
<p><img id="test" src="http://i.imgur.com/Vt9ni32.jpg?1" /> Web graphics are visual representations used on a Web site to enhance or enable the representation of an idea or feeling, in order to reach the Web site user. Graphics may entertain, educate,
or emotionally impact the user, and are crucial to strength of branding, clarity of illustration, and ease of use for interfaces. Examples of graphics include maps, photographs, designs and patterns, family trees, diagrams, architectural or engineering
blueprints, bar charts and pie charts, typography, schematics, line art, flowcharts, and many other image forms.
</p>
</div>
</html>
In HTML 4 you shouldn't use an ID starting with a number, it may render, but (as you have experienced) some functionality might break. In HTML 5 however you can: (acceptable IDs), but the new HTML ID spec doesn't carry through to CSS though, so selectors will still fail! Read more here
HTML 5 is happy to allow ID's to start with a number, however CSS isn't: read more here
When the css is embedded in the head section it works fine, but when it is in a different file, it just doesn't modify my html file. This is very frustrating. Any help please
<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title> The Treasure Island </title>
<link rel="stylesheet" href="/~hsono1/css/paged_media.css" />
</head>
<body>
<header>
<img src="island3.gif" alt="Island" width="500"/>
<h1>The Treasure Island</h1>
<h2>By Robert Louis Stevenson</h2>
<hr>
</header>
<div>
<h2>Table of Contents</h2>
<ul>
<ol>Chapter 1</ol>
<ol>Chapter 2</ol>
<ol>Chapter 3</ol>
<ol>Chapter 4</ol>
<ol>Chapter 5</ol>
<ol>Chapter 6</ol>
<ol>Chapter 7</ol>
<ol>Chapter 8</ol>
<ol>Chapter 9</ol>
<ol>Chapter 10</ol>
</ul>
<hr>
<h2>Chapter 3</h2>
<h3>The Black Spot</h3>
<p>ABOUT noon I stopped at the captain’s door with some cooling drinks and medicines. He was lying very much as we had left him, only a little higher, and
he seemed both weak and excited. “Jim,” he said, “you’re the only one here that’s worth anything, and you know I’ve been always good to you. Never a month
but I’ve given you a silver fourpenny for yourself. And now you see, mate, I’m pretty low, and deserted by all; and Jim, you’ll bring me one noggin of rum,
now, won’t you, matey?” “The doctor—” I began. But he broke in cursing the doctor, in a feeble voice but heartily. “Doctors is all swabs,” he said; “and
that doctor there, why, what do he know about seafaring men? I been in places hot as pitch, and mates dropping round with Yellow Jack, and the blessed land
a-heaving like the sea with earthquakes—what do the doctor know of lands like that?—and I lived on rum, I tell you. It’s been meat and drink, and man and
wife, to me; and if I’m not to have my rum now I’m a poor old hulk on a lee shore, my blood’ll be on you, Jim, and that doctor swab”; and he ran on again
for a while with curses. “Look, Jim, how my fingers fidges,” he continued in the pleading tone. “I can’t keep ‘em still, not I. I haven’t had a drop this
blessed day. That doctor’s a fool, I tell you. If I don’t have a drain o’ rum, Jim, I’ll have the horrors; I seen some on ‘em already. I seen old Flint in
the corner there, behind you; as plain as print, I seen him; and if I get the horrors, I’m a man that has lived rough, and I’ll raise Cain. Your doctor
hisself said one glass wouldn’t hurt me. I’ll give you a golden guinea for a noggin, Jim.” He was growing more and more excited, and this alarmed me for
my father, who was very low that day and needed quiet; besides, I was reassured by the doctor’s words, now quoted to me, and rather offended by the offer
of a bribe. “I want none of your money,” said I, “but what you owe my father. I’ll get you one glass, and no more.” continued... </p>
<hr>
</div>
<footer>
<p>© 2013 Hans Sono</p>
<p>Validate this page</p>
</footer>
</body>
</html>
css file
html {
margin: 0;
font: 10pt/1.56 Gill Sans, Gill Sans MT, Verdana,"Lucida Grande", "Lucida Sans",Helvetica, Arial, sans-serif;
}
body {
background: red;
margin: 0 0 0 0;
margin: 0 0 0 20%;
width:700px;
}
p {
margin-left: 3em;
}
I have both files on the right locations .
This link is very suspicious.
/~hsono1/css/paged_media.css
My guess is you want
/hsono1/css/paged_media.css
(without the tilde).
The tilde (~) is used on some platforms to indicate the root of the virtual directory and is automatically resolved by the server. It has no meaning to the browser.
The way to check is to paste it directly into the brower's address bar right after the domain. For example, if your page is at
http://MyServer.com/hsono1/MyPage.html
then the paste in
http://MyServer.com/~hsono1/css/paged_media.css
or
http://MyServer.com/hsono1/css/paged_media.css
and see what you get back.