Background image is not properly displayed (CSS background-image property)

Previous page
7.9.2. Colors are not well displayed

1 2 3 4

Next page
7.9.4. Office 2000 installer starts just after WIT launch

Versions 5.70, 5.71 Versions 5.60, 5.61 Version 5.50 Versions 5.40, 5.41, 5.42, 5.43 Versions 5.30, 5.31, 5.32, 5.33, 5.34, 5.35 Version 5.20 Version 5.10 Versions 5.0, 5.01 Versions 4.20, 4.21 Version 4.10 Version 4.0 Version 3.2

WIT main features WIT philosophy WIT usage principles How to begin with WIT ?

Registered version Disclaimer of warranty Evaluation and licensing Personal, professional, and freeware licenses Registration benefits

A quick tour to create a Web site CSS tutorial : WIT basics CSS tutorial : WIT advanced, rounded corners WIT samples

Installation User interface Help WIT Documents Ideas Import / Export Keywords Tasks Publications Structure templates Style templates Web sites Options

Style classes Syntax of rules Values Properties

General Documents and web sites Text editing and images Structures and styles Sound Default WIT resources Site building Advanced features Known problems

CSS ISP Style sheet FTP HTML TCP/IP W3C

Tree :

Faceted index, by topics :

"Main" tree view (1)
"Normal" view (15)
Display (4)
Edit (9)
File (52)
Help (7)
Ideas (57)
Import/Export (16)
Keywords (6)
Publications (19)
Tasks (1)
Templates (72)
Windows (1)

Feature

Not in freeware edition (118)
Professional ed. only (40)

Category

V5 (46)
V5.01 (21)
V5.10 (15)
V5.20 (32)
V5.30 (16)
V5.31 (1)
V5.32 (4)
V5.33 (16)
V5.34 (7)
V5.35 (2)
V5.40 (27)
V5.41 (7)
V5.42 (4)
V5.43 (6)
V5.50 (1)
V5.60 (1)
V5.61 (2)
V5.70 (9)
V5.71 (4)

How to insert these widgets?

WIT Manual

7. FAQ

7.9. Known problems

7.9.3. Background image is not properly displayed (CSS background-image property)

CSS background-image is correctly managed by WIT. However, the image file that is specified by the URL is not automaticaly copied by WIT (because it is not identified as a resource).

Three solutions (the first is recommended) :

Copy the image in the "extra" sudbirectory of document save directory, and check that in the CSS rule, the URL looks like "../extra/image.jpg".

Use this image in at least one idea (in the "links" tab of idea property dialog box) : it will be so copied with other images in the icons sub directory of site root. Check that the URL looks like "../wit-icons/image.jpg".

Or, manually copy the image in the icons sub directory of web site root. Check that the URL looks like "../wit-icons/image.jpg".

In all cases use relative URLs.