Did you know SD-WANs can improve network connectivity? Check out this webinar to learn how an SD-WAN simplified, one-click tool can help you migrate and manage data in the cloud.
Solved
CSS not working for one class (documents attached)
Posted on 2012-12-23
My webpage does not respond to a class named .topic in my CSS. I'm applying .topic to four <td> tags in my webpage. Here is the formatting in .topic.
.topic {font-variant: small-caps;
text-align: center;}
This doesn't work. But if I embed .topic in the head of my webpage as shown below, the formatting works.
<style type="text/css">
.topic {font-variant: small-caps;
text-align: center;}
</style>
If you copy the .topic formatiing from the CSS and paste it between <style type="text/css"> and </style>, you'll see what I'm talking about. Why does .topic work as an embedded style but not from an external style sheet?
stylesheet.css
aSurgery.htm
.topic {font-variant: small-caps;
text-align: center;}
This doesn't work. But if I embed .topic in the head of my webpage as shown below, the formatting works.
<style type="text/css">
.topic {font-variant: small-caps;
text-align: center;}
</style>
If you copy the .topic formatiing from the CSS and paste it between <style type="text/css"> and </style>, you'll see what I'm talking about. Why does .topic work as an embedded style but not from an external style sheet?
stylesheet.css
aSurgery.htm
[X]
Welcome to Experts Exchange
Add your voice to the tech community where 5M+ people just like you are talking about what matters.
- Help others & share knowledge
- Earn cash & points
- Learn & ask questions
-
3
2
5 Comments
Active 3 days ago
Your stylesheet is missing a closing curly bracket for your category class.
.category {font-family: arial;
font-size: 2em;
text-align: center;
line-height: 2.25em; }
.category {font-family: arial;
font-size: 2em;
text-align: center;
line-height: 2.25em; }
Yes, that was the problem. I was too busy focusing on .topic that i didn't notice that .category above .topic was missing a bracket. Thank you.
I've requested that this question be closed as follows:
Accepted answer: 0 points for MBarongan's comment #a38718301
for the following reason:
Issue is resolved.
Accepted answer: 0 points for MBarongan's comment #a38718301
for the following reason:
Issue is resolved.
Featured Post
Question has a verified solution.
If you are experiencing a similar issue, please ask a related question
Finding original email is quite difficult due to their duplicates. From this article, you will come to know why multiple duplicates of same emails appear and how to delete duplicate emails from Outlook securely and instantly while vital emails remai…
Without even knowing it, most of us are using web applications on a daily basis. In fact, Gmail and Yahoo email, Twitter, Facebook, and eBay are used by most of us daily—and they are web applications. We generally confuse these web applications to…
In this tutorial viewers will learn how to embed videos in a webpage using HTML5.
Ensure your DOCTYPE declaration is set to HTML5: "<!DOCTYPE html>": Use the <video> tag to insert a video. Define the src as the URL of your video; this is similar to …
The viewer will learn the basics of jQuery, including how to invoke it on a web page.
Reference your jQuery libraries: (CODE)
Include your new external js/jQuery file: (CODE)
Write your first lines of code to setup your site for jQuery.: (CODE)
Suggested Courses
Course of the Month8 days, 4 hours left to enroll
715 members asked questions and received personalized solutions in the past 7 days.
Join the community of 500,000 technology professionals and ask your questions.