WebsiteBaker Community Forum

WebsiteBaker Support (2.8.x) => Templates, Menus & Design => Topic started by: paljasken on August 24, 2008, 10:20:36 AM

Title: Problem with relative links to pictures in template
Post by: paljasken on August 24, 2008, 10:20:36 AM

I've encounterd a problem with the images that I use i my templates every time I make one. If I make the links to the images relative, they don't show up.

For instance, for the background of a table i enterd the following:
<td  width="225" style="background: url(header_logo.png) top right no-repeat">

As you can see on this page: http://www.tekenidee.be/wb/pages/test-popups/testpage.php the logo doesn't show. As you can see here (http://www.tekenidee.be/wb/templates/berkenboom-mozaiek/header_logo.png), the logo is right in place.

I've always solved my problems by putting the whole URL in front of it, but that makes it hard to test the templates on other websites of copy parts of the template for new projects.

What do I do wrong?

Title: Re: Problem with relative links to pictures in template
Post by: vyni on August 24, 2008, 11:53:13 AM

Hi,
You shouldn´t enter this in the template itself, do it in Your css-file. For things like this it is born.

In Your template type something like this: <td class="topofsite"> and in your css .topofsite { background-image......}
and all the rest.
Your screen.css right now is very poor, and Your logo cannot show up, because WB doesn´t know if it exists.

regards from Himberg, next to Vienna