Beruflich Dokumente
Kultur Dokumente
Borders Fixed Backgrounds Height & Width Hspace Image Map (Client-Side)
Linked Rollover (JavaScript) Text between 2 images Two SRC's in one tag (External Link) Vspace
BORDERS
Table of Contents
FIXED BACKGROUND
Example code #1: <BODY BACKGROUND="bfly4.gif" BGPROPERTIES="fixed"> Result of code: the following link will take you to a test page with the above example code for its body tag. Fixed background text page. Doesn't work in Firefox Table of Contents
Example code #2: Place in <head> section: <style type="text/css"> <!-- BODY{ backgroundrepeat : no-repeat; background-attachment : fixed;background-position : right top; } // --> </style> <BODY BACKGROUND="images/clouds.jpg"> Of course, if you want to use an external style sheet, and want to apply the same style to all pages, including the same background image, place the CSS above into an external style sheet and add the following to the BODYstyles: background-image : url(images/clouds.jpg); --> Result of code: the following link will take you to a test page with the above example code for its body tag. Fixed background text page.
Table of Contents
Default:
Unaltered size of redball.gif is 14 x 16 (width x height)
Table of Contents
Image Map
Example Code
<MAP NAME="example"> <AREA SHAPE=RECT COORDS="165,0,320,69" HREF="#TOC"> <AREA SHAPE=CIRCLE COORDS="202,139,71" HREF="index.htm"> <AREA SHAPE=POLY COORDS="42,27,0,123,1,183,4,182,21,208,22,208,52,208,52, 208,42,30" HREF="#TOC"> <AREA SHAPE=RECT COORDS="59,0,130,210" HREF="dblimage.htm"> </MAP> <P> <IMG BORDER="0" SRC="flowrs.gif" WIDTH="320" HEIGHT="240" USEMAP="#example">
Result of code
Table of Contents
HSPACE
Example Code
Preceeding text<IMG SRC="redball.gif" ALT="*" HSPACE="20">following text.
Example Code
Preceeding text<IMG SRC="redball.gif" ALT="*" HSPACE="40">following text.
Table of Contents
LINKED
(Clicking on the images will send you to the top of this page.)
Linked In-line image with border="0": <A HREF="#TOC"><IMG BORDER="0" SRC="redball.gif" ALT="*"></A>
Linked In-line image (with default border of 1) <A HREF="#TOC"><IMG SRC="redball.gif" ALT="TOC"></A>
Linked In-line image with border="5" <A HREF="#TOC"><IMG BORDER="5" SRC="redball.gif" ALT="TOC"></A>
Table of Contents
ROLLOVER
(JavaScript)
VSPACE
Example Code
First line of text.<BR> <IMG SRC="redball.gif" ALT="*" VSPACE="20"><BR> Second line of text.
Result of example code First line of text. Second line of text. Result of example code
Example Code
First line of text.<BR> <IMG SRC="redball.gif" ALT="*" VSPACE="40"><BR> Second line of text.