Multiple Stylesheets for link


DevX Home    Today's Headlines   Articles Archive   Tip Bank   Forums   

Results 1 to 2 of 2

Thread: Multiple Stylesheets for link

  1. #1
    Michael Culley Guest

    Multiple Stylesheets for link

    I can change the color etc of a link with this inside style tags

    A:link {color:white;text-decoration:none;}
    A:visited {color:white;text-decoration:none;}
    A:hover {color:"#FF3300";text-decoration:none;}

    but I want to define 2 different type of links on my page.

    How can I do the same thing but use it something like this

    <a class="linkstyle1" href=....
    <a class="linkstyle2" href=....

    etc

    Thanks

    --
    Michael Culley
    www.vbdotcom.com





  2. #2
    Veign Guest

    Re: Multiple Stylesheets for link

    Use this for setting different classes for a given Tag style;

    A:link { COLOR: #ffff99}
    A:hover { COLOR: #ffff99}
    A:visited { COLOR: #ffff99}
    A.header:link { COLOR: white; TEXT-DECORATION: none}
    A.header:hover { COLOR: #ffc800; TEXT-DECORATION: underline}
    A.header:visited { COLOR: white; TEXT-DECORATION: none}


    This will allow you, inthe HTML code, to provide a different Anchor style
    like;

    <A HREF..... <--- This will be the default defined style
    <A class=header HREF.... <----This will be the Header style

    HTH
    Chris

    "Michael Culley" <m_culley@one.net.au> wrote in message
    news:3b7e2181@news.devx.com...
    > I can change the color etc of a link with this inside style tags
    >
    > A:link {color:white;text-decoration:none;}
    > A:visited {color:white;text-decoration:none;}
    > A:hover {color:"#FF3300";text-decoration:none;}
    >
    > but I want to define 2 different type of links on my page.
    >
    > How can I do the same thing but use it something like this
    >
    > <a class="linkstyle1" href=....
    > <a class="linkstyle2" href=....
    >
    > etc
    >
    > Thanks
    >
    > --
    > Michael Culley
    > www.vbdotcom.com
    >
    >
    >
    >




Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
HTML5 Development Center
 
 
FAQ
Latest Articles
Java
.NET
XML
Database
Enterprise
Questions? Contact us.
C++
Web Development
Wireless
Latest Tips
Open Source


   Development Centers

   -- Android Development Center
   -- Cloud Development Project Center
   -- HTML5 Development Center
   -- Windows Mobile Development Center