CSS Help

Discussion in 'CSS' started by prat, Dec 29, 2008.

0
  1. #1
    Hi Friends,
    I'm new in this forum. Will really appriciate any solution for this issue -

    I have a number of pages which have <span style="font-size: x-small;">text .... text. </span> around some content. I just want to put a class or something in my external CSS file that will increase the value of 'x-small' in font-size: x-small. Does this make sense. If anybody has any solution, that will be really helpfull.

    Thanks
    Prat
     
    prat, Dec 29, 2008 IP
  2. HDaddy

    HDaddy Active Member

    Messages:
    287
    Likes Received:
    6
    Best Answers:
    0
    Trophy Points:
    60
    #2
    you could do this in your css file:

    .xsmall {
    font: normal 0.6em(orwhateveryouwant) Verdana(orwhateveryouwant);
    margin:0;
    padding:0;
    color: #fff(orwhateveryouwant)M
    }

    And then in your html like this:

    <p>blalala vlallala vallala <span class="xsmall">text text</span> bla blaa blaa</p>
     
    HDaddy, Dec 29, 2008 IP
  3. drhowarddrfine

    drhowarddrfine Peon

    Messages:
    5,428
    Likes Received:
    95
    Best Answers:
    7
    Trophy Points:
    0
    #3
    That won't work due to specificity. the style set between the tags takes precedence. This is why inline styling can screw you up.
     
    drhowarddrfine, Dec 29, 2008 IP
  4. kmap

    kmap Well-Known Member

    Messages:
    2,215
    Likes Received:
    29
    Best Answers:
    2
    Trophy Points:
    135
    #4
    you cannot change the meaning of x-small and you will need to remove the inline styles

    inline styles are allways used in the last and while designing they should not be used

    Simply they produce crap for search engines which they donot like

    Regards

    Alex
     
    kmap, Dec 30, 2008 IP