No replies
etidd
etidd's picture
Offline
newbie
Atlanta, GA
Last seen: 11 years 13 weeks ago
Atlanta, GA
Timezone: GMT-4
Joined: 2011-03-24
Posts: 6
Points: 11

Hello all,

I've got 3 .gif images I want to use for repeating graphics for the side windows for my home page at Atlanta Review Group. I have attached them to the thread here.

So, to piece these together, am I going to need to make 3 divs inside my leftside and rightside windows, and give them an id and then put the images in as background images? Then, will I say no-repeat for the start and end gifs, but then set the sidewindowbody to horizontal-repeat?

Am I able to use CSS to flip the images horizontally and use them for the other side windows, or do I need to make 3 more images for the rightside window?

<img src="sidewindowbody.gif" width="20" height="300" alt="" />
<img src="sidewindowendleft.gif" width="18" height="300" alt="" />
<img src="sidewindowstartleft.gif" width="25" height="300" alt="" />

#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;
	}