The Web Design Group

... Making the Web accessible to all.

Welcome Guest ( Log In | Register )

> What is wrong with my style sheets?
roccojade
post Nov 10 2016, 07:16 PM
Post #1


Novice
**

Group: Members
Posts: 29
Joined: 6-November 16
Member No.: 24,917



So as a test, I started a new file as a test. The text is not showing as correct fonts. I think the link to teh style sheet is not working right.

File Code (index.html):
CODE
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>Untitled Document</title>
<link href="stylesheet.css" rel="stylesheet" type="text/css">
</head>
<h1>test</h1>
<body>
</body>
</html>


Style Sheet Code (stylesheet.css)
CODE
@charset "UTF-8";
/* CSS Document */

#banner {
text-align: center
}
#body {font-family: "Impact", Haettenschweiler, Franklin Gothic Bold, Arial Black,' sans-serif'}
#h1,h2,h3,h4,h5,h6 {
    font-family: "Impact", Haettenschweiler, Franklin Gothic Bold, Arial Black,' sans-serif';
    letter-spacing: 5px;
}


Please help thanks!
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
 
Reply to this topicStart new topic
Replies
Christian J
post Nov 10 2016, 08:46 PM
Post #2


.
********

Group: WDG Moderators
Posts: 9,660
Joined: 10-August 06
Member No.: 7



As a sidenote, the H1 element should be in BODY, not between HEAD and BODY.
User is online!PM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
roccojade
post Nov 10 2016, 09:52 PM
Post #3


Novice
**

Group: Members
Posts: 29
Joined: 6-November 16
Member No.: 24,917



Thanks Guys,

Now it at least shows up in my dreamweaver screen. Yet not on my website.

File code:
CODE
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>Untitled Document</title>
<link href="stylesheet.css" rel="stylesheet" type="text/css">
</head>
<body>
<h2>test</h2>
</body>
</html>


Style Sheet
CODE
@charset "UTF-8";
/* CSS Document */

#banner {
text-align: center
}
body {font-family: Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black",sans-serif}
h1,h2,h3,h4,h5,h6 {
    font-family: Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", sans-serif;
    letter-spacing: 5px;
}
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
pandy
post Nov 10 2016, 11:52 PM
Post #4


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

Group: WDG Moderators
Posts: 20,732
Joined: 9-August 06
Member No.: 6



It's fine now. Maybe you view a cached copy of you site. Refresh your browser and see if that helps.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post

Posts in this topic


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

 



- Lo-Fi Version Time is now: 26th April 2024 - 06:35 PM