Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 2 of 2
  1. #1
    New Coder
    Join Date
    Dec 2009
    Location
    London, UK
    Posts
    12
    Thanks
    2
    Thanked 0 Times in 0 Posts

    Margin messing backround image up?

    Hello!

    I have a background image on my site and it looks fine if I have no margin/padding to the top or bottom of the wrapper.
    However I do want 30px margin-top and bottom.

    When I apply this style, my background image seems to repeat 30px at the top and bottom.

    Any help much appreciated!!
    Thanks you

    Code:
    --------------------------------------------------------- */
    html, body, form, fieldset {
    	margin: 0;
    	padding: 0;
    	background-color: #393939;
    	background-image: url(http://blah/joomla/templates/alex/images/layout/flock.jpg);
    	background-repeat: repeat-both;
    }
    Code:
    #wrapper {
    	font-family: 'Josefin Sans', georgia, arial, serif;
    	color:#FFF;
    	font-size: 14px;
    	line-height: 150%;
    	text-decoration: none;
    	padding: 0px;
    	width: 910px;
    	margin-top: 30px;
    	margin-right: auto;
    	margin-bottom: 30px;
    	margin-left: auto;
    	background-image:url(http://blahjoomla/templates/alex/images/layout/gradient.png);
    	background-repeat: repeat-y;

  • #2
    Senior Coder
    Join Date
    Aug 2010
    Location
    High Point, NC
    Posts
    3,332
    Thanks
    5
    Thanked 363 Times in 360 Posts
    Do you have a link to your site?


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •