Register

If this is your first visit, please click the Sign Up now button to begin the process of creating your account so you can begin posting on our forums! The Sign Up process will only take up about a minute of two of your time.

Results 1 to 5 of 5
  1. #1
    WDF Staff Wired's Avatar
    Join Date
    Apr 2003
    Posts
    7,657
    Member #
    1234
    Liked
    138 times
    Basically there's a CSS class that I need to use, but I also need to override it and bump up the height on a <TD>, or at least have word-wrap work. What's the basic syntax to do the overriding?
    The Rules
    Was another WDF member's post helpful? Click the like button below the post.

    Admin at houseofhelp.com

  2.  

  3. #2
    Senior Member filburt1's Avatar
    Join Date
    Jul 2002
    Location
    Maryland, US
    Posts
    11,774
    Member #
    3
    Liked
    21 times
    Add [minicode]!important[/minicode] after an attribute to override even higher-level selections.
    filburt1, Web Design Forums.net founder
    Site of the Month contest: submit your site or vote for the winner!

  4. #3
    WDF Staff Wired's Avatar
    Join Date
    Apr 2003
    Posts
    7,657
    Member #
    1234
    Liked
    138 times
    So for example:

    [minicode]<tr><td class="FOO" word-wrap:break-word !important>BAR</td></tr>[/minicode]

    Or something else? FYI, that's the exact line I'm trying to fix.

    Would I have to make the CSS class that inherits from class "FOO", add that word wrap?

    Yea, I know almost nothing about CSS I plead on the CSS-wise to write the 3 lines I need
    The Rules
    Was another WDF member's post helpful? Click the like button below the post.

    Admin at houseofhelp.com

  5. #4
    Senior Member filburt1's Avatar
    Join Date
    Jul 2002
    Location
    Maryland, US
    Posts
    11,774
    Member #
    3
    Liked
    21 times
    Well that's not even valid XHTML, but:
    HTML Code:
    <tr>
    <td class="foo" id="specialfoo">bar</td>
    </tr>
    Then the CSS:
    Code:
    td.foo
    {
        color: red;
    }
    
    td#specialfoo
    {
        color: blue !important;
    }
    I don't think the [minicode]!important[/minicode] is necessary in this case but hopefully you get the idea. I think [minicode]!important[/minicode] works when inlined as a [variable]style[/variable] attribute.
    filburt1, Web Design Forums.net founder
    Site of the Month contest: submit your site or vote for the winner!

  6. #5
    Junior Member
    Join Date
    Jan 2004
    Posts
    12
    Member #
    4443
    Remember when using the !important tag, IE does not understand it.

    Do not be afraid to assign 2 or more classes to the TD as well.

    <td class="foo specialfoo"></td>


Remove Ads

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
All times are GMT -6. The time now is 02:43 PM.
Powered by vBulletin® Version 4.2.3
Copyright © 2019 vBulletin Solutions, Inc. All rights reserved.
vBulletin Skin By: PurevB.com