...

View Full Version : Redoing Side Window w/ Repeating Graphics



htsmith88
10-28-2011, 03:29 AM
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.



#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! :o

htsmith88
10-28-2011, 03:34 AM
Is there a way to flip the graphics horizontally so I don't need to make a start & end for the rightside?



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum