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 2 of 2
  1. #1
    New Coder
    Join Date
    May 2011
    Posts
    28
    Thanks
    6
    Thanked 0 Times in 0 Posts

    Question Redoing Side Window w/ Repeating Graphics

    Hello everyone,

    After considering how tough it was to read some of the content and how unnecessarily tall the page was because of the drop down menu graphics on my page at http://www.productreviewsbytyler.com, I have redone a lot of things.

    Now, one of the things I wanted to touch up is getting a horizontal graphic repeating for the side windows. I have attempted to piece three images together with the following code.

    Code:
    #leftside{
    	overflow:auto;
    	float:left;
    	height:700px;
    	width:300px;
    }
    	#leftsidestart{
    		float:right;
    		background:url("sidewindowstartleft.gif") no-repeat scroll 50% 0 transparent;
    		height:300px;
    		width:25px;
    	}
    	#leftsidebody{
    		margin:0 auto;
    		background:url("sidewindowbody.gif") repeat-x scroll 50% 0 transparent;
    		height:300px;
    	}
    	#leftsideend{
    		float:left;
    		background:url("sidewindowendleft.gif") no-repeat scroll 50% 0 transparent;
    		height:300px;
    		width:18px;
    	}
    The repeat worked, but it's still not in good position and the images sit on top of each other.

    Hopefully by the time someone reads this and views my updated site will be able to see the changes. I'm not seeing a lot of what I've changed just yet.

    THANKS ALL!

  • #2
    New Coder
    Join Date
    May 2011
    Posts
    28
    Thanks
    6
    Thanked 0 Times in 0 Posts
    Is there a way to flip the graphics horizontally so I don't need to make a start & end for the rightside?


  •  

    Posting Permissions

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