CSS problems, CSS page not correctly linked?? |
CSS problems, CSS page not correctly linked?? |
sunnydays242 |
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; } |
pandy |
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!
http://www.htmlhelp.com/cgi-bin/validate.c...2Fhtml%3E%0D%0A http://jigsaw.w3.org/css-validator/validat...;usermedium=all |
Lo-Fi Version | Time is now: 17th April 2024 - 11:47 PM |