The Web Design Group

... Making the Web accessible to all.

Welcome Guest ( Log In | Register )

 
 Reply to this topicStart new topic
> CSS problems, CSS page not correctly linked??
sunnydays242
post Apr 24 2012, 12:36 AM
Post #1





Group: Members
Posts: 1
Joined: 24-April 12
Member No.: 16,972
Hello everyone- I am a student who has just started learning web development. My class is currently learning CSS. I know I did something wrong because the font in my main XHTML page did not change. I ran the sheet though the W3C site and it validated with no errors. Please help!

Here is my XHTML page:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<link href="lab2.css" type=text/css" rel="stylesheet" /> </head>
<meta name="generator" content=
"HTML Tidy for Windows (vers 25 March 2009), see www.w3.org" />
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />

<title></title>
</head>
<body>
<div id="page">
<h1>
Concert Sound Bites
</h1>
<h2>
Dmitri Shostakovich
</h2>
<blockquote>
<p>
The "Symphony No. 1", written when the composer was 19, has all of
the characteristics of his mature sound. It is infused with a
restless uneasiness that foreshadowed much of turbulence of Soviet
life in the 20th century.
</p>
</blockquote>
<h2>
Jean Sibelius
</h2>
<blockquote>
<p>
The famous waltz, "Valse Triste", served as the composers
introduction in the early 20th century American audiences. Its
haunting melody sets the scene for a dream sequence in which Death
claims its next victim in an elegant macabre dance.
</p>
</blockquote>
<h2>
Edvard Grieg
</h2>
<blockquote>
<p>
Edvard Griegs "Piano Concerto in A Minor" is considered by some to be
the most popular piano concerto ever written. Its melodies are drawn
from several Norwegian folk melodies which lend it a distinctly
Nordic charm.
</p>
</blockquote>
</body>
</html>





Here is my CSS page:


/* lab2.css CTEC 122 Lab 2 external style sheet */
body {
font-family: Arial, Helvetica, sans-serif;
}

h1 {
border-style: solid;
border-color: blue;
border-width: 5px;
width: 640;
background-color: #33bb33;
padding: 20 px text-align: center;
}
p {
background-color: #bbffaa;
width: 640 px;
padding: 0 20px 0 20px
}
#footer {
border: 5px solid blue;
width: 640px;
background-color: #33bb33;
padding: 5px 20px;
h2 {
background-color: #bbffaa;
width: 640px padding: 0 20px;
}
#main {
background-color: #bbffaa;
width: 640px;
padding: 0 20px;
}
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
pandy
post Apr 24 2012, 01:41 AM
Post #2


🌟Computer says no🌟
********

Group: WDG Moderators
Posts: 20,730
Joined: 9-August 06
Member No.: 6
You need to correct the errors. There are errors both in the HTML and the CSS that can cause the style sheet, or part of it, not to be read. If you don't understand some errors, just ask! smile.gif

http://www.htmlhelp.com/cgi-bin/validate.c...2Fhtml%3E%0D%0A

http://jigsaw.w3.org/css-validator/validat...;usermedium=all
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
« Next Oldest · Cascading Style Sheets · Next Newest »
 

Reply to this topicStart new topic
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members:

 

Display Mode: Standard · Switch to: Linear+ · Switch to: Outline

Track this topic · Email this topic · Print this topic · Subscribe to this forum

- Lo-Fi Version Time is now: 17th April 2024 - 11:47 PM
Invision Power Board © 2024  IPS, Inc.
Licensed to: HTMLHelp.com, LLC