Need text box help...

by 3 replies
4
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
#website design #box #text
  • 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
    • [ 1 ] Thanks
    • [1] reply
  • is this css3
Join the discussion

Next Topics on Trending Feed

  • 4

    Need text box help...

    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.