Development CSS / layout help

Discussion in 'Software' started by craigey1, 24 Jan 2011.

  1. craigey1

    craigey1 Minimodder

    Joined:
    13 Jan 2003
    Posts:
    1,102
    Likes Received:
    1
    Hi all,
    I'm trying to get the page http://dtmautoval.co.uk/test/index.html to appear without the white background around the 4 corners.

    After a bit of fiddling around with the CSS I managed to remove all the white from the page, which had the desired effect on the corners & top of the header, but the content was difficult to read, so that still needs to remain white.

    I have tried modifying the CSS & the content.jpg file (now content.png), but still can't get the desired effect.

    I have zipped all the files if anyone is willing to take a look & tell me what needs to be done.
    Zip File
    Thanks,

    Craig
     
  2. craigey1

    craigey1 Minimodder

    Joined:
    13 Jan 2003
    Posts:
    1,102
    Likes Received:
    1
    never mind. fixed it.
     
  3. jrs77

    jrs77 Modder

    Joined:
    17 Feb 2006
    Posts:
    3,483
    Likes Received:
    103
    It's the image "content.png" you use in your wrap-tag.

    Code:
    #wrap {
    	width: 790px;
    /*	background: #CCC url(content.png) repeat-y center top; */  
    /*	background: transparent repeat-y center top;*/
    	background: transparent url(content.png) repeat-y center top;  
    	margin: 0 auto;
    	text-align: left;
    }
    
    Move this image from the wrap-tag to the content-wrap-tag instead and adjust it's size to match the layout.
     

Share This Page