Bordes horteros

[innes]

Hola:

esta pregunta es super tonta, pero he mirado en las FAQS y no me ha parecido ver nada exactamente igual, algo parecido pero con CSS y en mi caso no puedo usar hojas de estilo.

El tema es tonto, ¿como hacer para que en Dreamweaver al darle grosor al borde de una tabla no me aparezca un borde como "tridimensional"?(de varios tonos, uno en cada lado, de manera que parece que tenga relieve)

muchas gracias

[bookmaster]

¿Y porque no lo puedes hacer con CSS?
Porque seria algo como esto:

Código HTML:

<table width="100%" style="border-style:solid; border-width:10px; border-color:#000000;">
    <tr>
        <td>&nbsp;</td>
    </tr>
</table> 

Así cambias solo los valores de esa tabla y no tocarías el resto de la página.

En caso de no poder hacerlo de esta manera, lo vas a tener complicado ya que el navegador por defecto le da los colores con forma de relieve, salvo en el Internet Explorer que si lo admite de la siguiente manera:

Código HTML:

<table width="100%" border="10" bordercolordark="#000000" bordercolorlight="#000000" cellspacing="0">
    <tr>
        <td>&nbsp;</td>
    </tr>
</table> 

Pero solo puedes jugar con la parte de la izquierda y la de arriba o la derecha y la de abajo, van a la par las 2.

Con el CSS puedes controlar los bordes a tu antojo por todos los lados.

Código HTML:

/* Los generales */
border-width: 10px;
border-color:#000000;
border:solid;

/* Los del lado izquierdo */
border-left-width: 10px;
border-left-color:#000000;
border-left-style:solid;

/* Los del lado derecho */
border-right-width: 100px;
border-right-color:#000000;
border-right-style:solid;

/* Los del Superior */
border-top-width: 10px;
border-top-color:#000000;
border-top-style:solid;

/* Los del Inferior */
border-bottom-width: 10px;
border-bottom-color:#000000;
border-bottom-style:solid;

Eso si el triangulito que pone no se puede quitar, ya que es parte de la tabla.

[innes]

muchas gracias, voy a probarlo ahora...

no puedo usar css porque estoy diseñando una plantilla para enviar por email y por experiencia comprobada, he visto que luego al abrirlo hace caso omiso de los estilos de la hoja de estilos así que tiene que ir todo dentro del html normal...(no sé si me explico, es que yo no soy profesional de esto)

[tunait]

Iniciado por innes

muchas gracias, voy a probarlo ahora...

no puedo usar css porque estoy diseñando una plantilla para enviar por email y por experiencia comprobada, he visto que luego al abrirlo hace caso omiso de los estilos de la hoja de estilos así que tiene que ir todo dentro del html normal...(no sé si me explico, es que yo no soy profesional de esto)

Sí funcionan si los pones directamente en los tags html

[a2a2]

Iniciado por tunait

Sí funcionan si los pones directamente en los tags html

Otra forma es incluir la parte del CSS dentro del HTML en el head de la página:

<style type="text/css">
/* aqui pones los estilos (puedes copiar y pegar de tus ficheros .css) */
</style>