Skip to Content

Other Styles


Tables

Issue Number Date of Issue HTML Version PDF Version
72 24 April 2006 Issue 72 Issue 72
71 10 April 2006 Issue 71 Issue 71 

<table class="standard" cellspacing="0" 
summary="This table contains a list of Backissues of the Bulletin">
	<tr>
		<th>Issue Number </th>
		<th>Date of Issue</th>
		<th>HTML Version </th>
		<th>PDF Version </th>
	</tr>
	<tr class="alt">
		<td>72</td>
  		<td>24 April 2006</td>
  		<td><a href=" ">Issue 72</a></td>
  		<td><a href=" ">Issue 
        72</a></td>
        </tr>
  	<tr>
  		<td>71</td>
  		<td>10 April 2006</td>
  		<td><a href=" ">Issue 71</a></td>
  		<td><a href=" ">Issue 71</a></td>
  </tr>
</table>

Add class="alt" to the tr tag to make every second document have a grey background 
<tr class="alt">

Forms

Your Details (Fields marked with a * are required)

Reset 
<form method="post" action="" id="event-submission">
<h4><strong>Your Details</strong> (Fields marked with a * are required)</h4>
<fieldset class="group">
	<label for="name">First Name *</label>
	<div class="field"><input class="input-text" type="text" name="name" 
    	id="namefirstname" size="35" maxlength="40" /></div>
</fieldset>
<fieldset class="group">
	<label for="email">Email Address *</label>
  	<div class="field"><input class="input-text" type="text" name="email" 
    id="email" size="35" maxlength="40" /></div>
</fieldset>
<fieldset class="group">
	<label for="schoolinst">School/Institute</label>
  	<div class="field"><input class="input-text" type="text" 
    name="schoolinst" id="schoolinst" size="35" maxlength="40" /></div>
</fieldset>
<fieldset class="group">
  	<label>I am a Swinburne</label>
  	<div class="field">
  	<label for="rad_staff"><input type="radio" name="affil2" 
    id="rad_staff" value="staff" />Staff</label>
  	<label for="rad_student"><input type="radio" name="affil2" 
    id="rad_student" value="student" />Student</label>
	</div>
</fieldset>
<div class="submit">
  <input type="image" src="http://www.swinburne.edu.au/images/buttons/form-btn-request.gif"
   name="btn-submit" />
  <a href=""><img src="http://www.swinburne.edu.au/images/buttons/form-btn-reset.gif" 
  alt="Reset" /></a>
</div>
</form>
Back to Top

Pull Quote

Phasellus vestibulum risus quis nisl. Donec faucibus mi et ante. Fusce massa. Aliquam erat volutpat. Praesent nec nisi. Mauris sit amet orci. Donec lectus nulla, venenatis id, pretium nec, blandit in, sapien. 

<blockquote class="pullquote">
	<p>Phasellus vestibulum risus quis nisl. Donec faucibus mi et ante. Fusce  massa. 
    	Aliquam erat volutpat. Praesent nec nisi. Mauris sit amet orci.  Donec lectus nulla, 
        venenatis id, pretium nec, blandit in, sapien. </p>
</blockquote>
Back to Top

Back to Top Link

<div class="top flow-right"><a href="#top">Back to Top</a></div>
Back to Top

Images

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nunc eleifend egestas nisi. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nam tincidunt interdum tellus. Phasellus vestibulum risus quis nisl. Donec faucibus mi et ante. Fusce massa. Aliquam erat volutpat. Praesent nec nisi. Mauris sit amet orci. Donec lectus nulla, venenatis id, pretium nec, blandit in, sapien. Sed semper lectus sed erat. Integer hendrerit vestibulum tortor. Donec libero sem, commodo eget, semper id, fermentum non, tellus. Fusce rutrum libero dictum odio. Vestibulum rutrum. Donec imperdiet consectetuer velit.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nunc eleifend egestas nisi. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nam tincidunt interdum tellus. Phasellus vestibulum risus quis nisl. Donec faucibus mi et ante. Fusce massa. Aliquam erat volutpat. Praesent nec nisi. Mauris sit amet orci. Donec lectus nulla, venenatis id, pretium nec, blandit in, sapien. Sed semper lectus sed erat. Integer hendrerit vestibulum tortor. Donec libero sem, commodo eget, semper id, fermentum non, tellus. Fusce rutrum libero dictum odio. Vestibulum rutrum. Donec imperdiet consectetuer velit.

<p><img src="http://www.swinburne.edu.au/images/icons/image.jpg" alt="" class="flow-right" />
    Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nunc eleifend  egestas nisi. 
    Pellentesque habitant morbi tristique senectus et netus  et malesuada fames ac turpis 
    egestas. Nam tincidunt interdum tellus.  Phasellus vestibulum risus quis nisl. Donec 
    faucibus mi et ante. Fusce  massa. Aliquam erat volutpat. Praesent nec nisi. Mauris sit 
    amet orci.  Donec lectus nulla, venenatis id, pretium nec, blandit in, sapien. Sed  
    semper lectus sed erat. Integer hendrerit vestibulum tortor. Donec  libero sem, 
    commodo eget, semper id, fermentum non, tellus. Fusce  rutrum libero dictum odio. 
    Vestibulum rutrum. Donec imperdiet  consectetuer velit.
</p>
<p>
    Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nunc eleifend  egestas nisi. 
    Pellentesque habitant morbi tristique senectus et netus  et malesuada fames ac turpis 
    egestas. Nam tincidunt interdum tellus. Phasellus vestibulum risus quis nisl. Donec 
    faucibus mi et ante. Fusce  massa. Aliquam erat volutpat. Praesent nec nisi. Mauris 
    sit amet orci.  Donec lectus nulla, venenatis id, pretium nec, blandit in, sapien. 
    Sed  semper lectus sed erat. Integer hendrerit vestibulum tortor.Donec  libero sem, 
    commodo eget, semper id, fermentum non, tellus. Fusce  rutrum libero dictum odio. 
    Vestibulum rutrum. Donec imperdiet  consectetuer  velit.
</p>

Back to Top