5 replies [Last post]
nikki7343
nikki7343's picture
Offline
newbie
Last seen: 6 years 34 weeks ago
Timezone: GMT-7
Joined: 2014-01-27
Posts: 6
Points: 10

Hello!
I am VERY new to this so please excuse me if my terminology is incorrect.
I am trying to assign a span tag in my html doc that correlates with my css file and its not working. Im sure its something so very simple but I just don't get it.
here is my code for the html...

Pacific Trails Resort offers a special lodging experience in the California North Coast. Relax in serenity with panoramic views of the pacific ocean

Here is my css file...

.class { color: #000033; font-size: 1.2em; }

My other assigned attributes are working just not this one Sad

nikki7343
nikki7343's picture
Offline
newbie
Last seen: 6 years 34 weeks ago
Timezone: GMT-7
Joined: 2014-01-27
Posts: 6
Points: 10

sorry here it is... <p><span

sorry here it is...

<p><span style="class">Pacific Trails Resort</span> offers a special lodging experience in the California North Coast. Relax in serenity with panoramic views of the pacific ocean</P>
 
 
 
.class { color: #000033; font-size: 1.2em; }

Tony
Tony's picture
Offline
Moderator
Brisbane
Last seen: 2 weeks 1 day ago
Brisbane
Timezone: GMT+10
Joined: 2003-03-12
Posts: 5343
Points: 2964

Hi nikki7343, What you have

Hi nikki7343,
What you have looks fine. It is most likely a specificity issue. Can you link to a page?

nikki7343
nikki7343's picture
Offline
newbie
Last seen: 6 years 34 weeks ago
Timezone: GMT-7
Joined: 2014-01-27
Posts: 6
Points: 10

copy and pasted. hope thats ok

here is the whole css file I am still working on...
 
<!DOCTYPE html>
<html>
<head> 
/*Erika Bell,Eri2093764,233DA,11490*/
.nav-list-item { background-color: #90C7E3; font-weight: bold; }
body { background-color: #FFFFFF; color: #666666; font-family: Verdana, Arial; }
h1 {background-color: #000033; color: #FFFFFF; line-height: 200%; font-family: Georgia, Verdana; }
h2 { color: #3399CC; font-family: Georgia; }
dt { color: #000033; }
.class { color: #000033; font-size: 1.2em; }
#footer { font-size: .70em; }
</head>
</html>
 
 
Here is the html file...
 
<!DOCTYPE html>
<html lang="en">
<head>
<link rel="stylesheet" type="text/css" href="pacific.css">
 
<!--Erika Ladd, Eri2093764, 233DA, 11490-->
<!--XHTML is Extensible Hypertext Markup Languge. It is a cleaner and more strict version of HTML. XHTML is supported by all major browsers and is defined as XML application.-->
 
<!--character encoding-->
<meta name="description" content="special lodging experience">
<meta name="keywords" content="vacation,yurts,hiking,redwoods">
<meta name="author" content="Erika Ladd">
<meta charset="UTF-8">
<!--end character encoding>
 
 
 
<title>Pacific Trails Resort::Yurts</title>
</head>
<body>
 
 
 
<!--start Nav Bar-->
<h1>Pacific Trails Resort</h1>
<div id="nav">
<a href="index.html">Home</a>&nbsp;
<a href="yurts.html">Yurts</a>&nbsp;
<a href="activities.html">Activities</a>&nbsp;
<a href="reservations.html">Reservations</a>&nbsp;
</div>
<!--End Nav Bar-->
<!--Start body-->
<h2>Enjoy Nature in Luxury</h2>
 
<p><span style="class">Pacific Trails Resort</span> offers a special lodging experience in the California North Coast. Relax in serenity with panoramic views of the pacific ocean</P>
 
<ul>
<li>Private Yurts with decks overlooking the ocean</li>
<li>Activities lodge with fireplace and gift shop</li>
<li>Nightly fine dining at the Overlook Cafe</li>
<li>Heated outdoor pool and Whirlpool</li>
<li>Guided hiking tours of the redwoods</li>
</ul>
<!--end body-->
<!--Start footer-->
 
<br>
Pacific Trails Resort<br />
12010 Pacific Trails Road<br />
Zephyr, CA 95555<br />
<br>
888-555-5555 
<br>
<footer>
<br>
<br>
<br>
<p>Copyright &#169; 2013 Pacific Trails Resort</p>
<a href="[email protected]">Erika Ladd</a>
</br>
<!--start w3c validator link-->
<p>
	<a href="http://jigsaw.w3.org/css-validator/check/referer">
		<img style="border:0;width:88px;height:31px"
			src="http://jigsaw.w3.org/css-validator/images/vcss-blue"
			alt="Valid CSS!" />
	</a>
</p>
<!--end wc3 Validator link-->
</footer>
<!--end footer-->

Tony
Tony's picture
Offline
Moderator
Brisbane
Last seen: 2 weeks 1 day ago
Brisbane
Timezone: GMT+10
Joined: 2003-03-12
Posts: 5343
Points: 2964

Hi The stylesheet should NOT

Hi
The stylesheet should NOT have HTML markup in it.

This is all it should be:

/*Erika Bell,Eri2093764,233DA,11490*/
.nav-list-item { background-color: #90C7E3; font-weight: bold; }
body { background-color: #FFFFFF; color: #666666; font-family: Verdana, Arial; }
h1 {background-color: #000033; color: #FFFFFF; line-height: 200%; font-family: Georgia, Verdana; }
h2 { color: #3399CC; font-family: Georgia; }
dt { color: #000033; }
.class { color: #000033; font-size: 1.2em; }
#footer { font-size: .70em; }

nikki7343
nikki7343's picture
Offline
newbie
Last seen: 6 years 34 weeks ago
Timezone: GMT-7
Joined: 2014-01-27
Posts: 6
Points: 10

Thank you

Thank you for your help!!!!