• Home
• About
• Contact
• Designs
• Legal
• News
• Paintings
• Photos
• Search
• Sitemap
• Tutorials

• “ The Beauty of XHTML & CSS ”

EXAMPLE: I-FRAME

Another Example

XHTML:

<div id="framebox">
<div class="frame">
<div class="iframe">
<!-- start css i-frame content -->
<p><span class="red">- June 11 - 2007:</span><br />
<a href="certs.html" class="int">Certificates & Awards</a> page added.</p>
<p><span class="red">- June 16 & 17 2007:</span><br />
New photos added to my <a href="wd-summer/summer.html" class="int">Summer Photo Gallery</a>.</p>
<p><span class="red">- June 11 - 2007:</span><br />
<a href="wd-pong/pong.html" class="int">Ping Pong Game</a> added.</p>
<p><span class="red">- June 8 - 2007:</span><br />
<a href="wd-css/css.html" class="int">XHTML & CSS Gallery</a> added.</p>
<p><span class="red">- June 7- 2007:</span><br />
New photos added to my <a href="wd-summer/summer.html" class="int">Summer Photo Gallery</a>.</p>
<p><span class="red">- June 6- 2007:</span><br />
New tutorial: <a class="int" href="http://woutersdesigns.com/pi/tutorials/moz/moz.html"
title="link to Mozart Frame Tutorial"> Mozart Frame</a> for PhotoImpact 12</p>
</div>
</div>
</div>

CSS:

/* i-frame */
#framebox {
margin-right: auto;
margin-left: auto;
text-align: justify;
width: 660px;
height: 420px;
color: #263242;
background-color: #C3CBE0;
padding: 5px;
clear: right;
}

.frame {
padding: 0px;
}

.iframe {
font-variant: small-caps;
overflow: auto;
width: 655px;
height: 400px;
}

Last updated:
Wednesday, 27-Feb-2008 03:13:39 MST

© copyright: wouter's designs.
This document may not be translated, duplicated, redistributed or otherwise appropriated.