SitePoint Sponsor

User Tag List

Results 1 to 3 of 3
  1. #1
    SitePoint Guru htown's Avatar
    Join Date
    Mar 2005
    Posts
    676
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    How do I use inline Pseudo-classes

    I need to declair a inline class for a hyperlink. What is the syntax for making this same declaration in an inline style:

    Code:
    a:link, a:visited, a:hover {
    	color: #1d190e;
    	text-decoration: underline;
    }

    Thanks,
    Houston
    Houston Brown
    Split Light Designs
    Bringing your ideas to light.

  2. #2
    SitePoint Guru htown's Avatar
    Join Date
    Mar 2005
    Posts
    676
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Sorry, I guess I should have been more specific. This is for a HTML email and I can not use JS in email html.
    Houston Brown
    Split Light Designs
    Bringing your ideas to light.

  3. #3
    Non-Member Egor's Avatar
    Join Date
    Jan 2004
    Location
    Melbourne, Australia
    Posts
    7,305
    Mentioned
    1 Post(s)
    Tagged
    1 Thread(s)
    Hi,

    This is rather nasty, but should work ok:

    HTML Code:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
    	"http://www.w3.org/TR/html4/strict.dtd">
    <html lang="en">
      <head>
        <meta http-equiv="content-type" content="text/html; charset=utf-8">
        <title>*</title>
    
      </head>
      <body>
    
    
    
    
    
        <div id="page">
          <style type="text/css">
            #page * {
              margin: 0;
              padding: 0;
            }
        
            #page p {
              font: 68.75%/1.65 "Lucida Grande", "Lucida Sans", sans-serif;
              margin-bottom: 1em;
            }
      
            a {
              color: pink;
            }
      
            a:hover {
              color: blue;
            }
          </style>
    
          <p>Lorem ipsum dolor sit amet, <a href="#">consectetuer adipiscing elit</a>. Suspendisse sagittis est tempor odio. Suspendisse eu dolor. Quisque id sapien at ante iaculis vulputate. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Aliquam dignissim. Vivamus condimentum magna eget lectus. Nullam mauris erat, tempor a, volutpat eu, vestibulum nec, leo. Nullam accumsan vestibulum ante. Ut et lectus. Duis nunc urna, pharetra ac, blandit laoreet, fermentum vel, libero. Aliquam erat volutpat.</p>
          <p>Praesent lectus massa, mattis non, consectetuer congue, vestibulum sed, tellus. Nam elementum tempus velit. Etiam eleifend dignissim nibh. Aliquam erat volutpat. Sed massa elit, interdum ac, dapibus sit amet, ornare eget, purus. Vestibulum convallis. Etiam urna dolor, hendrerit ac, nonummy vestibulum, fermentum at, erat. Sed vitae augue vitae purus fermentum volutpat. Etiam non nisi vitae odio eleifend pretium. Vestibulum tempus lacinia quam. Duis molestie mi et nibh. Vestibulum tellus odio, accumsan et, condimentum eget, auctor id, augue. Curabitur vel justo ut elit tempus feugiat. Morbi aliquam, ligula ac lobortis imperdiet, orci nunc vehicula justo, at posuere nisl metus vel lacus. Morbi ac quam. Ut convallis, leo vitae consequat fringilla, nisl enim bibendum orci, eu sollicitudin lorem orci a neque. Curabitur ultricies ipsum eu pede. Donec diam nunc, vestibulum nec, luctus quis, viverra quis, justo. Ut aliquam nulla hendrerit diam. Cras id diam. Aliquam erat volutpat. Quisque ultrices, lacus eu scelerisque semper, dui libero varius enim, ac tempus leo dolor eu elit. Duis nisl. Sed purus. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Curabitur ante. Aliquam erat volutpat. Sed ipsum lorem, elementum nec, blandit ac, mollis sed, erat.</p>
          <p>Nunc ornare auctor augue. Nullam fringilla egestas quam. Nam egestas. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nam volutpat. Aenean dui pede, feugiat ac, sollicitudin et, egestas a, lacus. Nullam sit amet orci sit amet pede cursus tincidunt. Integer quam. Curabitur erat. Pellentesque quam diam, posuere in, tempor vel, cursus in, libero. Phasellus at mi. Morbi eleifend. In a nunc. In hac habitasse platea dictumst.</p>    
        </div> <!-- #page -->
    
    
    
    
    
      </body>
    </html>


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
  •