Ando prácticando y aprendiendo a usar los div y css y hoy me pegue en una parte.
La página es esta: http://www.napacrush.org/donations.php
y como pueden ver, trate de darle un efecto de letra capital y mediante los div ir corriendo la letra hacia la derecha.
casi que me salio bien,exepto que el texto que va despues de las leras con el efecto quedo abajisimo, esto en firefox, y en explorer 6, la letra capital ni se ve y me pone este error:
Cita:
y el texto tambien aparece abajo. Aqui pongo los códigos que estan trabajando ahi:When a margin is applied to a floated box on the same side as the direction of the float, the margin is doubled. This bug only affects the first float in a row of one or more floats.
Affects: Internet Explorer 6.0
Likelihood: Very Likely
Affects: Internet Explorer 6.0
Likelihood: Very Likely
Código HTML:
<tr> <td colspan="28" style="background:#000000" width="850"><div id="scroll" > <br> <br> <div id="divletracapitalc" class="parrafo">C<span class="style2"> ommunity</span></div><br> <div id="divletracapitalc" class="parrafo">R<span class="style2"> esources</span></div><br> <div id="divletracapitalc" class="parrafo">U<span class="style2"> nited to</span></div><br> <div id="divletracapitalc" class="parrafo">S<span class="style2"> erve</span></div><br> <div id="divletracapitalc" class="parrafo">H<span class="style2"> umanity</span></div> </div> <div class=""> <p class="style2"> Kids are at the mercy of those who care for them. It's just not right that some kids are forced to grow up with little chance of the life they could have because of economic strain; poor parenting decisions; lack of food, water, and basic life necessities; political strife; and countless other obstacles that block a kid's potential to thrive. </p> <p class="style2">We don't have to sit by idly and watch this happen indefinitely.</p> <p class="style2"> We can bring lasting change.</p> <p class="style2">We can CRUSH those obstacles that are hurting and in some cases killing the next generation.</p> <p class="style2">Wine Country people know that "the crush" is a very important step in the life of a future wine. Without, there is no wine! The crush is a very exciting time to do very important work to make sure grapes have the chance to become great wine. Lots of energy, time, people, and resources are required to pull off the crush. If done well, it will result in a future wine that adds something special to the everyday and not-so-everyday events.</p> <p class="style2">CRUSH exists to join like-minded people together to make sure there is a good future for those children who are most vulnerable or at risk in our valley and world. CRUSH means coming together to do what needs to be done to ensure a bright future for kids who live under a cloud of despair.</p> <p class="style2">You can get involved right now. The funds for CRUSH are building, but need help. Coat distribution is just seven months away. The average coat costs around $20. Can you swing a coat or two or ten? Deborah's House needs ongoing financial support as well to scholarship children to decent schools. They need clothing and basic supplies for a healthy childhood. A few extra dollars goes a long way. A trip to Kenya is already in the works, where we hope to partner with existing grass-roots projects to adopt an entire village within the slum to give children food, water, clothing, medical supplies, and educational supplies. Many of the guardians work an entire week for $1. You "little" goes a long way.</p> <p class="style2">If you want to support CRUSH with your hands and feet, we welcome you! Contact us at <a href="mailto:[email protected]">[email protected]</a> to find out how you can help Napa kids, kids just across the border, and kids half a world away.</p> <p class="style2">Thanks for your interest in <span class="h2"></span><span class="h1">CRUSH!</span> Let's make a difference!</p> </div> <br /> </td> </tr>
Código HTML:
@charset "iso-8859-1";
/* CSS Document */
.parrafo:first-letter{/*letra capital*/
font-size:290%;
color:#009999;
}
.style1{/*Titulo grande amarillo subrayado*/
color:#FFC000;
font-family:Tahoma;
text-align:center;
font-weight:bold;
text-decoration:underline;
font-size: 16px;
}
.style2{ /*texto normal*/
color:#FFFFFF;
font-family:Tahoma;
font-size:12px;
text-align:justify;
padding: 2px 2px 5px 5px;
#divletracapitalc{
float:left;margin-left:90px;}
#scroll {
width:100%;
height:640px;
background-color:#000000;
overflow:auto;
}
Respuesta: Problemas con Div,float,capital leters 
no es que lo desee con divs, lo que pasa es que estoy buscando practicar para no usar tablas, así que hice un td grande para buscar posicionar mi contenido ahi sin un montón de <td> por todo lado, y lo único que se me ocurrió fue lo de los div, pero no los domino. Apenas estoy dándoles. 
