Ya llevo rato en esto, me pidieron un cambio justo luego de haber logrado una estructura relativamente estable, pero bueno, así son los clientes y yo tampoco soy un gran experto (se los avisé y aceptaron, no por eso tengo que hacer un mal trabajo).
En fin, para explicarme mejor, aquí tienen el despojo de página que estoy haciendo:
http://monociclo.comeze.com/monociclo-black/
Ahora bien, lo que necesito aquí son 3 cosas en concreto.
La primera es hacer que el H1 (Monociclo) no esté a nivel del reproductor, quiero que esté por encima, la verdad estaba arriba pero centrado y el cliente lo quiere a la izquierda, lo floté hacia la izquierda y el resultado fue el de ponerse a nivel del reproductor (no sé exactamente por qué).
Lo segundo es el aside de los iconos sociales, pasa mas o menos lo mismo que con el H1, quiero que se mantenga arriba y cambiarlo a una posición vertical; se debería haber arreglado con un display block, pero no, no se arregló.
Ambos, el H1 y el aside hacen que todo se descuadre si la pantalla se achica. El diseño en esta etapa no busca ser realmente responsivo, aún no se ha decidido que hacer en ese aspecto pero si lo visualizan desde una pantalla de PC no muy grande, todo se va a dañar y no es la idea.
Por último, una de las cosas que mas me ha molestado es la imagen que va abajo, es grande, puedo achicarla un tanto mas, pero no mucho porque asi la quieren, pero no logro que quede paralela con el reproductor, siempre queda mas a la izquierda y cuando se despliega la lista de canciones se mueve también...
Aquí les dejo el código fuente de lo que estoy haciendo:
https://github.com/nanotime/static-page
Ahora, el diseño es horrible, pero eso es lo de menos, esos detalles los puedo resolver luego, los problemas que tengo ahora son estructurales y por mi poca comprensión del comportamiento de HTML y CSS
Gracias por adelantado y perdón por tantas preguntas que deben parecer de idiota