Solved

adding an exception to a class, need to modify width

Posted on 2011-03-23
2
312 Views
Last Modified: 2012-05-11
In my attached CSS and HTML, what I want "narrow" to do is override the width, but only if it follows a planseriesbox class. But I think something is not right. I think my syntax is off? Thank you!
div.planseriesbox {
		margin: 0px;
		padding: 0px 10px 10px 0px;
		width: 169px;
		height: 145px;
		float: left;
	}
div.planseriesbox narrow {
		width: 179px;
	}

<div class="planseriesbox narrow">

Open in new window

0
Comment
Question by:bbdesign
2 Comments
 
LVL 9

Accepted Solution

by:
McOz earned 500 total points
ID: 35200229
Change your plainseriesbox narrow selector to this:
div.planseriesbox .narrow { 
                width: 179px; 
        }

Open in new window

(add the dot before the second classname)
0
 

Author Comment

by:bbdesign
ID: 35200267
Ah, I see. Thank you.
0

Featured Post

How your wiki can always stay up-to-date

Quip doubles as a “living” wiki and a project management tool that evolves with your organization. As you finish projects in Quip, the work remains, easily accessible to all team members, new and old.
- Increase transparency
- Onboard new hires faster
- Access from mobile/offline

Join & Write a Comment

This is a how to build your own CSS3 slideshow and when I say CSS3 I mean just CSS with no javascript in sight! There a few examples online of how to do this but most just show you an example without any explanation, others make it more complicat…
Introduction If you're like most people, you have occasionally made a typographical error when you're entering information into an online form.  And to your consternation, the browser remembers the error, and offers to autocomplete your future entr…
In this tutorial viewers will learn how to style transparent/translucent elements using alpha transparency in CSS Start with a normal styled element, such as a div.: Define its "background-color" property as "rgba (255, 255, 255, .5): The numbers in…
The viewer will learn the benefit of using external CSS files and the relationship between class and ID selectors. Create your external css file by saving it as style.css then set up your style tags: (CODE) Reference the nav tag and set your prop…

707 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

Need Help in Real-Time?

Connect with top rated Experts

14 Experts available now in Live!

Get 1:1 Help Now