#How create a background picture in html how to

Note how text may not display well over an image View Finished table This cell contains a tiled background image with text displaying above the

Note the background image will not show in HTML Tags mode.

Tile - how the image appears if smaller that the Table cell.

Check out the other properties you may like to use.

Double click your image or Select your image and click Open.

Select a suitable background colour (always recommended - the image will be above this).

Right click the highlighted tag it will be either or depending on what you previously selected.

On the Status bar (extreme bottom of window).

Press ctrl key and click the required table or Cell (marked TD).

Select HTML Tags (Bottom right of Window).

Image smaller than the Table or Table cell, options to position the image.

Image smaller than the Table or Table cell, options to position the image and/or have a single image or to tile the image.

Create the correct size image in a graphic package.

#How create a background picture in html how to

How to do it in Kompozer Image size - width & heightģ options, the first 2 being the most suitable Copy your image into the same folder as your HTML file.Your HTML editor then knows where the HTML file is located & can make relative links with other files such as your image and CSS file which we will use in the Dreamweaver version. Save the HTML file with a suitable name.The size of the table & cell you use may be altered to suit your purpose. Brackets Keyboard Shortcuts Cheat Sheetįor this exercise you are going to insert a background image into the centre cell of a 9 (3x3) cell table.

HTML5 & CSS 3 Tutorial Table background image How to place a background image into a Table cell or table