Announcement

Collapse
No announcement yet.

Active Link Styles

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

    Active Link Styles

    To begin I am using Developer 7.0.1....

    I have 5 main sections with products in each section

    I hard-coded pagination (i.e 1 , 2, 3, 4, 5) into my template that links to each section. I tried to apply styles that would make the active page bold and a bigger font size. However, the style only applies when I click on the page number then it reverts back. You can view and example here:

    http://www.pamperedgrape.com/acatalog/Corkscrews.html

    This is the style sheet code :
    Code:
    .pageno a:link      {font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-style:normal; text-decoration: underline; color: #666666;}
    .pageno a:visited   {font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-style:normal; text-decoration: underline; color: #666666;}
    .pageno a:hover     {font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-style:normal; text-decoration: underline; color: #330033;}
    .pageno a:active    {font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-style:normal; text-decoration: none; color: #330033; font-weight:bold;}
    I have tried using "span", putting class on the row, putting class in the link, I even tried using DIV put it just put line breaks between each number.

    For example:
    Code:
    <td class="pageno"><a href="Corkscrews.html" target="_self" class="pageno">1</a></td>
    <a href="Corkscrews.html" target="_self" class="pageno">1</a>
    <span class="pageno"><a href="Corkscrews.html" target="_self" >1</a></span>
    Any suggestions would be greatly appreciated.

    #2
    I'm afraid it is working as it should.

    The "active" pseudo class is not the current page, but the current choice the user is making.

    From CSS2 specification
    The :active pseudo-class applies while an element is being activated by the user. For example, between the times the user presses the mouse button and releases it.
    Bill
    www.egyptianwonders.co.uk
    Text directoryWorldwide Actinic(TM) shops
    BC Ness Solutions Support services, custom software
    Registered Microsoft™ Partner (ISV)
    VoIP UK: 0131 208 0605
    Located: Alexandria, EGYPT

    Comment


      #3
      Active Link Styles

      Thanks for the clarification. Is there any way to achieve what I am looking for using style sheets, html, JS?

      Comment


        #4
        Easiest answer is head over to www.drillpine.biz and pick up Norman's patch to do just this - none: it is probably donationware, and definitely well worth it.
        Bill
        www.egyptianwonders.co.uk
        Text directoryWorldwide Actinic(TM) shops
        BC Ness Solutions Support services, custom software
        Registered Microsoft™ Partner (ISV)
        VoIP UK: 0131 208 0605
        Located: Alexandria, EGYPT

        Comment

        Working...
        X