Page Navigation

Discussion in 'CSS' started by adsman, Sep 27, 2008.

  1. #1
    Hi Folks,

    Trying to get the following CSS code for page navigation to work. You can see it working here.

    http://uk.search.yahoo.com/search?p=news&ei=UTF-8&rd=r1&fr=yfp-t-501&pstart=1&b=11


    #pg {clear:both;color:#3666d4;height:2em;margin:2em 0 2em 250px;}
    #pg a,#pg strong{border:1px solid #ccdbe4;display:block;color:#3666d4;float:left;margin:0 2px 0 0;padding:1px 8px;text-align:center;text-decoration:none;}
    #pg a:hover{background:#3666d4;border-color:#2b55af;color:#fff;}
    #pg strong{border:0;color:#000;font-size:107%;font-weight:bold;padding:2px 6px;}


    All is working fine, but for some reason when i click on a page number, that page number jumps up like the picture i have attached. I can't seem to get the <strong> tag to force the text that is NOT a link to show like Yahoo within the other page numbers.

    Any ideas please? It is getting to me :)

    Thanks,
    S
     

    Attached Files:

    adsman, Sep 27, 2008 IP
  2. adsman

    adsman Peon

    Messages:
    26
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    0
    #2
    Hi guys,

    Can anyone help me with this please?

    Thanks,
    s
     
    adsman, Sep 28, 2008 IP