Los códigos CSS y JavaScript pueden estar en el mismo archivo o en archivos separados (recomendable); por ese lado no hay problema, pero el código PHP debe de estar en otro archivo, por eso es que mencioné en la explicación y en el mismo código, nombres para cada archivo PHP.
Por favor, no te limites a copiar y pegar. Lee lo que se te explica aquí.
Cita:
Iniciado por mauricio1020 
en cuanto a la conexion la veo como mala[...]
Así es. No está colocando los datos de conexión como debe de ser (a menos de que no posea una clave de acceso). Por favor, revisa
el manual para que verifiques la manera correcta de hacerlo (que es la que utilicé en el ejemplo).
Saludos