O'Reilly Forums: Chapter 1- Inline Css Problems - O'Reilly Forums

Jump to content

Page 1 of 1
  • You cannot start a new topic
  • You cannot reply to this topic

Chapter 1- Inline Css Problems Inline CSS problems

#1 User is offline   sarrioja 

  • New Member
  • Pip
  • Group: Members
  • Posts: 2
  • Joined: 27-February 13

Posted 27 February 2013 - 08:12 AM

I am on page 30 and need to insert the CSS element. Once I have saved this and open the file in my Safari (Mac) or Firefox (Window) browser, it just seems that the inline CSS code is not working.

This is what I have written:
<html>
<head>
<title>Starbuzz Coffee</title>
<style type="text/ccs">
body {
background-color: #d2b48c;
margin-left: 20%;
margin-right: 20%;
border: 2px dotted black;
padding: 10px 10px 10px 10px;
font-family: sans-serif;
}
</style>
</head>

<body>
<h1>Starbuzz Coffee Beverages</h1>
<h2>House Blend, $1.49</h2>
<p>A smooth. mild blend of coffees from Mexico, Bolivia and Guatemala.</p>

<h2>Mocha Cafe, Latte, $2.35</h2>
<p>Espresso, steamed milk and chocolate syrup.</p>

<h2>Cappucino, $1.89</h2>
<p>A mixture of espresso, steamed milk and foam.</p>

<h2>Chai Tea, $1.85</h2>
<p>A spicy drink made with black tea, spice, milk and honey.</p>
</body>
</html>

Could you please help me?

This post has been edited by sarrioja: 27 February 2013 - 08:13 AM

0

#2 User is offline   sarrioja 

  • New Member
  • Pip
  • Group: Members
  • Posts: 2
  • Joined: 27-February 13

Posted 28 February 2013 - 12:42 PM

thank you for your reply, but I can't see the difference between I intended to type and what I typed. Could you please be more specific?
0

#3 User is offline   Beth Robson 

  • Veteran Member
  • PipPipPipPipPipPipPipPipPip
  • Group: O'Reilly Employee
  • Posts: 376
  • Joined: 17-September 08
  • Gender:Female
  • Location:Seattle, WA
  • Interests:I am interested in computer science, the Web, social media and the internet, Mac development, and adult learning.

Posted 02 January 2014 - 09:04 AM

You've written "text/ccs" instead of "text/css".
Elisabeth Robson
Co-founder, WickedlySmart.com
Author: Head First JavaScript Programming, Head First HTML5 Programming, Head First HTML and CSS, Head First Design Patterns
0

#4 User is offline   nobutakahemmi 

  • New Member
  • Pip
  • Group: Members
  • Posts: 1
  • Joined: 02-January 14

Posted 02 January 2014 - 02:43 PM

Yes it worked!!!!

The default on the textedit I was using using Smart quotes.
In order to stop that, go to Edit>Substitutions>Uncheck Smart Quotes.
Then you'll be fine!
0

Share this topic:


Page 1 of 1
  • You cannot start a new topic
  • You cannot reply to this topic

1 User(s) are reading this topic
0 members, 1 guests, 0 anonymous users