Colocación de una letra capital

Hola amigos, tengo un pequeño problema: quiero imitar a esta página web: http://www.labarbolla.com/ en cuanto al tema de colocar una letra capital al principio de cada párrafo. El problema que tengo con el dreamweaver es que las siguientes letras no se me colocan al nivel medio de la letra capital, si no que siguen por la parte de abajo. ¿Cómo se haría? No tengo mucha idea de html. Gracias.

Pues eso debes usar una tabla para esa línea solamente. Sería de la siguiente forma:
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="10">Letra capital</td>
<td align="left" valign="top">Resto de la línea</td>
</tr>
</table>


Prueba y me cuentas
Saludos :wink:

Ya, pero el problema es que no sé mucho html, he probado a cortar y pegar con los códigos que has puesto pero me sale mal.
He intentado crear desde dreamweaver una tabla para colocar la letra capital, la he creado y el problema es que el dream me impide escribir a la derecha de esa pequeña tabla. Si como dices creo una tabla que englobe la letra capital y las letras que la siguen me quedo igual que si no hubiera puesto una tabla.

Puedes mostrarme tu código de la letra capital que queda mal?
Así te lo adapto a mi tabla. Es que en la tabla debes indicar que la segunda fila se alinee arriba y no enmedio (de ahí el valign="top")
Saludos :wink:

div class="Estilo3" id="Layer4">
<p class="Estilobanner">Enlaces de inter&eacute;s </p>
<hr class="Estilobanner" />
<p class="Estilo2"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="10">H</td>
<td align="left" valign="top">istoria</td>
</tr>
</table>
</p>
<p class="Estilo2"></p>
</div>
</body>
</html>

Ah, pero debes ponerle a la H para que sea más grande :wink:

¿Y no sería más fácil colocar la letra capital y después crear una capa con el resto de las palabras y moverla con el cursor del ratón hasta situarla por la mitad de la letra capital?

Vendría a ser lo mismo, y eso de moverla con el ratón no sé a qué te refieres, porque eso se hace por códigos y deberías de indicar a la capa que esté ahí, por lo que se te hace más difícil.
De todas formas sólo debes poner lo de la letra capital para que esté más grande, aunque sea metiendo un div en su celda de la tabla
Saludos :wink:

Esto es lo que he hecho:

<p class="Estilo2"><table width="100%" height="76" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="10"><span class="Estilo12">H</span></td>
<td align="left" valign="top">

istoria</p> </td>
</tr>
</table>


Como se puede ver istoria queda demasiado alto respecto a la h, lo suyo ser&iacute;a que quedara m&aacute;s o menos por el medio de la h, otro problema es que hay demasiado interespaciado con respecto a la h y este texto que escribo.</p>


</p>
</div>
</body>
</html>

Jugocan, a ver si esto es como dices. Pero si podéis ver la h no se ve bien en el navegador, aparece cortada por arriba y "istoria" aparece demasiado arriba.

Pues seguramente se te corte porque le estás indicando a la tabla un alto menos que el de la h:
<table width="100%" height="76" border="0" cellpadding="0" cellspacing="0">

Saludos :wink: