Mostrar bordes table onMouseover

[neb642]

Bueno necesito lograr basicamente que onmouseover mostrar los bordes superior e inferior de la celda en la cual este situado el cursor (valga la redundancia)

He hecho:

.tablaselv {
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-top-color: #FFFFFF;
border-right-color: #FFFFFF;
border-bottom-color: #FFFFFF;
border-left-color: #FFFFFF;
}
.tablaselv:hover {
border-top-style: solid;
border-right-style: none;
border-bottom-style: solid;
border-left-style: none;
border-top-color: #FF0000;
border-right-color: #FF0000;
border-bottom-color: #FF0000;
border-left-color: #FF0000;
}

<table width="175" border="0">
<tr>
<td class="tablaselv">prueba</td>
</tr>
<tr>
<td class="tablaselv">loca</td>
</tr>
</table>

aclaro que el fondo de la página es blanco. Saludos

[neb642]

se posteó dos veces el tema, me decia

Error 500 cuando puse Crear Tema. Creí que no se había creado. disculpas

[pistonasos]

neb642, En primer lugar siempre que le querès poner un borde a algo, tenès que especificar el grosor del borde en pìxeles(Ahì està tu error).Otra cosa:En vez de usar:

Código:

.clase
{
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-top-color: #FFFFFF;
border-right-color: #FFFFFF;
border-bottom-color: #FFFFFF;
border-left-color: #FFFFFF;
}

Podès Usar:

Código:

.clase{border:1px solid #FFFFFF}

Claro que siempre y cuando uses el mismo estilo,color y grosura de borde para todos, en caso contrario vale hacer como està en tu còdigo.Tambièn es recomendable alinear cada agrupacion de estilos en una sola lìnea, asì carga màs ràpido la pàgina, al igual que tambièn es ùtil no usar mayùsculas por el mismo motivo,aunque al momento de editar el còdigo se va a hacer menos legible.Depende de cada uno, lo mìo es sòlo una recomendacion.
Acà està tu còdigo provado por mi y funcionando en Google Chrome:

Código:

.tablaselv {border:2px solid #FFFFFF}
.tablaselv:hover {border:0px solid;border-top:2px solid #FF0000;border-bottom:2px solid #FF0000}

Código:

<table width="175" border="0">
 <tbody>
   <tr>
    <td class="tablaselv">prueba</td>
   </tr>
  <tr>
   <td class="tablaselv">loca</td>
  </tr>
 </tbody>
</table>

Me olvidaba:En HTML al crear una tabla, es mejor si usàs las etiquetas <tbody></tbody> <thead></thead> y (En raros casos la uso,fijate si te sirven) <tfoot></tfoot>.Buscà para que sirven en Google ya que por ejemplo en MSIE si no ponès un <tbody> a la tag <table> te puede dar algunos dolores de cabeza...Al menos con JavaScript.

[neb642]

Muchas gracias pistonasos, ya conseguí lo que quería