Need text box help...

3 replies
  • WEB DESIGN
  • |
been working at this for a while, haven't been able to figure it out. hired a few guys on fiverr, neither of them could do it for me either, waiting on third guy now. although i'm fairly new to html editing, through hostgator's cpanel i've been able to do nearly everything i need, but just can't do this.

i'm trying to make a testimonial/product review text box just like the one on the top of this person's page: Sinus Infection Cures That Work- Sinus Home Remedy Report.

have been able to make plain boxes, boxes with dashed border lines, boxes with squared edges, etc., but have not been able to make one like on that page, with rounded edges and that soft color inside.

any help would be greatly appreciated. thnx
#box #text
  • Profile picture of the author Jason Z
    Hey B.J.,

    The example you sent basically is cheating at a rounded box with gradient. They have 3 separate boxes with background images to fake that effect. There are actually 3 background images there for the top, middle, and bottom.

    What I would do is to make a div (we'll give it the ID mybox) for my box and give it this css:

    #mybox
    {
    width:650px;
    height:170px;
    border-radius: 5px;
    border:solid 1px #cfc693;
    background: url(/path/to/image.jpg) repeat-x;
    }

    That basically makes a box about the same size as your example, with a rounded border and you just need one background image 170px high that would repeat horizontally across the box for the gradient effect.

    Hope that helps some. It was just off the top of my head but I think it will work for you.

    Jason
    Signature
    Co-Founder of the Local Profit Model Training Program for Offline Consultants

    Jason Zimmerman is an offline marketing and consulting professional. He has been developing web sites and digital marketing plans for local businesses since 2000.
    {{ DiscussionBoard.errors[4867967].message }}
  • Profile picture of the author neojiphre
    is this css3
    {{ DiscussionBoard.errors[4873807].message }}

Trending Topics