Linha Pontilhada

Outubro 7, 2004

Galera, gostaria de saber como fazer akelas linhas pontilhadas igual a pagina inicial do UOL

Pelo que percebi, akelas linhas são as linhas internas de uma tabela é isso, mas tem como eu fazer aparecer somente as linhas internas de uma tabela.......

Crystian · Outubro 7, 2004

.test{

border: 1px dashed #FF0000;

}

a propriedade é dashed... é só informar o style da borda como dashed que fica tracejado, ou dotted para pontilhado...

Abraço

Crystian

Outubro 8, 2004

isso eu entendi, mas gostaria saber se eu possuir uma tabela com 10 linhas, se eu consigo somente as linhas de dentro (nem a primeira e nem a ultima linha) ficarem pontilhadas.....

Illidan · Outubro 8, 2004

Consegue... é só você colocar o atributo style na tag <TD>, e não na <TABLE>.

Até mais!

Crystian · Outubro 8, 2004

<html>
<head>
<style>
.table {
	border: 1px dashed #EE4334;
}
</style>
</head>
<body>
	<table width="400" id="table" class="table">
        <tr>
         <td>Teste1</td><td>Teste2</td>
        </tr>
        <tr>
         <td>Teste1</td><td>Teste2</td>
        </tr>
        <tr>
         <td>Teste1</td><td>Teste2</td>
        </tr>
        <tr>
         <td>Teste1</td><td>Teste2</td>
        </tr>
        <tr>
         <td>Teste1</td><td>Teste2</td>
        </tr>
        <tr>
         <td>Teste1</td><td>Teste2</td>
        </tr>
        <tr>
         <td>Teste1</td><td>Teste2</td>
        </tr>
        <tr>
         <td>Teste1</td><td>Teste2</td>
        </tr>
        <tr>
         <td>Teste1</td><td>Teste2</td>
        </tr>
        <tr>
         <td>Teste1</td><td>Teste2</td>
        </tr>
    </table>
<script>
document.getElementById('table').frame = 'void';
document.getElementById('table').rules = 'all';
</script>
</body>
</html>

Cara dá uma olhada no código q eu fiz pra ti. a tabela possui propriedades q podem ser setadas, que é frame(bordas de fora da tabela) e rules(bordas de dentro). Meu único problema, pelo menos aqui no Mozilla, foi que essa propriedades não aceitam "dashed" como estilo.

Testa no IE e se não funcionar você vai ter que trabalhar com as td e tr mesmo...

Abraço

Crystian

Ricardo Cobain · Outubro 17, 2004

Amigo testei seu codigo , e não deu certo.

Só ficava A tabela com uma linha normal e vermelha e as todos com bordas duplas

O que está acontecendo...

Mande email e poste, se possivel!

Crystian · Outubro 18, 2004

Desculpa, é q eu não tenho o IE aqui comigo pra testar, utilizo o Mozilla e a princípio funciona. Vou dar uma olhada e depois te respondo.

Abraço

Crystian

danyort · Outubro 18, 2004

É um pouco grande este código, de repente tem outro mais curtinho, mas pelo menos funciona!!

<html>

<head>

<!--

.table1 { border: dotted; border-width: 0px 1px 1px 0px; border-color: black black #000000 #000000}

.table2 { border: dotted; border-width: 0px 1px 0px 0px; border-color: #000000 #000000 black black}

.table_out { border: #000000; border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px}

.table3 { border: dotted; border-width: 0px 0px 1px; border-color: #000000 #000000 black black }

.table4 { border-style: none}

-->

</style>

</head>

<body>

<tr>