Hi, I am designing a shopping basket. When you view the basket it is a table of what you have added to the basket. The top line/row of the table has headings: Product Description, Product Code, Price, Quantity, Subtotal... as you would expect. I want an image behind the top row of headings (as a background). If I add the image to the top right cell it is only displayed in the top right cell. Can CSS help me achieve what I want? I had thought about about using positioning of text and only use one cell all across the top row of the table. I am a CSS Beginner. Any suggestions from more experienced professionals? I am trying to understand how www.hmv.com do their basket headings. I have the bits from their site but it does not work. It is done with CSS to add the image and somehow parts of the top row of the basket are designed over the image? It works well but I cannot work it out. Perhaps you could add something to their basket and then click VIEW BASKET - not the checkout make sure you click VIEW BASKET. Do you know how it is done? Matt.
You could use a div tag which has your image specified as the background. You can then put the table inside your div. You will have to play around with the css to get it working right though. I actually dont know how this will turn out with a table if you only want the top row to have an image (other than aligning it to the top and sizing it so that it wont show anywhere else) but you may want to try making a 'Table' type of style using divs within each other.