Foros del Web » Creando para Internet » Diseño web »

Bordes horteros

Estas en el tema de Bordes horteros en el foro de Diseño web en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 30/04/2008, 13:31
 
Fecha de Ingreso: agosto-2006
Mensajes: 355
Antigüedad: 11 años, 3 meses
Puntos: 2
Bordes horteros

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
  #2 (permalink)  
Antiguo 30/04/2008, 13:52
Avatar de bookmaster  
Fecha de Ingreso: febrero-2002
Ubicación: Toledo
Mensajes: 976
Antigüedad: 15 años, 10 meses
Puntos: 67
Re: Bordes horteros

¿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.
__________________
Decir si te a funcionado la respuesta es ¡GRATIS!. Por favor indicarlo.
http://www.lohacemosweb.net
http://tutoriales.lohacemosweb.net

Última edición por bookmaster; 30/04/2008 a las 14:10
  #3 (permalink)  
Antiguo 01/05/2008, 05:29
 
Fecha de Ingreso: agosto-2006
Mensajes: 355
Antigüedad: 11 años, 3 meses
Puntos: 2
Re: Bordes horteros

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)
  #4 (permalink)  
Antiguo 01/05/2008, 06:14
Avatar de tunait
Moderadora
 
Fecha de Ingreso: agosto-2001
Ubicación: Terok Nor
Mensajes: 16.805
Antigüedad: 16 años, 3 meses
Puntos: 380
Re: Bordes horteros

Cita:
Iniciado por innes Ver Mensaje
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
__________________
Javascript Códigos - Bambú difunde
  #5 (permalink)  
Antiguo 01/05/2008, 06:24
 
Fecha de Ingreso: marzo-2008
Mensajes: 303
Antigüedad: 9 años, 8 meses
Puntos: 4
Re: Bordes horteros

Cita:
Iniciado por tunait Ver Mensaje
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>
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 13:13.