Ehm, ¿lo que veo ahí son encabezados dentro de un párrafo?
Veo esto:
Eso no está nada bien, jeje. Puedes meter elementos de párrafo o encabezados dentro de un div, pero nunca unos dentro de otros, ya que son diferentes. Un encabezado siempre será un encabezado e irá arriba, genralmente marcará algo importante o será el título de una sección y, después, los párrafos con el texto.
Respecto a la imagen, veo que utilizas un preload en javascript. ¿La clase no debería de llevarla la propia imagen <img class="" src... />? No sé como lo tienes configurado pero lo fácil sería quitar ese <span> y poner las clases directamente en la imagen.
Siendo así, en la hoja de estilos, la clase
.left sería la que indica que la imagen esté flotada a la izquierda y con los márgenes designados.
En la hoja de estilos que me enseñaste en el post anterior, le indicas que se flote la imagen (<img />) del elemento de lista (<li>) de una lista desordenada (<ul>) con clase "Author_list". Y en la captura de ahora veo que la imagen no está dentro de un elemento de lista.
Haz una prueba. En el html, ponlo de esta manera:
Código HTML:
Ver original<img class="prueba" src="images/portfolio.png" alt="Portfolio" width="92" height="72" />
Y en el CSS añades esta línea:
Código CSS:
Ver original.prueba
{
float: left;
margin: 100px 30px 5px; /* 100 arriba, 30 a cada lado y 5 abajo*/
}
Si es posible, como te dije, evita meter unos elementos dentro de otros. Mucha gente mete un <ul> dentro de un <div> para hacer un menú de navegación. Y generalmente no es necesario en absoluto, ya que un <ul> es un elemento de bloque al igual que un <div>, con la diferencia de que sólo puede contener elementos de lista, pero es para lo que se utiliza en ese caso.
Prueba lo que te he comentado a ver qué ocurre. Además, como ayuda, te dejo un par de enlaces:
Validador xhtml del w3c:
http://validator.w3.org/#validate_by_url
Validador css del w3c:
http://jigsaw.w3.org/css-validator/#...i+with_options
Ambos te serán muy útiles para no sólo validar tu código, si no comprobar que está correcto y sin errores de cierre, etiquetas mal anidadas o elementos que no deben estar dentro de otros elementos.
Vete probando. Cualquier duda, ya sabes, aquí estamos. Un saludo :D