Probably missing something obvious but why doesn't the hide class
override?
div class=paging hide
span class=pagebanner/span
/div
CSS
---
.hide { display: none;}
.paging { background-color: #d6d6d6; display: block; padding:
.5em 1em; width: 100%;}
My only thought is the display
On Mar 23, 2009, at 8:49 PM, Alex James wrote:
Probably missing something obvious but why doesn't the hide class
override?
div class=paging hide
span class=pagebanner/span
/div
CSS
---
.hide { display: none;}
.paging { background-color: #d6d6d6; display: block;
On Mar 23, 2009, at 8:49 PM, Philippe Wittenbergh wrote:
.hide and .paging have the same specificity. The last one in the
source .css file then wins.
Yep see it now! Sorry couldn't see the wood for the trees.
Thanks,
Alex
I am having a specificity problem that I need help with. I am trying
to create an info box that floats to the right within my main content
div that uses the cascade to supply the styling. The content of that
info box needs to be marked up using plain html elements, because the
content
On Wed, Dec 24, 2008 at 11:44 AM, Dan Gayle danga...@gmail.com wrote:
The full example can be found here: http://dangayle.com/test.html
Firebug isn't picking up any of the div.extra-info styles you've
defined in the head section. Solve that, and I'd bet you'll solve your
problem.
(I'd start by
On 24 Dec 2008, at 17:44, Dan Gayle wrote:
I am having a specificity problem that I need help with. I am trying
to create an info box that floats to the right within my main content
div that uses the cascade to supply the styling. The content of that
info box needs to be marked up using plain
JR Heard wrote:
On Wed, Dec 24, 2008 at 11:44 AM, Dan Gayle danga...@gmail.com
wrote:
The full example can be found here: http://dangayle.com/test.html
Firebug isn't picking up any of the div.extra-info styles you've
defined in the head section. Solve that, and I'd bet you'll solve your
I've just solved a problem on a page, but I don't understand why the
solution works, and that bugs me, so I wonder if someone kind could
fill in the blanks for me?
Page in question: http://www.sandbox.sharkattack.co.uk/tempo/index.php
In the CSS, starting around line 331, I had the
On 16 May 2008, at 15:00, Rick Lecoat wrote:
I've just solved a problem on a page, but I don't understand why the
solution works, and that bugs me, so I wonder if someone kind could
fill in the blanks for me?
Hold up, I just found the culprit: a left over comment-closer (*/).
Dang, and I held
* Rick Lecoat wrote:
I've just solved a problem on a page, but I don't understand why the
solution works, and that bugs me, so I wonder if someone kind could
fill in the blanks for me?
Page in question: http://www.sandbox.sharkattack.co.uk/tempo/index.php
Parse error - Unrecognized */
Good afternoon list,
In my footer i have links that in the hover state are underlined.
Works in Opera, FF, Moz but not in IE7. For IE6 i had to add an
aditional rule to make always show underlined (i can live with that),
but i was wondering if it's a specific IE7 problem?
In my footer i have links that in the hover state are underlined.
I can't see which links you mean. Could you be a bit more specific
about ones you're on about?
It's possible that you have been bitten by what I call fuzzy specificity
http://www.fu2k.org/alex/css/hacks/fuzzyspecificity
Good afternoon Alex,
It was foretold that on 12/7/2007 @ 16:32:51 GMT+0100 (which was
12:32:51 where I live) Alex Robinson would write:
snipped a bit
I can't see which links you mean. Could you be a bit more specific
about ones you're on about?
The ones inside the footer: empresa,
Olá Luc,
on Thursday, July 12, 2007 at 17:22 Luc wrote:
Good afternoon list,
In my footer i have links that in the hover state are underlined.
Works in Opera, FF, Moz but not in IE7. For IE6 i had to add an
aditional rule to make always show underlined (i can live with that),
but i
Good afternoon Martin,
It was foretold that on 12/7/2007 @ 17:55:52 GMT+0200 (which was
12:55:52 where I live) Martin Heiden would write:
snipped a bit
If you want to style the links in the footer way different from the
rest, use:
#footer a:link { .. }
#footer a:visted { ... }
#footer
Chris wrote:
I have obviously failed to understand a crucial aspect of CSS which deems
that the table row style declaration does not overwrite the previous style
for a specific cell within that row. Please enlighten me!
Not all CSS properties are inherited. Background color is one of the
Hi,
I have a problem with the following style declarations with regard to
specificity:
li:hover table #one{background: red;} /* 0,1,0,2 */
li li:hover #all{background: blue;} /* 0,1,0,2 */
The comments at the end of the declarations are my understanding of the
specificity. The first style
Hi, apologies for another post but I think a simpler example below is what is
needed.
I have obviously failed to understand a crucial aspect of CSS which deems that
the table row style declaration does not overwrite the previous style for a
specific cell within that row. Please enlighten me!
Chris wrote:
Hi, apologies for another post but I think a simpler example below is what is
needed.
I have obviously failed to understand a crucial aspect of CSS which deems
that the table row style declaration does not overwrite the previous style
for a specific cell within that row.
By default, my links within a certain div are not underlined.
div.column-content a {color: #ff0080; text-decoration: none;}
However, I want some of those links to be underlined. So for those, I
defined a style:
a.force-link-decoration {text-decoration: underline; }
To apply
Jim Ratliff wrote:
By default, my links within a certain div are not underlined.
div.column-content a {color: #ff0080; text-decoration: none;}
However, I want some of those links to be underlined. So for those, I
defined a style:
a.force-link-decoration {text-decoration:
Thanks very much!
I used your solution #1 (removing the div from div.column-
content). (#2 wasn't general enough for all the contexts I want to
use it.) And that worked: it underlined what I needed to have
underlined.
Thanks, too, for the two additional resources. The Calculating a
tap... tap... tap... Is this thing on?
I want to style an unordered list so that the top-level elements are
bold with no bullets, while the items inside these have the bullets,
etc...
#content li
{
list-style-image: url(/images/bullet3.gif);
list-style-type: none;
Lorin Rivers wrote:
tap... tap... tap... Is this thing on?
Nope - that's a fake one.
I want to style an unordered list so that the top-level
elements are bold with no bullets, while the items inside
these have the bullets, etc...
[snip code]
I couldn't figure out a way to do this without
At 10:31 AM 3/8/2006, Lorin Rivers wrote:
I want to style an unordered list so that the top-level elements are
bold with no bullets, while the items inside these have the bullets,
etc...
#content li
{
list-style-image: url(/images/bullet3.gif);
list-style-type: none;
I have a tendency to over-complicate my css rules...
On 3/8/06, Els [EMAIL PROTECTED] wrote:
Lorin Rivers wrote:
tap... tap... tap... Is this thing on?
Nope - that's a fake one.
har.
so here's how I solved it, based on y'alls hints.
#content .nested li { font-weight: bold; list-style-type:
At 02:11 PM 1/9/2006, CJ Larson wrote:
lia href=about id=active
id=menu_aboutspanAbout/span/a/li
Note we have just changed the class=active to id=active. Your
global CSS file would then include something like this:
ul li a#active {background-color: foo;}
One note about this: now
And now I see your retraction (sigh).
Ah well, maybe having the links in the archive will be of value if this
discussion ever comes up again :-)
Regards,
Nick.
--
Nick Fitzsimons
http://www.nickfitz.co.uk/
__
css-discuss
On Monday 2006-01-09 15:07 -0500, Adam Kuehn wrote:
Darn it. I hit send by mistake, before I verified this
claim. That is, of course, not correct. Only one ID per element is
allowed. I hate having to print retractions, but that's what I get
for doing this stuff while I'm busy with other
Philippe Wittenbergh wrote:
On 10 Jan 2006, at 3:21 am, Adam Kuehn wrote:
[1] http://www.littleandreid.com/mentaidyn/about
ul class=mainnav
lia href=/ id=menu_defaultspanHome/span/a/li
lia href=about class=active
id=menu_aboutspanAbout/span/a/li
[--more links--]
/ul
But in this
At 01:11 AM 1/7/2006, Rahul Gonsalves wrote:
[1] http://www.littleandreid.com/mentaidyn/about
ul class=mainnav
lia href=/ id=menu_defaultspanHome/span/a/li
lia href=about class=active
id=menu_aboutspanAbout/span/a/li
[--more links--]
/ul
Now, I want to assign the class Active to have the
Your original problem was that this selector was not sufficiently
specific to override your other declarations for the anchor. I am
suggesting that your content management system should generate
something like this, instead:
lia href=about id=active
id=menu_aboutspanAbout/span/a/li
At 02:11 PM 1/9/2006, CJ Larson wrote:
lia href=about id=active
id=menu_aboutspanAbout/span/a/li
Note we have just changed the class=active to id=active. Your
global CSS file would then include something like this:
ul li a#active {background-color: foo;}
One note about this: now
At 02:56 PM 1/9/2006, Adam Kuehn wrote:
At 02:11 PM 1/9/2006, CJ Larson wrote:
lia href=about id=active
id=menu_aboutspanAbout/span/a/li
Note we have just changed the class=active to id=active. Your
global CSS file would then include something like this:
ul li a#active
On 10 Jan 2006, at 3:21 am, Adam Kuehn wrote:
[1] http://www.littleandreid.com/mentaidyn/about
ul class=mainnav
lia href=/ id=menu_defaultspanHome/span/a/li
lia href=about class=active
id=menu_aboutspanAbout/span/a/li
[--more links--]
/ul
lia href=about class=active
Dear All:
My first time using a CMS (TxtPattern), and I'm struggling a bit.
I'm trying to set the active link on this page [1], to a different color
from the rest.
ul class=mainnav
lia href=/ id=menu_defaultspanHome/span/a/li
lia href=about class=active
id=menu_aboutspanAbout/span/a/li
Rahul,
on Friday, January 6, 2006 at 16:03 Rahul Gonsalves wrote:
ul class=mainnav
lia href=/ id=menu_defaultspanHome/span/a/li
lia href=about class=active
id=menu_aboutspanAbout/span/a/li
[--more links--]
/ul
.mainnav li a:link { text-decoration: none; color: #FFF; padding: 1em;
Diego:
diego nunes wrote:
On 06/01/06, Rahul Gonsalves [EMAIL PROTECTED] wrote:
Now, I want to assign the class Active to have the different
background.
Have you tried !important?
.active { text-decoration: none !important;
background-color: #FC0 !important;
Rahul Gonsalves wrote:
[1] http://www.littleandreid.com/mentaidyn/about
ul class=mainnav
lia href=/ id=menu_defaultspanHome/span/a/li
lia href=about class=active
id=menu_aboutspanAbout/span/a/li
[--more links--]
/ul
Now, I want to assign the class Active to have the different
background. What
Hi Adam:
Adam Kuehn wrote:
Rahul Gonsalves wrote:
[1] http://www.littleandreid.com/mentaidyn/about
ul class=mainnav
lia href=/ id=menu_defaultspanHome/span/a/li
lia href=about class=active
id=menu_aboutspanAbout/span/a/li
[--more links--]
/ul
Now, I want to assign the class Active to
I'm having trouble with a moderately extensive site which has
only a rudimentary implementation of CSS. This is the CSS coding
relevant to my question:
4.
5. a {
6. color: #99;
7. text-decoration: underline;
8. font: bold 10px Verdana, Arial, Helvetica, sans-serif;
9. }
10.
At 12:40 12-07-05, Sebastian Redl wrote:
You can check your style sheet carefully for syntax errors that would
make the UA ignore your styles, because as you have them now, they're
correct and should override the earlier styles.
That's what I thought. Rebooting seemed to help, now I can make
The O'Reilly CSS Pocket Reference by Eric Meyer states:
This is a shorthand property used to set two or more aspects of an
element's font all at once. It can also be used to set the element's
font to match an aspect of the user's computing environment using
keywords such as icon. Note that if
At 14:44 12-07-05, Smith, Sarah wrote:
If I understand what he's saying, if you throw in font size and family,
such as
font: italic 900 100% verdana;
it works (for me). You probably don't want to specify that every time,
so maybe shorthand isn't the solution in this case.
A ha. Thank you for
Reese wrote:
I'm having trouble with a moderately extensive site which has
only a rudimentary implementation of CSS. This is the CSS coding
relevant to my question:
4.
5. a {
6. color: #99;
7. text-decoration: underline;
8. font: bold 10px Verdana, Arial, Helvetica, sans-serif;
Hi all,
In my test site here:
http://www.seafoodlab.cmast.ncsu.edu/index.html [xhtml]
http://www.seafoodlab.cmast.ncsu.edu/styles/sflabstyles.css [css]
I have a specificity problem. The last thing I added were the default
link styles at the very bottom of the page. However, adding this messes
try putting your global style at the top, instead of
the bottom. It's a top-down processing.
--- Linda Dunn [EMAIL PROTECTED] wrote:
Hi all,
In my test site here:
http://www.seafoodlab.cmast.ncsu.edu/index.html
[xhtml]
http://www.seafoodlab.cmast.ncsu.edu/styles/sflabstyles.css
[css]
what was the original link (you removed it from the
thread).
I'll take a look.
--- Linda Dunn [EMAIL PROTECTED] wrote:
Anthony wrote:
try putting your global style at the top, instead
of
the bottom. It's a top-down processing.
I already tried that, it doesn't make a difference.
Try background: transparent or background: none on the li link navs
http://www.seafoodlab.cmast.ncsu.edu/index.html [xhtml]
http://www.seafoodlab.cmast.ncsu.edu/styles/sflabstyles.css [css]
I have a specificity problem. The last thing I added were the
default link styles at the very
On Sun, 05 Jun 2005 18:51:21 -0400, Linda Dunn [EMAIL PROTECTED]
wrote:
http://www.seafoodlab.cmast.ncsu.edu/index.html [xhtml]
http://www.seafoodlab.cmast.ncsu.edu/styles/sflabstyles.css [css]
I have a specificity problem.
[...]
So, why are the default a: styles overriding these?
ld
I have
50 matches
Mail list logo