css - Needing background image to end repetition at start of footer -
basically, right have multiple images 1 @ background image body (being blue square) , need to end @ start of footer, underneath footer black no matter do, doesn't seem help.
here's example http://bit.ly/1nkiee1 (on postimage)
i thought maybe if ended body tag, started footer tag wouldn't doesn't seem fix anything.
css
.nav { background-image: url(image/top.png); background-repeat: repeat-x; } body { background-image: url(image/blue.png); background-repeat: repeat; background-size: contain; background-color: #000000; } footer { background-image: url(image/footer.png); background-repeat: repeat-x; background-color: #000000; font-size: 14px; text-decoration: none; text-shadow: #000000 1px 1px; padding: 45px; }
thanks in advance - shy ♥
don't give background property body instead of use div inside body upto footer , give these properties div example
html :
<nav>......</nav> <div class="container">......</div> <footer>.........</footer>
css :
.nav { background-image: url(image/top.png); background-repeat: repeat-x; } container { background-image: url(image/blue.png); background-repeat: repeat; background-size: contain; background-color: #000000; } footer { background-image: url(image/footer.png); background-repeat: repeat-x; background-color: #000000; font-size: 14px; text-decoration: none; text-shadow: #000000 1px 1px; padding: 45px;
}
Comments
Post a Comment