Hi, I am creating a letterhead to use in e-newsletters. The logo is on the far right with some stripes which I want to stretch to fit the width of the page (depending on user's resolution). I have sliced as 1 pixel the part that i want to have repeated horizontally but am not able to have it appear to the left of my logo (which is floating right). Right now, the logo appears to the very right (as I want it to be) but the stripes are not appearing anywhere! Can someone help? Here is my current code: <style type="text/css"> <!-- .stretchy {margin: 0; padding: 0; background: url(bg_stripes.gif) 100% 0 repeat-x;} img {float: right;} --> </style> </head> <body> <div class="stretchy"><img src="logo.gif" alt="" /></div> </body> </html>
If this is an email, where is the bg_stripes.gif file? Normally you would have an absolute URL (ie http://www.yourdomain.com/yourimage.gif)
right now its just on my local drive. if i can get my htm file looking the way it should, then i will put it in my stationery folder for Windows Mail.
I ment more literally.... the file must have either an absolute direction to it or relative to the location of the CSS file. So if from the root all your images are in /image/ and the css is in /includes/ the style would have to have the location as ../image/filename.gif