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 4 of 4
  1. #1
    New Coder
    Join Date
    Oct 2011
    Posts
    12
    Thanks
    0
    Thanked 0 Times in 0 Posts

    CSS image sprite issue

    I'm new with this image sprite method, at least with the type of image I have copied. I have it mostly working, but for some reason it word wraps the two word text that appears over the image.

    Here is a link to the example: http://www.buygenieclips.com/pliteq-genieclip.html

    It is located in the Test Data tab. The button that says View More. View on one line, More on the other. I'm thinking it is an issue with my HTML more than the CSS. I've tried many different variations with not much like. I can break it more, but can't seem to fix it.

    Any help or guidance is appreciated.

  • #2
    New Coder
    Join Date
    Oct 2011
    Posts
    12
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Any idea on this one?

  • #3
    Regular Coder
    Join Date
    Aug 2011
    Location
    U.S.A.
    Posts
    233
    Thanks
    2
    Thanked 48 Times in 48 Posts
    Do you want the words on one line? edit the .data .databutton class:

    Code:
       .data .databutton {
        background: url("http://www.buygenieclips.com/skin/frontend/default/modern/images/black_btn_split.gif") no-repeat scroll right -50px transparent;
        font: 11px Verdana,sans-serif !important;
        height: 18px !important;
        padding: 2px 15px 0 5px;
        text-align: center;
        width: 73px;
    }
    Everything stayed the same, I just added a width of 73px.
    WordPress Designer and theme developer. KlongDesigns - helping bloggers and non-technical folks claim their space on the internet.

  • #4
    New Coder
    Join Date
    Oct 2011
    Posts
    12
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Holy crap. There we go. That was literally the last thing I couldn't figure out. Thank you very much.


  •  

    Posting Permissions

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