problema con tabla

chuntin · #1 (**permalink**) 26/11/2010, 02:13

buenas, tengo 2 problemas.

el primero es que nose como alinear una tabla verticalmente. quiero centrarla pero no horizontal, sino vertical.

el segundo problema es que tengo una imagen que es un enlace y quiero que salga sin borde pero se lo pongo en css y no me hace caso : border: none;

alguien me puede ayudar?

gracias

emprear · #2 (**permalink**) 26/11/2010, 08:56

Prueba con esto

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="es" lang="es">
<head>
<title>
tabla centraha v-h
</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="description" content="x" />
<meta name="keywords" content="x" />
<meta http-equiv="Content-Language" content="ES" />

<style type="text/css">
/*<![CDATA[*/

#capa {
position:absolute;
top: 50%;
left: 50%;
width:350px;
height:300px;
margin-top: -150px; /*valor negativo mitad del alto*/
margin-left: -175px; /*valor negativo mitad del ancho*/
border: 2px solid #2982C6;
background-color: #FFF;
text-align: center;
}

/*]]>*/
</style>

</head>
<body>
<div id="capa">
<table border="1" width="100%">
<tr><td>tabla</td></tr>
</table>
</div>
</body>
</html>

con lo del la imagen, intenta
border: solid 0px transparent; (aplicalo a la img no al a)

Saludos

chuntin · #3 (**permalink**) 26/11/2010, 09:33

lo del border en la imagen si se ha solucionado pero lo de la tabla lo he hecho con pixels dentro de un div porque nose como centrarla verticalmente y si la pongo height="100%" pues luego no puedo poner lo de la celda centrado y alineado

emprear · #4 (**permalink**) 26/11/2010, 11:10

A ver si este ejemplo te orienta más
Una cosa es la alineación de la tabla y otra la de las celdas

em el código fuente esta el css necesario

http://foros.emprear.com/css/vert-h-div.html

Saludos

luisgzafra · #5 (**permalink**) 27/11/2010, 06:04

Cita:

Iniciado por chuntin

el segundo problema es que tengo una imagen que es un enlace y quiero que salga sin borde pero se lo pongo en css y no me hace caso : border: none;
:

Prueba a poner "0px"

gustavodbs · #6 (**permalink**) 27/11/2010, 08:36

Buenas, creo que en el CSS el código para alinear verticalmente es:
vertical-align: middle;

y si queres alinearlo en la tabla es asi:
valign="middle"

Espero te sirva, saludos.