Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 12 of 12

Thread: CSS in IE

  1. #1
    New Coder
    Join Date
    Nov 2002
    Location
    NJ, USA
    Posts
    35
    Thanks
    0
    Thanked 0 Times in 0 Posts

    CSS in IE

    I'm a Mozilla guy myself

    The text "News & Events" should be large and bold in the page:

    http://media.accettura.com/home.shtml


    It works in Mozilla, but not in IE.


    The CSS file seems to check out ok
    http://jigsaw.w3.org/css-validator/v...1&profile=css2


    So I really don't know what is wrong.
    Robert Accettura

  • #2
    Regular Coder
    Join Date
    Jun 2002
    Location
    TEXAS . . . 'nuf said
    Posts
    468
    Thanks
    0
    Thanked 0 Times in 0 Posts
    First off, I don't know all the rules of CSS. Nonetheless, I do believe the following will work:

    1) put a period in front of stitle in your CSS file to make it .stitle, and
    2) replace <stitle> with <span class="stitle"> and </stitle> with </span>
    Gordo
    "In the End, we will remember not the words of our enemies, but the silence of our friends."
    - Martin Luther King Jr. (1929-1968)

  • #3
    Regular Coder
    Join Date
    Jun 2002
    Location
    Ames, IA, USA
    Posts
    373
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Gordo's fix will take care of that little problem, but you really should go through and fix up the HTML code -- you've a lot of nonstandard bits and pieces. Run your page through the W3C HTML Validator to find the lines which need fixing.
    Need more emoticons?
    Visit Catman's Private Stock

  • #4
    Senior Coder
    Join Date
    Jul 2002
    Posts
    1,628
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Gordo is right.

    this is the line:

    <stitle>News&nbsp;&amp;&nbsp;Events</stitle>

    when in fact the .stitle in the CSS is to be refered through class attribute.

    <span class="stitle">News & Reviews</span>

    Moderator: General web building

    Get out from under them, resist and multiply.
    Get out from under precipice and see the sky.

  • #5
    New Coder
    Join Date
    Nov 2002
    Location
    NJ, USA
    Posts
    35
    Thanks
    0
    Thanked 0 Times in 0 Posts
    When I do that it doesn't work in either.

    http://media.accettura.com/home.shtml


    BTW: well aware there are other html errors... I like to iron them out at the end. Otherwise, I end up doing it repeatedly.
    Robert Accettura

  • #6
    Senior Coder
    Join Date
    Jul 2002
    Posts
    1,628
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Originally posted by DIGITALgimpus
    well aware there are other html errors... I like to iron them out at the end. Otherwise, I end up doing it repeatedly.
    im the same way

    your problem this time may sleep in a simple typo. error.
    this is in your markup
    Code:
    <span class=="stitle">
    just get rid of one = sign. that should work

    Moderator: General web building

    Get out from under them, resist and multiply.
    Get out from under precipice and see the sky.

  • #7
    New Coder
    Join Date
    Nov 2002
    Location
    NJ, USA
    Posts
    35
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Changed with no success
    Robert Accettura

  • #8
    Regular Coder
    Join Date
    Jun 2002
    Location
    TEXAS . . . 'nuf said
    Posts
    468
    Thanks
    0
    Thanked 0 Times in 0 Posts
    My solution had two steps...you missed one.

    You have to put a period in front of stitle in your CSS.

    You have:
    */stitle
    and need
    */.stitle
    Gordo
    "In the End, we will remember not the words of our enemies, but the silence of our friends."
    - Martin Luther King Jr. (1929-1968)

  • #9
    New Coder
    Join Date
    Nov 2002
    Location
    NJ, USA
    Posts
    35
    Thanks
    0
    Thanked 0 Times in 0 Posts
    ok, I missed that.


    I changed it to

    .stitle


    both in the .css file as well as in the html

    Still doesn't seem to work

    (now I remember why I have been avoiding CSS all this time)
    Robert Accettura

  • #10
    Regular Coder
    Join Date
    Jun 2002
    Location
    Iowa / Notre Dame
    Posts
    538
    Thanks
    0
    Thanked 0 Times in 0 Posts
    When you specify a class name in html you leave the period off. So it should look like this in your CSS:

    .stitle

    And like this in your HTML:

    <span class="stitle"></span> NOT <span class=".stitle"></span>

    That should make it work!

    P.S. Don't get frustrated, once you get it down CSS is a god send!
    My Site {Mike's Adventures}

    Yikes, forums are almost too much fun.

  • #11
    New Coder
    Join Date
    Nov 2002
    Location
    NJ, USA
    Posts
    35
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Originally posted by pardicity3
    When you specify a class name in html you leave the period off. So it should look like this in your CSS:

    .stitle

    And like this in your HTML:

    <span class="stitle"></span> NOT <span class=".stitle"></span>

    That should make it work!

    P.S. Don't get frustrated, once you get it down CSS is a god send!
    Ok, thanks all...

    will be going over CSS specs tonight in more detail. Thanks!
    Robert Accettura

  • #12
    Senior Coder
    Join Date
    Jul 2002
    Posts
    1,628
    Thanks
    0
    Thanked 0 Times in 0 Posts
    basically it should look like this:

    in your CSS

    .stitle {
    color:blue;
    }


    in your html

    <span class="stitle">text</span>

    Moderator: General web building

    Get out from under them, resist and multiply.
    Get out from under precipice and see the sky.


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •