Um Traço Que Pega Toda A Largura Usada

[mestre fyoda]

http://www.paodeacucar.com.br/categoria.as...a=catHamburguer

ai está um exemplo do que eu quero , um traço verde , como eu faço para ele pegar a largura usada na tabela .

[fercosmig]

neste caso aí, ele está usando a cor de fundo da td ou da tr

abraços

[mestre fyoda]

.borda{

    border-bottom: 1px;
    border-bottom-color: #0000FF;
}


<table class="texto">
<tr>
  <td><input type="checkbox" name="cod_produto[]" value="<? echo"$codigo_produto"; ?>"></td>
  <td width="250"><? echo "$produto"; ?></td>
  <td width="100"><? echo " R$ $preço"; ?></td>
  <td> <input type="text" name="quantidade[]" value="<? echo"$quantidade"; ?>" size="2"></td> <td> <img src="img/seta_acima.gif"> <div style="display:block"> <img src="img/seta_abaixo.gif"> </div> </td>
  <td width="100"> <div align="center"> <img src="img/excluir_compra.gif" alt="Retirar produto do carrinho">  </td>    
</tr [color=#FF0000]class="borda"[/color]>
</table>

porque a class borda não está funcionando ?

[fercosmig]

tenta

border: #0000FF 1px Solid;

[mestre fyoda]

ixi mano , não deu certo .

[kuroi]

ue, você poe a classe onde você fecha a tag, isso existe?

[mestre fyoda]

ops forum errado !

editando .......

não manjo muito de css .

como eu faço para colocar uma borda em baixo de cada linha ?

[kuroi]

assim deve dar:

<style>
#tabela1 tr {border-bottom: 1px solid #0000FF;}
</style>


<table id="tabela1">
<tr>
  <td><input type="checkbox" name="cod_produto[]" value="<? echo"$codigo_produto"; ?>"></td>
  <td width="250"><? echo "$produto"; ?></td>
  <td width="100"><? echo " R$ $preço"; ?></td>
  <td> <input type="text" name="quantidade[]" value="<? echo"$quantidade"; ?>" size="2"></td> <td> <img src="img/seta_acima.gif"> <div style="display:block"> <img src="img/seta_abaixo.gif"> </div> </td>
  <td width="100"> <div align="center"> <img src="img/excluir_compra.gif" alt="Retirar produto do carrinho">  </td>    
</tr>
</table>[/code]

[.Andreia.]

Para a linha está sendo usada uma imagem, mas você também poderia fazer com cor.

Este é o jeito que o site está fazendo:

<table width="70%" border="0" cellspacing="0" cellpadding="0">
    <tr> 
        <td height="51" background="back_lista.gif"> </td>
    </tr>
</table>

e com cor, assim:

<table width="70%" border="0" cellspacing="0" cellpadding="0">
    <tr> 
        <td height="1" bgcolor="#C3E9BA"></td>
    </tr>
</table>

[mestre fyoda]

vlw era isso mesmo