Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Olá pessoal,
Peguei um pouco de cada coisa sobre o assunto e gerei o CSS que está abaixo. Minha idéia é fazer deixar o CSS mais próximo da proposta original, por isso não coloquei coisas para remover as marcações de lista por exemplo.
Só que estou tendo um problema, no final do meu css tenho 2 estilos para formatar abbr, acronym, a abbr, a acronym, funciona perfeitamente no firefox mas no IE não funciona.
Vcs poderiam me ajudar a descobrir o porque?
PS.: Se tiverem sugestões podem postar pq serão muito bem vindas
Vai o código CSS
<style>
* {
vertical-align: baseline;
font-family: inherit;
font-weight: inherit;
font-style: inherit;
outline: 0px;
padding: 0px;
margin: 0px;
border: 0px;
} background: #FFFFFF;
line-height: 1;
color: #000000;
} border-collapse: separate;
border-spacing: 0px;
} font-weight: bold;
text-align: center;
} color: #000000;
background-color: #000000;
height: 1px;
} font-weight: bold;
} border: 1px solid #AAAAAA;
} content: "";
} quotes: "" "";
} margin: 0px 0px 1em 0px;
} font-style: italic;
} font-size: 0.8em;
} position: relative;
bottom: 0.6em;
} position: relative;
bottom: -0.2em;
} text-decoration: line-through;
} border: none;
text-decoration: none;
} outline: 0px;
} background-color: #FFFFFF;
outline: 0px;
}
.clear {
clear: both;
}
.float-left {
float: left;
}
.float-right {
float: right;
} text-transform: uppercase;
font-size: 0.8em;
letter-spacing: 0.1em;
border-bottom-style: dashed;
border-bottom-width: 0.1em;
} border: none;
}
</style>já q o assunto é CSS RESET vale o click - http://migre.me/enCL
Thiago, um link eu não tenho tenho porque estou fazendo testes locais, estou usando um arquivo .htm aqui no meu desktop com o conteúdo abaixo
Vinicius, quanto a este link, o meu arquivo tem um pouco de cada porque como eu expliquei, minha idéia é criar um CSS para deixar o estilo de acordo com a proposta do W3C, eliminando as peculiaridades que cada navegador utiliza.
<html>
<head>
<title>CSS Reset</title>
<style> vertical-align: baseline;
font-family: inherit;
font-weight: inherit;
font-style: inherit;
outline: 0px;
padding: 0px;
margin: 0px;
border: 0px;
} background: #FFFFFF;
line-height: 1;
color: #000000;
} border-collapse: separate;
border-spacing: 0px;
} font-weight: bold;
text-align: center;
} color: #000000;
background-color: #000000;
height: 1px;
} font-weight: bold;
} border: 1px solid #AAAAAA;
} content: "";
} quotes: "" "";
} margin: 0px 0px 1em 0px;
} font-style: italic;
} font-size: 0.8em;
} position: relative;
bottom: 0.6em;
} position: relative;
bottom: -0.2em;
} text-decoration: line-through;
} border: none;
text-decoration: none;
} outline: 0px;
} background-color: #FFFFFF;
outline: 0px;
}
.clear {
clear: both;
}
.float-left {
float: left;
}
.float-right {
float: right;
} text-transform: uppercase;
font-size: 0.8em;
letter-spacing: 0.1em;
border-bottom-style: dashed;
border-bottom-width: 0.1em;
} border: none;
}
</style>
</head>
<body>
<h1>Teste H1</h1><br>
<h2>Teste H2</h2><br>
<h3>Teste H3</h3><br>
<h4>Teste H4</h4><br>
<h5>Teste H5</h5><br>
<h6>Teste H6</h6><br><br>
<H2><sup>sup</sup>Teste <abbr>de</abbr> sup e sub<sub>sub</sub></H2>
</body>
</html>O abbr não vai ter como estilizar, simplesmente por que o Internet Explorer 6 e anteriores não reconhece essa tag. http://forum.imasters.com.br/public/style_emoticons/default/natal_ohmy.gif
Você pode simular o abbr com um span dentro dele. Assim:
<abbr title="Waht the fuck?"><span class="abbr" title="What the fuck?">WTF?</span></abbr>
http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif
Thiago,
mais claro impossível, valeu pela resposta rápida.
[]s
Você tem um HTML ou, de preferência, um link para eu ver?
http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif