SitePoint Sponsor

User Tag List

Results 1 to 4 of 4

Hybrid View

  1. #1
    SitePoint Evangelist
    Join Date
    Apr 2003
    Location
    Lexington, KY
    Posts
    439
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    header not working like it used to...

    Ok I've created a header on my live site rcnitrotalk.com and it works exactly how I want it to. However I'm using a new skin for my forums and thought I'd also use the same header for the forum. However when I do that my header messes up, the text is very small and the hover over is very large. (example: www.woodiesdomain.com/testforum ) - What I want is the testforum's header to look just like my header on the home page of rcnitrotalk.com

    Any suggestions?


    -Michael

  2. #2
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    40,556
    Mentioned
    183 Post(s)
    Tagged
    6 Thread(s)
    Hi,

    Its this line that is styling the lists smallwer.

    Code:
    td, th, p, li
    {
     font: 10pt 'trebuchet ms', verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
    }
    Take the li off the end of the baove style and it should display the header as you want. You will have to style any other lists specifically though.

    Paul

  3. #3
    SitePoint Evangelist
    Join Date
    Apr 2003
    Location
    Lexington, KY
    Posts
    439
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Paul that may fix it but vBulletin is setup like the following: CSS Selector: td, th, p, li - I can only change the color, font and so on but not the selection.

    Second why does it do this if the header li is told what to do in the CSS under the menu div?

    Is there anyone around this since I can't remove the li in the selection?


    -Michael

  4. #4
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    40,556
    Mentioned
    183 Post(s)
    Tagged
    6 Thread(s)
    Hi,

    You just need to override that font:
    Code:
    #navmenu ul li { display: inline; font: x-small verdana; font-weight: bold; }
    #navmenu ul li a { font: x-small verdana ; text-decoration: none; padding: .2em .3em; color: #fff; font-weight: bold; line-height: 16px;}
    #navmenu ul li a:hover { background: #336; color: #fff; }
    #navsubmenu { font-weight: bold; background: #849CB6; border-top: 1px solid #fff; }
    #navsubmenu ul { list-style-type: none; margin: 0; padding: 0 0 0 5px; }
    #navsubmenu ul li { display: inline; font-weight: bold; font: x-small verdana }
    #navsubmenu ul li a { font: x-small verdana; text-decoration: none; padding: .2em .3em; color: #fff; font-weight: bold; line-height: 16px;}
    (Make it a proper font-list with generic font at the end.)

    Paul


Bookmarks

Posting Permissions

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