Announcement

Collapse
No announcement yet.

Problem sizing links with CSS

Collapse
X
 
  • Filter
  • Time
  • Show
Clear All
new posts

    Problem sizing links with CSS

    Hello Folks,

    I've managed to get rid of the nested tables created by NQV:TOPLEVELSECTIONTOP and although I initially replaced them with Div tags, I'm now using a <br> at the end of eack link. This does the same job as <Div> in forcing the next link to a new line, but uses less code. I assume this is a better approach?

    Anyway, I'm having trouble getting CSS to change the size of the text links.
    I'm able to adjust the line height using the following:

    .sectlinks {
    background: #00CDFE ; line-height:2.5em
    }
    But if I include font-size:1.5em or font-size:15px it merely increases the spaces between the links without changing the size of the font!

    I've stripped out the span class in actsectionsmalltext, so I'm not sure why I can't get the font-size to work.

    http://www.magicalwonders.com/acatalog/index.html

    Can anyone see what I'm doing wrong please?

    Thanks

    Myles
    www.magicalwonders.com

    #2
    Have you tried including margin-top and margin-bottom into the css

    eg:

    .sectlinks {
    background: #00CDFE ; line-height:2.5em ; margin-top:0 ; margin-bottom:0
    }


    Bikster
    SellerDeck Designs and Responsive Themes

    Comment


      #3
      Just re-read op and its the font size causing the problem not the spacing - sorry


      Bikster
      SellerDeck Designs and Responsive Themes

      Comment


        #4
        Hi Jonty,

        Managed to get this working now using:

        .sectlinks {
        background: #00CDFE ; line-height:2.5em; font-size: small;
        }
        Plus wrapping the NQV:SECTIONNAME in actsectionsmalltext with <span class="sectlinks">

        Time for a break!

        Myles
        www.magicalwonders.com

        Comment

        Working...
        X