Hn e HR

Chan10 · Agosto 15, 2007

E ae pessoal...

Estou com um problema que não consegui resolver, seguinte:

imagine uma tag hn (h1, h2, h3 .....) e embaixo vai um hr exemplo:

<h2>Titulo qualquer</h2><hr />

legal nada de mais, porem no IE e no FF fica um pouco diferente no IE ele da uma margem do além.

Já tentei resetar a margem do elemento mas nada nem margin:0 e padding:0 funciona...

alguém sabe a solução ???? to quase colocando uma imagem em baixo mesmo rs..... http://forum.imasters.com.br/public/style_emoticons/default/assobiando.gif

até....

Paulo de Tarso F. M. · Agosto 15, 2007

Aplique um border-bottom... http://forum.imasters.com.br/public/style_emoticons/default/assobiando.gif Claro, não esqueça de definir também uma largura para seu <hn> (width)... Exemplo:

h2 {	width: 100%;	border-bottom: 1px solid #333;	padding-bottom: 3px;}

Chan10 · Agosto 15, 2007

ah tha entendi, mas ai você coloco uma barda na tag h2

no caso não posso fazer isso, pois tem momentos em que entra uma outra tag "hn" como:

<h2>Titulo principal</h2><h4>Subtitlo A</h4><hr />

se fizer como disse ai o subtitulo ficaria a baixo do traço

bem mas só perguntei isso pra saber se tinha como solucionar esse erro do "hn" com o "hr" sem recorrer a outro elementos,

se não posso colocar uma imagem ou um div ou qualquer coisa em baixo que funciona, é mais uma curiosidade apenas ....

Recommended Posts