Ver Mensaje Individual
  #1 (permalink)  
Antiguo 12/12/2008, 09:40
Avatar de gVenom
gVenom
 
Fecha de Ingreso: julio-2008
Ubicación: Costa Rica
Mensajes: 1.458
Antigüedad: 15 años, 9 meses
Puntos: 53
Problemas con Div,float,capital leters

Saludos.

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:
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
y el texto tambien aparece abajo. Aqui pongo los códigos que estan trabajando ahi:

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">&nbsp;&nbsp;ommunity</span></div><br>
      <div id="divletracapitalc" class="parrafo">R<span class="style2">&nbsp;&nbsp;esources</span></div><br>
      <div id="divletracapitalc" class="parrafo">U<span class="style2">&nbsp;&nbsp;nited to</span></div><br>
      <div id="divletracapitalc" class="parrafo">S<span class="style2">&nbsp;&nbsp;erve</span></div><br>
      <div id="divletracapitalc" class="parrafo">H<span class="style2">&nbsp;&nbsp;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 &quot;the crush&quot; 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 &quot;little&quot; 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> 
CSS:
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; 
}
__________________
"Al que venciere y guardare mis obras hasta el fin, yo le daré autoridad sobre las naciones."
Apocalipsis 2: 26
Servicios para Pymes http://dst.co.cr