Ackis Posted March 11, 2007 Posted March 11, 2007 Hi, I would like to add two images, actually it's one image in two different places. I want my image to follow the site down along the sides. My site is centered and I have an background.... and between that background and the actual site I want this image. (the image is a chromed pipe that I want as some kind of a frame to my site) I also want it to be repeted down-wards when the site becomes longer (includes more info.) Is it in stylesheet.css I should add the image? How do I write ? I've tried alot of thing but I only get alot of errors :( So, now I have erased everything to start from the beginning again, with the default code. Can someone help me with this please? /Jessica Jessica Fuchs
Guest Posted March 12, 2007 Posted March 12, 2007 Hi, I would like to add two images, actually it's one image in two different places. I want my image to follow the site down along the sides. My site is centered and I have an background.... and between that background and the actual site I want this image. (the image is a chromed pipe that I want as some kind of a frame to my site) I also want it to be repeted down-wards when the site becomes longer (includes more info.) Is it in stylesheet.css I should add the image? How do I write ? I've tried alot of thing but I only get alot of errors :( So, now I have erased everything to start from the beginning again, with the default code. Can someone help me with this please? /Jessica When Do change something and then see an error just replace the page code with the old page code. I doo all my changes in my FTP window (Fetch.com for Macs) and back up often so that the working pages are easily found. Don't keep re-installing the whole things. The Chrome Pipe border is going to be controlled by your Stylesheet.ccss foung the top directory Catalog. You will lots of fun with this page as it will change the colors, alignment, define everything else. Be creative and make your site an original one. My recommendation is to find a site that has this boder you like and see if their CSS page will tell you haow to do it. You will need to create a Pipe image for the side pipes, header pipe, corner pipes, and lower pipe, puns intended. Good image names though 8-). Where to learn CSS: W3- http://www.w3.org/Style/CSS/ Eric Meyer- http://meyerweb.com/eric/writing.html The Bookstore- Eric Meyer CSS the Definitve Guide 3rd Edition $40
Ackis Posted March 12, 2007 Author Posted March 12, 2007 Thank you, this helped a bit! :) I now have a border but HOW do i change it to be an image instead of a solid border? I've tried but the image doesn't show. Just the solid border. It looks like this now: */ DIV.centerpage { width: 80%; position: absolute; left: 26%; top: 0; margin-left: -17%; background: #e6e3e3; background-image:url('images/bg3.gif'); border-width: 40px; border-style: solid; border-color: #6699ff; I thought I could add the image under border-with and erase the border-style but that didn't work..... <_< Jessica Fuchs
dynamoeffects Posted March 12, 2007 Posted March 12, 2007 I'd really need to see the site to know exactly what you're after, but try this. Change these lines: background: #e6e3e3; background-image:url('images/bg3.gif'); to this: background: #e6e3e3 url(images/bg3.gif) repeat-y; You can't create borders with native CSS. Like I said, I'd have to see the site to know what would work for your site, but it usually involves a background image that covers the left and right sides of the border. Then add a horizontal version of your border to the top and bottom of page and now you have a complete border. Please use the forums for support! I am happy to help you here, but I am unable to offer free technical support over instant messenger or e-mail.
Ackis Posted March 12, 2007 Author Posted March 12, 2007 Ok, look att this.. http://rcmaffian.se/oscommerce_st/catalog/index.php the blue border i supposed to be an image. The header of the page is going to be changed into some kind of a metal plate... I'm working on that in Adobe Photoshop. And the blue border is supposed to be a chromed pipe that goes around the page (that image is ready and uploaded) .... and in my dreams :rolleyes: I would like it to connect to an other centered image in the bottom of the page. (I think you call it "exhaust"... (underneath and at the end of a car) (sorry about my english) :blush: That image is aslo ready. The copyright thex is in that last image. Do you understand anything of this? Do you know what I mean? Regards Jessica Jessica Fuchs
Ackis Posted March 12, 2007 Author Posted March 12, 2007 Does anyone know how to do this? :( Jessica Fuchs
Ackis Posted March 13, 2007 Author Posted March 13, 2007 Does anyone know IF this is possible at all? (or should I stop trying and reconstruct my site) Jessica Fuchs
Guest Posted March 13, 2007 Posted March 13, 2007 yes it is possible. You create the images at least 4. The header/footer are relatively easy to place. The left/right ones have to be repeated vertically. So you need to create extra cells before and after the left/right navigation panels with the css class that will use these images. Same for header/footer.
Recommended Posts
Archived
This topic is now archived and is closed to further replies.