Jump to content
HaroldWalker

Cabeçalho CSS

Recommended Posts

HaroldWalker

Gostaria de substituir meu cabeçalho Html para Css, pois assim eu poderia alterar todos os cabeçalhos ao mesmo tempo. Não consegui chegar ao resultado esperado, por isso procurei ajuda no fórum.

Código Html:

<p style="background-color: rgb(255, 215, 0); border: 2px solid orange; font-size: 15px; background-position: initial initial; background-repeat: initial initial;"><span style="font-family:verdana,geneva,sans-serif;"><strong> Cabeçalho</strong></span></p>

Código Css:

h1 {
       color: white;
       background:  rgb(255, 215, 0);
       border: 2px solid orange;
       font-size: 15px;
       font-family: verdana,geneva,sans-serif;
       font-weight:bold;
       text-indent: 6px;
       position: absolute;
       width: 498px;
       height: 33 px;       
}

O problema do código Css é que o texto fica alinhado na parte de cima da caixa, eu gostaria que ficasse assim como no Html no centro, levando em conta a altura e não a largura.

Edited by Rui Carlos
GeSHi

Share this post


Link to post
Share on other sites
I-NOZex

tira os width, height e position, e mete no elemento-pai um vertical-align: middle, ou usa um padding (bottom+top)...


B2R » Beat2Revolution v3.0b | Regista e divulga-nos

beat2revolution.net

Share this post


Link to post
Share on other sites
HaroldWalker

Encontrei a solução para o meu problema.

h1 {
       color: white;
       background: url('') left top repeat-x;
       font-size: 15px;
       font-family: verdana,geneva,sans-serif;
       font-weight:bold;
       text-indent: 7px; 
       position: absolute; 
       width: 498px;
       height: 33px;  
       padding: 7px 0 0 0    
}
 
Edited by HaroldWalker
GeSHi

Share this post


Link to post
Share on other sites
D'Leandro™

Você pode usar id ou class, coloque a mesma class para todas as partes que são iguais, assim você pode editar via CSS.

<p class="nome_da_classe"><span style="font-family:verdana,geneva,sans-serif;"><strong> Cabeçalho</strong></span></p>

Depois vc usa o css.

.nome_da_classe {
background-color: rgb(255, 215, 0);
border: 2px solid orange;
font-size: 15px;
background-position: initial initial;
background-repeat: initial initial;
}

Edited by Rui Carlos
GeSHi

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

×
×
  • Create New...

Important Information

By using this site you accept our Terms of Use and Privacy Policy. We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.