Search code examples
backgroundxhtmlinline-styles

How to change the background in XHTML pages

I use Primefaces, version 4.0 and i would like to change the background of all pages in my web application. I tried:

<body style="background-image: url('..\\images\\balloons.jpg');">

as well as putting:

<body background="<http://upload.wikimedia.org/wikipedia/commons/e/e7/Mufflon-02.jpg>">

but no background. Do you know how to set it up? Thanks!

Solution

  • The first example you give does not contain a (it's more like a file address on your own computer) and the second isn't valid html, not least because the url is enclosed in triangle brackets.

    You can use the inline style on the body tag if you want (your first example). The correct syntax is <body style="background-image: url('/images/balloons.jpg');"> if there is indeed an image at that location.

    The second would also work as <body background="http://upload.wikimedia.org/wikipedia/commons/e/e7/Mufflon-02.jpg">, but it's not good to be to an image like that. Upload your background image to your website and link to that instead.