Jump to content


  • Posts

  • Joined

  • Last visited

Everything posted by jegranet

  1. Where the content overlaps the header image the background should be white rather than transparent.
  2. This is my css. I messed about with it so much now I have now lost the overlap. I have put it up on www.testtemplate.co.uk body { font: 80% Verdana, Arial, Helvetica, sans-serif; background:#f6efe5; margin: 30px auto; padding: 0; color:#666666;} h1, h2, h3, h4, h5, h6, p { margin-top: 0; padding-right: 15px; padding-left: 15px;} h1 {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;font-size:36px;color:#FF9966;} p {line-height: 140%;} a img { border: none;}.tag {font-family:Arial, Helvetica, sans-serif;font-size:12px;color:#666666;} .container { width: 960px; background: #f6efe5; margin: 0 auto;} .header1 { background:#f6efe5; width:inherit;}.header2 {background: #f6efe5;width:inherit;height:350px;}.header2 img {z-index: -1; }.content {background-color: #fff;margin: -100px 120px;background-color: #fff; }
  3. http://lea727.wix.com/telfordhomeboarding That should do it. I must have misread the re-direct. My daughter was building it on Wix, however I offered to build it on her own server, but she likes this style and I don't have a problem with the overlap except the background colour. It becomes transparent in the header.
  4. Hi, I am trying to replicate the style of this website www.telfordhoming.co.uk, however I cannot get the background to remain white where it overlaps into the header. Please can anyone help.
  5. Thank you very much. I had competely forgotten to put it in a container. It is working perfectly.
  6. I want to create a grid of six text boxes 200px x 200px, with different coloured backgrounds and text with three on top row and three on bottom row without using a table. Is this possible. I have created other floated boxes, but usually a single with text wrapped around them.
  7. Thank you for responding. I have now solved the problem.
  8. Thank you both. I used margin-top:0;margin-bottom:0;margin-left:auto;margin-right:auto; and that worked. Still don't understand why the first one didn't work. (margin: 0 auto;). Now my footer is not working. It is showing 100% instead of site width. Don't you just hate it when stupid little things keep you busy a whole day.
  9. Moved this site to www.chilli-gift-shop.co.uk Nobody got any ideas yet. I have tried changing css to: #wrapper { width:950px;background:#848484;margin-left: 0 auto;margin-right: 0 auto;}but still no joy.
  10. which background do you want to change: This changes the background: background-color: #EEEEEE; you just put it in the section where you want the background to change,
  11. My site is not centreing, despite using, #site { width: 950px; background:#848484; margin:0 auto; }; see: www.templatetest.co.uk Can anyone see what the problem might be. I have never had this problem before and wonder if it is a conflict with something else in the css file.Jean chilli.css
  12. Thank you for your patience. That was the original set up. My image was in the graphics folder and my style sheet in the styles folder. I have put everything back. I have now copied your css for the image (../graphics/h1image.png) and that worked. I was missing the ../ before the graphics folder. It is always something so simple isn't it. Many many thanks.Jean
  13. Actually, going back, I noticed the style sheet is in a styles folder, so I moved the image into there and updated the css accordingly, and still no change.
  14. The image is in the graphics folder, but the style sheet is in the root directory. I will move that particular image to the root directory and see if that makes a difference. Thank you for spotting the duplicate width.
  15. I have made those changes as so:: h1 {font-family:Verdana, Arial, Helvetica, sans-serif;font-size:12em;color:#fff;margin:2px;width: 230px;height:39px;width:background:url(graphics/h1image.png) no-repeat left top;} But I still can't see the image. Jean
  16. Can you put a background image with a <h1>. I tried this: h1 {font-family:Verdana, Arial, Helvetica, sans-serif;font-size:18px;color:#fff;margin:2px;background: url(graphics/h1image.png) no-repeat left top;} Instead of a background colour, I wanted a fixed sized image with rounded corners, but this doesn't seem to work. Can anyone help.Thanks.Jean
  17. I spent hours trying to find out why it wouldn't work in IE and in the end I put a float left on the logo image and that sorted the problem. Thank you for your offer of help. Jean
  18. I know, I am trying pure css layouts, but have not mastered it yet. I use Dreamweaver and the site I have built with just css is working fine, but does not look right in Dreamweaver. I hasten to add that the Dreamweaver I am using is MX2004, which I will be replacing with CS5.5 in the next couple of months. In the meantime I still have this problem with IE.Thanks. Jean
  19. I am building a site with a table. In the top row I have a logo image and to the right of that I have put a box for google links. In all but IE the box is in the right place at the top of the row. In IE it is at the bottom and has put a space under the logo. my css is: #topbox768 {width: 770px;padding:0px;margin:0px;vertical-align:top;float:right;}Can anyone tell me why this works in all browsers except IE. Many thanks. Jeanstyle.css
  20. jegranet

    Order of march

    Many thanks both. That's exactly what I wanted.
  21. jegranet

    Order of march

    When putting padding around a box, or creating borders, in what order should you put them: ie.top, bottom, left, rightThanks.Jean
  22. I have tested it in FF and Chrome as well as IE9. All looking good. Much appreciated.
  23. Thank you very much. It looks great now. I did do what you said earlier, however it looks terrible in Dreamweaver.
  • Create New...