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 5 of 5

Thread: Head scratcher

  1. #1
    Senior Member minute44's Avatar
    Join Date
    Mar 2006
    Location
    Nottingham, UK
    Posts
    264
    Member #
    12849
    want to make a box on a CSS based website that uses images for it's background.

    Simple enough! you might say. And normally you'd be right but I want to do something a little more tricky than that.

    I want a box with rounded corners so basically a box in three parts.
    1. A top with rounded corners.
    2. A middle section that will repeat as the content expands the box.
    3. A bottom with rounded corners.
    I've got an idea of how to get this to work but I wanna run it past you guys cos I've been having some problems.

    Here goes:


    Code:
        
    <div id="box">
        <div id="boxtop">
        </div>
        <div id="boxcontent">
            <p>
            Blah blah blah...
            </p>
        </div>
        <div id="boxbottom">
        </div>
    </div>


    In the CSS I was gonna make #box be the exact width of the graphics with no padding and no margins. Then.. I was gonna make all divs contained within #box have a 100% width and float left with no margins and background of the co-responding images...#boxtop and #boxbottom would have set height (the exact height of the boxtop and boxbottom images.)

    Do you think this would work?

    Let me know if you can see any problems with this....
    No ma'am, we in IT don't have a sense of humor we're aware of.

  2.  

  3. #2
    Senior Member karinne's Avatar
    Join Date
    Dec 2003
    Location
    Aylmer QC Canada
    Posts
    1,607
    Member #
    4335
    Liked
    8 times
    [a web design portfolio - Currently NOT AVAILABLE for work | web design | Re-coding | PSD-to-HTML]
    I'm also on: virb - facebook - twitter - flickr - del.icio.us

  4. #3
    Senior Member minute44's Avatar
    Join Date
    Mar 2006
    Location
    Nottingham, UK
    Posts
    264
    Member #
    12849
    Actually, yes. I posted this same thread on another forum and I got near as dammit the same response. lol cheers though.
    No ma'am, we in IT don't have a sense of humor we're aware of.

  5. #4
    Senior Member karinne's Avatar
    Join Date
    Dec 2003
    Location
    Aylmer QC Canada
    Posts
    1,607
    Member #
    4335
    Liked
    8 times
    :lol: Sorry ... Did you try the code they have? It shoud work
    [a web design portfolio - Currently NOT AVAILABLE for work | web design | Re-coding | PSD-to-HTML]
    I'm also on: virb - facebook - twitter - flickr - del.icio.us

  6. #5
    Member Mateo's Avatar
    Join Date
    Jan 2006
    Location
    Chicago
    Posts
    31
    Member #
    12321
    Maybe you've seen this method from Schillmania! Either way, let us know how you solve this little conundrum.


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