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 3 of 3
  1. #1
    Regular Coder
    Join Date
    Sep 2005
    Location
    Bath, ENG
    Posts
    113
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Need to Enhance Site

    Hi,

    I need to enhance this current website and make it less bland and brown apparently.

    I was thinking of adding a background image of a flower in the content_bg div:

    Code:
    div#content_bg {
    	float: left;
    	margin: 0 auto;
    	width: 727px;
    	background: transparent url(content_bg.gif) 0 0 repeat-y;
    	}
    However I already have an image there which is my border which goes around the content. Is there a way where I can have two backgrounds: in the same div or is there an easier way of doing this?

    Thanks

  • #2
    Senior Coder
    Join Date
    Jan 2005
    Location
    Memphis, TN
    Posts
    1,798
    Thanks
    8
    Thanked 131 Times in 129 Posts
    sure you can. you can wrap the #content_bg div in another div and give the wrapping div the flower background.

    something like:

    Code:
    <div id="content_wrap">
    <div id="content_bg">
    </div>
    </div>
    Code:
    div#content_bg {
    	float: left;/* why is this floated? */
    	background: transparent url(content_bg.gif) 0 0 repeat-y;
    	}
    div#content_wrap {
    	margin: 0 auto;
    	width: 727px;
            position: relative;
            background: transparent url(flower.gif) bottom left no-repeat;
    }
    If the content_bg.gif is a white background and not transparent, just swap the background images in your css. If your aligning the flower to one of the four corners than you'll need to scoot the image over 1px to allow room for the side border from your content_bg.gif so it doesn't over lap. And leave that 1px gap transparent so the border shows through. Or you can make the image a jpg and physically add the 1px border to the sides that will over lap so they mesh.
    Stop making things so hard on yourself.
    i is tugbucket :: help raise tugburg :: Whitehaven Kiwanis

  • #3
    Regular Coder
    Join Date
    Sep 2005
    Location
    Bath, ENG
    Posts
    113
    Thanks
    0
    Thanked 0 Times in 0 Posts
    [FONT="Tahoma"]Thanks works fine. Just got to try and find the right image which is going to be the tricky part!


  •  

    Posting Permissions

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