Boas, estou a desenvolver uma espécie de apresentação "powerpoint" mas em html e css, neste momento estava a elaborar uma espécie de header, e gostava de posicionar dois logos um em cada ponta, isto já consegui.
O meu problema agora é que gostava de colocar algum texto neste header e de o centrar no topo da página.
Devo dizer que tenho o seguinte código html:
<div id="header">
<div id="epslogo">
<img src="img/eps.png" alt="eps_logo"/>
</div>
<div id="tanquisadologo">
<img src="img/tanquisado.png" alt="tanquisado_logo"/>
</div>
<div id="titulo">
<h10> Escola Profissional de Setúbal </h10> <br>
<h10> Tanquisado - Terminais Marítimos, S.A. </h10>
</div>
<div id="linha">
</div>
</div>
e o seguinte código CSS:
#epslogo {
position: fixed;
top: 20px;
left: 50px;
background-color:transparent;
border-width:2px;
border-color:transparent;
}
#tanquisadologo {
position: fixed;
top: 20px;
left: 1130px;
background-color:transparent;
border-width:2px;
border-color:transparent;
}
#header {
position: absolute;
top: 100px;
width: 1200px;
border-top-width: 3px;
border-top-style: solid;
border-top-color: #FFF;
margin-bottom: 20px;
}
#titulo {
text-align: center;
background-position: 50%;
left: 450px;
}
O problema é que o titulo por assim dizer, não está a ficar no sitio certo :S
Gostava também de saber como centrar essa linha que vêm entre o header e o corpo do trabalho, já tentei montes de cenas e não consegui :S
Só um aparte, eu não tive formação em programação, sou do Curso Técnico de Gestão de Equipamentos Informáticos e estou a tentar fazer algo diferente para a apresentação da minha PAP, se me puderem dar uma mãozinha agradecia imenso