NO FIREFOX: tudo funcionando perfeitamente conforme o código foi interpretado
NO IE (
): podem ver que existe um espaço na parte de cima, antes da linha, de cada link sem contar que nos lados e embaixo a cor escura ultrapasse as bordas ficando por cima delas.
O código CSS
.lista {
margin: 8px;
background: #FFF;
border-top: 1px solid #45230A;
}
.lista li {
border-left: 3px solid #C7AE7E;
border-right: 3px solid #C7AE7E;
border-bottom: 1px solid #000;
}
.lista a {
display: block;
color: #000;
padding: 5px;
}
.lista a:hover {
background: #45230A;
color: #FFF;
}
/* Correção para IE. e IE Mac */
* html .lista {
width: 98%;
margin: 10px 3px 10px 3px;
}
O código HTML
<ul class="lista"> <li><a href="$link">$titulo</li> <li><a href="$link">$titulo</li> <li><a href="$link">$titulo</li> <li><a href="$link">$titulo</li> </ul>
Ela tava até pior que isso mas eu consegui da uma corrigida usando akele ultimo código ali no CSS, mesmo assim num fico 100% fico desse jeito que eu descrevi =/ alguem ai sabe algum jeito de arruma isso ai ou corrigir isso direito?
Edição feita por: Naruto, 08/11/2005, 11:43.
