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 4 of 4
  1. #1
    Senior Member jbagley's Avatar
    Join Date
    Sep 2004
    Location
    Cape Town
    Posts
    845
    Member #
    7422
    I need some help with this, and it involves quite alot of debugging.... But here goes.

    HTML Code:
    <div id="centreblock">
    		<div class="email2sms"><a href="#"><span>Product1</span></a></div><div class="buttontext">this is text that I want to display next to the button</div>
    		<div class="bulksms"><a href="#"><span>Product2</span></a></div>
    		<div class="smsservices"><a href="#"><span>Product3</span></a></div>
    	</div>
    Heres follows the CSS to make it happen...
    HTML Code:
    #centreblock .email2sms{
    height: 73px;
    width: 300px;
    margin-bottom: 10px;
    background-color: #27a211;}
    
    #centreblock .buttontext{
    background-color: #2342bd;
    position: relative;
    top: -73px;
    margin-left: 115px;
    }
    
    #centreblock .email2sms a{
    background: url(images/email2smsbutton.gif) no-repeat top left;
    display: block;
    height: 73px;
    width: 110px;
    border: none;}
    
    #centreblock .email2sms a:hover{
    background-position: bottom left;}
    
    #centreblock .email2sms a span{
    display: none;}
    Attached is what it looks like currently, but I want no space between the "blocks"! If it means changing the code or CSS, please advise. Thanks
    Attached Images Attached Images

  2.  

  3. #2
    Junior Member
    Join Date
    Apr 2005
    Location
    california
    Posts
    6
    Member #
    9559
    use absolute positioning for the div containing text you want displayed on hover

  4. #3
    Senior Member jbagley's Avatar
    Join Date
    Sep 2004
    Location
    Cape Town
    Posts
    845
    Member #
    7422
    I tried absolute positioning, but it wont have the desired effect. It did remove the "space" I was talking about, but if the users browser window is smaller or bigger, the text will not be in the correct place.

    Is there another solution to this problem?

  5. #4
    Junior Member
    Join Date
    Apr 2005
    Location
    california
    Posts
    6
    Member #
    9559
    Quote Originally Posted by jbagley
    Is there another solution to this problem?
    Please upload the page in question and give us a link


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 06:55 PM.
Powered by vBulletin® Version 4.2.3
Copyright © 2019 vBulletin Solutions, Inc. All rights reserved.
vBulletin Skin By: PurevB.com