Register

If this is your first visit, please click the Sign Up now button to begin the process of creating your account so you can begin posting on our forums! The Sign Up process will only take up about a minute of two of your time.

Results 1 to 2 of 2
  1. #1
    Senior Member Tyler Smith's Avatar
    Join Date
    Oct 2011
    Posts
    115
    Member #
    29767
    Liked
    7 times
    Hello everyone,

    This is a question for this page. I made this effect with CSS, and I changed the height of the background from 44px to 48px, and it makes the bottom e-mail box bounce up and down when the link is hovered. Is there any way to fix this to keep it steady?

    The current styles:
    Code:
    h2 a:before{
     background:url("lplinkstart.gif") no-repeat 0 0;
     content:" ";
     height:44px;
     left:-14px;
     position:absolute;
     top:0;
     width:26px;
     z-index:99;
    }
    h2 a{float:left; font-size:30px; font-style:italic; font-weight:bold; text-align:center; width:auto; height:44px; background:url("lplinkbody.gif") repeat-x scroll 0 0 transparent;}
    h2 a:after{
     background:url("lplinkend.gif") no-repeat 100% 0;
     height:44px;
     right:-14px;
     position:absolute;
     top:0;
     width:26px;
     content:" ";
     z-index:99;
    }
    h2 a{position:relative; margin:30px 0 20px 0; padding:1px 1px 0 1px;}
    h2 a{color:#009; text-shadow:1px 1px 1px #000;}
    h2 a:hover{color:#FFF; text-decoration:none;}
    h2 a:hover:before{
     background:url("lplinkstartafter.gif") no-repeat 0 0;
     content:" ";
     height:48px;
     left:-14px;
     position:absolute;
     top:-2px;
     width:26px;
     z-index:99;
    }
    h2 a:hover{float:left; font-size:30px; font-style:italic; font-weight:bold; text-align:center; width:auto; height:48px; background:url("lplinkbodyafter.gif") repeat-x scroll 0 -2px transparent;}
    h2 a:hover:after{
     background:url("lplinkendafter.gif") no-repeat 100% 0;
     height:48px;
     right:-14px;
     position:absolute;
     top:-2px;
     width:26px;
     content:" ";
     z-index:99;
    }

  2.  

  3. #2
    Senior Member Webzarus's Avatar
    Join Date
    May 2011
    Location
    South Carolina Coast
    Posts
    3,322
    Member #
    27709
    Liked
    770 times
    Change height on h2 a:hover befor to 48


Remove Ads

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
All times are GMT -6. The time now is 02:43 AM.
Powered by vBulletin® Version 4.2.3
Copyright © 2019 vBulletin Solutions, Inc. All rights reserved.
vBulletin Skin By: PurevB.com