HTML Help

From DPCanadaWiki

Jump to: navigation, search


Use this page to put in useful hints for HTML that you've discovered that others may find helpful.


Drop Caps

  • Without an image

In CSS 

 .first {font-size: 300%; }

Or whatever size meets your requirements. 

<span class"first">W</span>here...


  • With an image 
<div class="figleft" style="width: 73px;">
<img src="your image" />
</div><p><span style="display:none;">W</span>here....


  • With an image and starting quote

In CSS 

.floatleft {float: left; clear: left; text-align: center;
           padding-top: 0.2em; padding-bottom: 0.2em;}
.floatpicture {float: left; text-align: center;
           padding-top: 0.2em; padding-bottom: 0.2em;}

In your File 

<p><span class="floatleft">"</span>   (or &ldquo ; )
<span class="floatpicture"><img src="your picture" /></span>
<span style="display:none;">W</span>here....

credit:Lostspaces

Retrieved from "http://www.pgdpcanada.net/wiki/index.php/HTML_Help"
Personal tools