I have tried everything to get the text to wrap around the youtub video, spent hours trying to figure it out. I have multiple websites where there is no problem?
Can anyone help me please?
Dean Brennan
HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en-US" lang="en-US">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="description" content=" our work is bringing cultures together through repeat reading aloud one-on-one and in a group in our public libraries."/>
<meta name="keywords" content="repeatreadingaloud, repeatreading, cc4u, culture, culture company reading 4 u incorparated, culture company, new zealand libraries, libraries, reading together,"/>
<link rel="shortcut icon" href="../repeatreadaloud.co.nz/htdocs/favicon.ico"/>
<title>Repeat Read Aloud - Home</title>
<!--[if IE]>
<style type="text/css">
/* place css fixes for all versions of IE in this conditional comment */
.twoColHybRtHdr #sidebar1 { padding-top: 30px; }
.twoColHybRtHdr #mainContent { zoom: 1; padding-top: 15px; }
.twoColHybRtHdr #nav ul li a { zoom: 1;}
.twoColHybRtHdr #header ul li a ( zoom: 1;)
/* the above proprietary zoom property gives IE the hasLayout it may need to avoid several bugs */
</style>
<![endif]-->
<link href="CSS/repeatreadaloud.css" rel="stylesheet" type="text/css" media="screen,projection" />
<link href="CSS/print.css" rel="stylesheet" type="text/css" media="print" />
</head>
<body class="twoColHybRtHdr">
<div id="container">
<div id="header">
<div id="nav">
<ul>
<li><a href=accessibility.html title="Accessibility" target="" class="holder" accesskey="0">Accessibility</a></li>
<li><a href=sitemap.html title="Site Map" target="_self" class="holder">Site Map</a></li>
<li><a href="#content" title="Skip to content" target="_self" class="bar">Skip to Content</a></li>
</ul>
</div>
<!-- #nav -->
<div id="header-img"><img src="images/banner_new.jpg" width="860" height="234" alt="This is our banner for repeatreadaloud.co.nz you can click to go to our home page" longdesc="http://www.repeatreadaloud.co.nz" /></div>
<div id="header">
<ul>
<li><a href="index.html" title="Home" target="_self" class="current" accesskey="1">Home</a></li>
<li><a href="kete.html" title="Kete" target="" class="holder" accesskey="5">Kete</a></li>
<li><a href="library_manual.html" title="Library manual" target="" class="holder" accesskey="6">Library Manual</a></li>
<li><a href="team_resources.html" title="Team Resources" target="" class="holder" accesskey="8">Team Resources</a></li>
<li><a href="library_links.html" title="Library Links" target="" class="holder" accesskey="7">Library Links </a></li>
<li><a href="about_us.html" title="About Us" target="" class="holder" accesskey="9">About Us</a></li>
<li><a href="contact.html" title="Contact" target="" class="holder" accesskey="4">Contact</a></li>
<li></li>
</ul>
<form id="search" action="">
<input name="searchFor" type="text" size="10" />
<a href="">search</a>
</form>
</div></div><!-- header -->
<div id="sidebar1">
<h3><img src="images/cc-reading4uinc.gif" width="150" height="145" /></h3>
<h3><a href="http://directory.natlib.govt.nz/library-symbols-web/" title="NZ Librarys" target="_self">NZ Libraries</a></h3>
<a href="http://www.facebook.com/group.php?gid=113985891973691&v=app_2392950137#!/group.php?gid=113985891973691&v=info" target="_self">
<!-- AddThis Button BEGIN -->
<div class="addthis_toolbox addthis_default_style ">
<a href="http://www.addthis.com/bookmark.php?v=250&username=deano" class="addthis_button_compact">Share</a>
<span class="addthis_separator">|</span>
<a class="addthis_button_preferred_1"></a>
<a class="addthis_button_preferred_2"></a>
<a class="addthis_button_preferred_3"></a>
<a class="addthis_button_preferred_4"></a>
</div>
<script type="text/javascript">var addthis_config = {"data_track_clickback":true};</script>
<script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#username=deano"></script>
<!-- AddThis Button END -->
<p><a href="http://get.adobe.com/uk/reader/"><img src="images/get_adobe_reader.gif" alt="Dowload the latest Adobe Reader You can download the latest version of Adobe Reader from here." width="112" height="33" /></a><a href="http://get.adobe.com/uk/reader/" title="Dowload the latest Adobe Reader You can download the latest version of Adobe Reader from here." target="_self"> <br />
You can download the latest version of Adobe Reader from here.</a></p>
<div class="giveAlittle">
<iframe height="220px" width="151px" src="http://www.givealittle.co.nz/org/cecilia/iframe?w=1" frameborder="0"></iframe>
</div>
</p>
<p> </p>
<!-- end #sidebar1 --></div>
<div id="mainContent"> <a name="content" id="content"></a>
<h2>Home</h2>
<div class="fltlft">
<object width="300" height="243">
<param name="movie" value="http://www.youtube.com/v/AR1dluVi8bw&hl=en_GB&fs=1&color1=0x006699&color2=0x54abd6" />
<param name="allowFullScreen" value="true" />
<param name="allowscriptaccess" value="always" />
<embed src="http://www.youtube.com/v/AR1dluVi8bw&hl=en_GB&fs=1&color1=0x006699&color2=0x54abd6" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="300" height="243"></embed>
</object>
</div>
<p>Welcome to the home page of the Culture Company Reading4U Incorporated – CCR4U.
Tena koutou, tena koutou, tena koutou katoa! We invite you to share in our work of bringing cultures together through repeat reading aloud one-on-one and in a group in our public libraries. In this way we achieve three main goals.</p>
<p> 1. Expanding our language experience<br />
2. Building and sustaining our communities<br />
3. Recycling our resources more efficiently</p>
<h2>Why repeat read aloud?</h2>
<p>From birth, in order to learn our own language and our own culture we follow and copy (repeat) those people who parented us and who took care of us. Repeating in a relaxed and loving environment is a natural way for us to learn. By repeating (following,copying) we develop a world view to carry us through to adulthood. As adults the need for us to learn about the world we share with others doesn't stop. Nor does our need for caring for each other.<br />
</p>
<p>CCR4U has discovered that when we repeat read aloud with others from different languages we re-discover our dynamic caring world, hearing its call for us to continually learn and grow. Repeat reading aloud together as adults allows us to strengthen our communication skills in the same relaxed, loving environment that enabled us to grow when we were kids.<br />
</p>
<h3>Repeat reading aloud for community<br />
</h3>
<p>1. Reading together gets us sitting next to each other, cooperating together in a fun, easy, relaxed way. When we repeat read aloud together, one-on-one, we come to understand each other better, building the skills we need to sustain our communities. We need to be together to learn from each other. We can repeat without speaking the same language!<br />
2. Reading aloud gives us the opportunity to experience the different accents, the diverse body languages, the many cultures etc. we have in our local communities.<br />
3. Reading aloud together one-on-one allows for cultural translation, at least as useful as verbal translation.<br />
</p>
<h3>Repeat reading aloud for language development</h3>
<p><br />
4. Repeat reading aloud with another enables the language learner to be in the 'driver's seat', to initiate the learning.<br />
5. Expands the reading experience: listening skills, vocabulary, colloquial understanding, pronunciation...<br />
6. Repeat reading aloud gives us shared access to the countless authors and illustrators who are the real teachers and masters of our cultural heritage and language.<br />
7. Reading stories aloud, especially picture books, gives us a shared view to context language.</p>
<p><a href="index.html" title="Back to Top" target="_self">Back to Top</a></p>
<!-- end #mainContent --></div>
<br class="clearfloat" />
<div id="footer">
<ul>
<li><a href="accessibility.html" title="Accessibility" target="_self" class="holder"> Accessibility</a></li>
<li><a href="sitemap.html" title="Site Map" target="_self" class="holder">Site Map</a></li>
<li><a href="contact.html" title="contact" target="_self" class="holder"> Contact Us</a></li>
<li><a href="http://www.charities.govt.nz/Home/tabid/92/Default.aspx" title="Charities Commission Registration number CC230006" target="_blank">Charities Commission Registration number CC230006</a></li>
<li><a href="mailto:info@reapeadaloud.co.nz" title="© repeatreadaloud.co.nz 2011" target="_self">© repeatreadaloud.co.nz 2011</a></li>
</ul><br />
<!-- end #footer --></div>
<!-- end #container --></div>
</body>
</html>
CSS:
@charset "utf-8";
body {
font: 100% Verdana, Arial, Helvetica, sans-serif;
background: url(../../images/body-tail.jpg) repeat-x;
margin: 0;
padding: 0;
text-align: center;
color: #000000;
}
.twoColHybRtHdr #container {
width: 860px;
background: #F0FFDF;
margin: 0 auto;
border: 5px groove #77D2FF;
font-size: .9em;
text-align: left;
}
/* ===== .twoColHybRtHdr #header ===== */
.twoColHybRtHdr #header {
background: #B7CE64;
position:relative;
}
.twoColHybRtHdr #header-img {
border:medium;
margin: 0 0 0;
}
.twoColHybRtHdr #header li a {
background-color:#B7CE64;
padding: .5em .5em;
display: block;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: .9em;
font-weight:bold;
color:#1C0000;
text-decoration:none;
line-height: 1.2em;
margin-right: .7em
}
.twoColHybRtHdr #header li a:hover {
color: #ae760d;
background: #FFF;
}
.twoColHybRtHdr #header li a.current,#header li
a.current:hover,#header li
a.current:active {
color:#78320e;
background:#C4E1FF;
cursor:default;
}
.twoColHybRtHdr #header ul {
margin: 0;
padding: 0;
background-color:#B7CE64;
width: 100%;
list-style: none;
float: left;
}
.twoColHybRtHdr #header li {
float: left;
}
/* ===== navigation ===== */
.twoColHybRtHdr #nav {
float:right;
}
.twoColHybRtHdr #nav ul {
margin: 0;
list-style: none;
width:100%;
}
.twoColHybRtHdr #nav li {
float:left;
padding: 0;
}
.twoColHybRtHdr #nav li a {
font-size: 0.7em;
font-family:Arial, Helvetica, sans-serif;
}
/* ===== search styles ===== */
#search{
position: absolute;
top: 5px;
right: 20px;
}
#search input{
font-size: 70%;
margin: 0px 0px 0px 10px;
}
#search a:link, #search a:visited {
font-size: 80%;
font-weight: bold;
}
#search a:hover{
margin: 0px;
}
/* ===== .twoColHybRtHdr #sidebar1 ===== */
.twoColHybRtHdr #sidebar1 {
float: right;
width: 172px;
background: #B7CE64;
padding: 15px 0px;
font-size: .8em;
}
.twoColHybRtHdr #sidebar1 h3, .twoColHybRtHdr #sidebar1 p {
margin-left: 10px;
margin-right: 10px;
text-align: left;
}
.twoColHybRtHdr #sidebar1 .giveAlittle {
margin-left: 11px;
background: #B7CE64;
}
/* ===== .twoColHybRtHdr #mainContent ===== */
.twoColHybRtHdr #mainContent {
margin: 0 0 0 0; /* the right margin on this div element creates the column down the right side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
padding: 0 20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
font-size: .9em;
}
/* ===== #table#browserAccess ===== */
table#browserAccess {
font-family: Arial, Helvetica, sans-serif;
font-size: 0.9em;
margin: 0px auto 30px;
width: 85%;
border-collapse: collapse;
}
table#browserAccess th {
font-size: 1em;
line-height: 30px;
font-weight: normal;
text-align: left;
padding-left: 10px;
background-color: #006699;
color: #fff;
border-bottom: 1px solid #fff;
}
table#browserAccess td {
line-height: 20px;
padding-left: 10px;
border: 1px solid #fff;
}
table#browserAccess thead {
background: url(../images/access_banner.jpg) no-repeat left top;
height: 30px;
}
table#browserAccess thead th {
background: transparent;
}
#version {
background: #C8FF91;
}
#activateAccesskey {
background: #BDBDDF;
}
table#browserAccess tr:hover {
color: #fff;
background: #707e99;
}
table#browserAccess thead tr:hover {
background: transparent;
}
table#browserAccess caption {
font-size: 1.2em;
font-weight: bold;
color: #069;
margin: 0px auto;
padding-bottom: 10px;
}
/* ===== #mainContent div.bioContainer ===== */
.twoColHybRtHdr #mainContent div.bioContainer {
background: #D2CEC1;
padding-bottom: 10px;
padding-top: 0px;
margin-bottom: 30px;
}
.twoColHybRtHdr #mainContent div.bioContainer img {
display: inline;
float: left;
margin: 0px 10px 0px 0px;
}
.twoColHybRtHdr #mainContent div.bioContainer h1 {
color: #FFF;
font-size: 1.4em;
padding-left: 10px;
text-align: left;
background: #999073;
padding-right: 0px;
height: 40px;
margin: 0px 0px 20px;
}
.twoColHybRtHdr #mainContent div.bioContainer p {
font-size: 0.9em;
line-height: 1.4;
}
.twoColHybRtHdr #mainContent div.flowchart img {
margin-left: 2em;
}
/* ===== #mainContent div.pdfContainer ===== */
.twoColHybRtHdr #mainContent div.pdfContainer {
background: #D2CEC1;
padding-bottom: 10px;
padding-top: 0px;
margin-bottom: 30px;
width: 165px;
height: 280px;
}
.twoColHybRtHdr #mainContent div.pdfContainer img {
display: inline;
float: right;
padding-right: 6px;
margin-top: 0px;
margin-bottom: 5px;
margin-left: 0px;
}
.twoColHybRtHdr #mainContent div.pdfContainer h1 {
color: #FFF;
font-size: .9em;
padding-left: 10px;
text-align: left;
background: #999073;
padding-right: 0px;
height: 50px;
margin: 0px 0px 10px;
padding-top: 10px;
border-collapse: collapse;
}
.twoColHybRtHdr #mainContent div.pdfContainer p {
font-size: 0.9em;
line-height: 1.4;
}
table#pdfContainer caption {
font-size: 1.2em;
font-weight: bold;
color: #0080C0;
margin: 0px auto;
padding-bottom: 10px;
}
/* ===== #mainContent div.pdfKeteContainer ===== */
.twoColHybRtHdr #mainContent div.pdfKeteContainer {
background: #D2CEC1;
padding-bottom: 10px;
padding-top: 0px;
margin-bottom:5px;
width: 245px;
height:260px;
}
.twoColHybRtHdr #mainContent div.pdfKeteContainer img {
display: inline;
float: right;
padding-right: 6px;
margin-top: 0px;
margin-bottom: 5px;
margin-left: 0px;
}
.twoColHybRtHdr #mainContent div.pdfKeteContainer h1 {
color: #FFF;
font-size: .9em;
padding-left: 10px;
text-align: left;
background: #999073;
padding-right: 0px;
height: 50px;
margin: 0px 0px 10px;
padding-top: 10px;
border-collapse: collapse;
}
.twoColHybRtHdr #mainContent div.pdfKeteContainer p {
font-size: 0.9em;
line-height: 1.4;
}
table#pdfKeteContainer caption {
font-size: 1.2em;
font-weight: bold;
color: #0080C0;
margin: 0px auto;
padding-bottom: 10px;
}
/* ===== #mainContent div.resourceContainer ===== */
.twoColHybRtHdr #mainContent div.resourceContainer {
background: #D2CEC1;
padding-bottom: 10px;
padding-top: 0px;
margin-bottom:5px;
width: 165px;
height:280px;
}
.twoColHybRtHdr #mainContent div.resourceContainer img {
display: inline;
float: right;
padding-right: 6px;
margin-top: 0px;
margin-bottom: 5px;
margin-left: 0px;
}
.twoColHybRtHdr #mainContent div.resourceContainer h1 {
color: #FFF;
font-size: .9em;
padding-left: 10px;
text-align: left;
background: #999073;
padding-right: 0px;
height: 50px;
margin: 0px 0px 10px;
padding-top: 10px;
border-collapse: collapse;
}
.twoColHybRtHdr #mainContent div.resourceContainer p {
font-size: 0.9em;
line-height: 1.4;
}
table#resourceContainer caption {
font-size: 1.2em;
font-weight: bold;
color: #0080C0;
margin: 0px auto;
padding-bottom: 10px;
}
/* ===== #mainContent div.manualContainer ===== */
.twoColHybRtHdr #mainContent div.manualContainer {
background: #D2CEC1;
padding-bottom: 10px;
padding-top: 0px;
margin-bottom:5px;
width: 210px;
height:260px;
}
.twoColHybRtHdr #mainContent div.manualContainer img {
display: inline;
float: right;
padding-right: 6px;
margin-top: 0px;
margin-bottom: 5px;
margin-left: 0px;
}
.twoColHybRtHdr #mainContent div.manualContainer h1 {
color: #FFF;
font-size: .9em;
padding-left: 10px;
text-align: left;
background: #999073;
padding-right: 0px;
height: 40px;
margin: 0px 0px 10px;
padding-top: 10px;
border-collapse: collapse;
}
.twoColHybRtHdr #mainContent div.manualContainer p {
font-size: 0.9em;
line-height: 1.4;
}
table#manualContainer caption {
font-size: 1.2em;
font-weight: bold;
color: #0080C0;
margin: 0px auto;
padding-bottom: 10px;
}
/* ===== #footer ===== */
#footer li {
float:left;
padding: 0;
}
#footer li a {
background-color:#B7CE64;
padding: .4em .4em;
display: block;
font-family: Arial, Helvetica, sans-serif;
font-size: .8em;
font-weight:bold;
color:#1C0000;
text-decoration:none;
line-height: 1.2em;
margin-right: .2em
}
#footer li a:hover {
color: #ae760d;
background: #FFF;
}
#footer li a.current,#footer li
a.current:hover,#footer li
a.current:active {
color:#78320e;
background:#C4E1FF;
cursor:default;
}
#footer ul {
margin: 0;
padding: 0;
list-style: none;
float: left;
background-color: #B7CE64;
width: 100%;
}
#footer p {
font-family: "Trebuchet MS", sans-serif;
font-size: 0.75em;
color: #600;
text-align: center;
}
#footer a {
#copyRight a {
color: #1B9D95;
text-decoration: none;
}
/* ===== .floats ===== */
.fltrt {
float: right;
margin-left: 8px;
}
.fltlft {
float: left;
margin-right: 8px;
}
.clearfloat {
clear:both;
height:0;
font-size: 1px;
line-height: 0px;
}
.holder {
}