Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 3 of 3
  1. #1
    Regular Coder mOrloff's Avatar
    Join Date
    Nov 2008
    Location
    The Great Pacific NW, USA
    Posts
    422
    Thanks
    8
    Thanked 6 Times in 6 Posts

    Clipped text (top & btm) in IE. Please help!

    I hope someone knows what is causing this.

    If you use IE look at www.vciparts.com, each line of the text on the big red pill button gets shaved from the top and bottom.

    Here's my HTML
    Code:
    <a class="button" href="pnsearch.php">
    <span class="value1">Part</span> <span class="value2">Search</span>
    </a>
    Here's my CSS
    Code:
    /* ##### Button ##### */
    #mainContent>p>a.button{ 
    	display:block;
    	position:relative;
    	margin:1em;
    	width:150px;
    	height:90px;
    	border-bottom:none;
    	background-image:url(../images/pill.gif);	
    }
    #mainContent a.button .value1{ 
    	position:absolute;
    	bottom:56px;
    	right:43px;
    	font-size:30px;
    }
    #mainContent a.button:hover .value1{ 
    	position:absolute;
    	bottom:54px; 
    	font-size:29px;
    }
    #mainContent a.button .value2{ 
    	position:absolute;
    	bottom:22px;
    	right:23px;
    	font-size:30px;
    }
    #mainContent a.button:hover .value2{ 
    	position:absolute;
    	bottom:21px; 
    	font-size:29px;
    }
    #mainContent a.button:hover{background-image:url(../images/pill2.gif); border-bottom:none;
    }
    /* ##### end button ##### */
    Can anybody help ... PLEASE.

    ~ Mo
    Last edited by mOrloff; 05-14-2009 at 07:50 PM.

  • #2
    Supreme Master coder! abduraooft's Avatar
    Join Date
    Mar 2007
    Location
    N/A
    Posts
    14,862
    Thanks
    160
    Thanked 2,223 Times in 2,210 Posts
    Set a suitable line-height, say line-height:1em; to those spans.
    btw, have you checked your page in IE6?
    The Dream is not what you see in sleep; Dream is the thing which doesn't let you sleep. --(Dr. APJ. Abdul Kalam)

  • #3
    Regular Coder mOrloff's Avatar
    Join Date
    Nov 2008
    Location
    The Great Pacific NW, USA
    Posts
    422
    Thanks
    8
    Thanked 6 Times in 6 Posts
    Thanks, that did it.
    (an yes, I have seen it in IE6. That's the next thing to tackle.)

    ~ Mo


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •