Buenas, estoy empezando con esto de hacer paginas web. Me esta costando el tema de la colocación de elementos.
Por ejemplo, creo un <header> y dentro tengo un <img> y luego un <h1>, Yo quería que ese texto, quedase encima de la imagen, después de mucho probar, añadiendole un margen negativo al top, consigo que el elemento suba, aparte del z-index.
Pero claro, yo no se cual es la forma correcta de posicionar los elementos en cada sitio que leo, es de una forma distinta, o de una forma antigua, y claro yo quería aprender para hacer webs adaptables a cualquier dispositivo, agradecería una ayuda sobre como proceder.
Estoy haciendo todas las estructuras con porcentajes, con imágenes se adapta bien, pero en este caso con el <h1> se mantiene el tamaño, ya que solo cambia cuando hacemos zoom,con lo cual siempre esta descuadrado. No se si hay alguna técnica para esto, o usar las media queries, poner 5 supuestos, e ir probando cambiando el tamaño de fuente y margen hasta que quede igual, aunque en el caso de una redimension de la pagina, nunca se cambiaría el tamaño dinamicamente.
Resumiendo , ando bastante perdido, en que técnicas usar y cual es el flujo de trabajo orientado a webs adaptativas. Podéis ayudarme un poco? un saludo.