enmarcar celdas con el nuevo editor

Si tienes preguntas sobre la creación de tu Página Web con Palimpalem, aquí puedes explicar tu problema.

ModeradorCOLON Moderadores

magiadream
Aprendiz
Aprendiz
MensajesCOLON 8
RegistradoCOLON 29 Dic 2010 13:24

enmarcar celdas con el nuevo editor

Notapor magiadream » 10 Abr 2012 21:55

Como hago con el nuevo editor para enmarcar celdas ??? Me dice que qué color quiero pero no me da opciones de pixeles del marco y entonces no se pueden enmarcar. Gracias por la ayuda.

Avatar de Usuario
martin
Administrador
Administrador
MensajesCOLON 1180
RegistradoCOLON 15 Mar 2005 00:16
UbicaciónCOLON Madrid, España
CONTACTCOLON

Re: enmarcar celdas con el nuevo editor

Notapor martin » 11 Abr 2012 13:16

¿como dar un marco / border a celdas de una tabla?

Primero ponemos el borde de la tabla a 0:
- boton derecho sobre la tabla
- propiedades de la tabla
- tamaño del borde
- allí ponemos 0 (zero)
- aceptar

Segundo: Damos un nombre interno a la tabla:
- boton derecho sobre la tabla
- propiedades de la tabla
- Avanzado
- donde pone "Id" escribimos un nombre (podemos dar a cada tabla otro nombre), por ejemplo: mitabla1
(eso hacemos, para que después en el codigo html encontramos la tabla con más facilidad).
- Aceptar

Tercero ponemos un color de fondo a una celda:
(eso solamente, si quires. Igual puedes dejar el color fondo estandar).
- boton derecho sobre la celda
- celda
- propiedades de celda
- color fondo
- elegir un color o poner el color en esta forma #FFEE00
(aquí puedes por ejemplo elegir colores: http://www.colorhunter.com/tag/FFEE00/1)

Cuarto ponemos un color de borde a la celda:
- boton derecho sobre la celda
- celda
- propiedades de celda
- color borde
- elegir un color o poner el color en esta forma #FFEE00
(aquí puedes por ejemplo elegir colores: http://www.colorhunter.com/tag/FFEE00/1)

Ahora, como (hasta ahora) no se puede elegir la anchura del borde en la ventinta, lo tenemos que hacer manual en el codigo:

- click en "Fuente HTML"
- combinación de teclas: ctrl+f o cmd+f para buscar en el codigo.
Como alternativa puedes elegir en el menu de tu navegador "Editar" y allí "Buscar".
- se abre en el navegador un espacio, donde podemos escribir la palabra que buscamos.
- escribimos: mitabla1 y la tecla intro
- y ya vemos en el codigo html la palabra mitabla1 marcado. Hemos encontrado la tabla en el codigo.

- un poco mas abajo vemos el codigo de la celda. Es algo parecido a eso:

CódigoColon Seleccionar todo

<td style="border-color: rgb(255, 0, 102);">


- para añadir una anchura al borde, tiene que ser algo asi:

CódigoColon Seleccionar todo

<td style="border-color: rgb(255, 0, 102); border-width:5px;">

- lo de 5px puedes cambiar a lo que quieres, es la anchura en pixeles.

- ahora, si quieres, puedes cambiar además el estilo del borde:

CódigoColon Seleccionar todo

<td style="border-color: rgb(255, 0, 102); border-width:5px; border-style:solid;">


como estilo puedes elegir entre lo siguiente:
-> solid = lo normal
-> none = ningun borde
-> dotted = puntos
-> dashed
-> solid
-> double
-> groove
-> ridge
-> inset
-> outset

Si pinchamos de nuevo en "Fuente HTML" podemos ver com el borde se ha quedado.
Adjuntos
celda-con-borde.png


Volver a

¿Quién está conectado?

Usuarios navegando por este Foro: 11 y 0 invitados