Solved

CSS: embedded vs. linked --  body rule works when inline, but not when in sep. file

Posted on 2012-03-16
4
192 Views
Last Modified: 2012-06-22
http://burstpouch.com/company.php

i was transferring tags to an external/linked CSS defns file.  When defined inline inside the php (html) file, the Verdana font displayed perfectly.
i cut and pasted to the external file, and it does not work.

body,td,th {
      font-family: Verdana, Geneva, sans-serif;


what am i doing wrong??  

thanks!
0
Comment
Question by:willsherwood
  • 2
4 Comments
 
LVL 14

Expert Comment

by:athomsfere
ID: 37731053
Do you have a closing } in the CSS?
0
 

Author Comment

by:willsherwood
ID: 37731104
not sure i understand the question: here's copied from the file...
/* CSS Document */
<style type="text/css">
body,td,th {
      font-family: Verdana, Geneva, sans-serif;
      font-size: 12px;
}
body {
      margin-left: 0px;
      margin-top: 0px;
      margin-right: 0px;
      margin-bottom: 0px;
      background-color: #666;
}
0
 
LVL 22

Accepted Solution

by:
Kim Walker earned 500 total points
ID: 37731153
You don't need the style tag in an external CSS file. Delete the following line and any closing tag at the end.

<style type="text/css">

Open in new window

0
 

Author Closing Comment

by:willsherwood
ID: 37731197
YAY that was it.  thanks!
0

Featured Post

Free Tool: Path Explorer

An intuitive utility to help find the CSS path to UI elements on a webpage. These paths are used frequently in a variety of front-end development and QA automation tasks.

One of a set of tools we're offering as a way of saying thank you for being a part of the community.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

As a result of several questions about how to use Bootstrap I thought it would be a good idea to write down the development aspect of creating a Bootstrapped website in as little time as possible. Part 1 of this article will only concentrate on g…
This article discusses four methods for overlaying images in a container on a web page
In this Micro Tutorial users will learn how to embed custom fonts into websites using @font-face in CSS Select a font: Ensure the EULA allows you to use @font-face: Download the font: Get the browser-compatible files you need: Edit your CSS       - Name …
In this tutorial viewers will learn how to embed custom externally-hosted Google Fonts using the Google Font API in CSS Go to the Google Fonts website at google.com/fonts: Browse or search based on font properties or name to find a suitable font for…

809 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question