Solved

adding an exception to a class, need to modify width

Posted on 2011-03-23
2
314 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

PRTG Network Monitor: Intuitive Network Monitoring

Network Monitoring is essential to ensure that computer systems and network devices are running. Use PRTG to monitor LANs, servers, websites, applications and devices, bandwidth, virtual environments, remote systems, IoT, and many more. PRTG is easy to set up & use.

Question has a verified solution.

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

Unordered lists (HTML ul tags) are very handy to create menus of all types, shapes and sizes.  All it takes is a little knowledge of CSS and the possibilities are endless. First off, you should know the general format for menus created using the …
When writing CSS, there are a few simple rules that will make your life easier.    1. Using ‘* {box-sizing:border-box;}’. Using this will wrap all your elements in a nice little compact box-model that will give you the width you want, like so... …
In this tutorial viewers will learn how to style a corner ribbon overlay for an image using CSS Create a new class by typing ".Ribbon":  Define the class' "display:" as "inline-block": Define its "position:" as "relative": Define its "overflow:" as …
In this tutorial viewers will learn how to style rounded corners for elements in CSS using the border-radius property Begin with a normal styled element such as a div: To style all four corners of the div to be the same degree of roundness, use the …

831 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