Modificant taules

, por ejemplo: Inserirem una taula nova, amb 4 Files i 6 columnes, per exemple:

de celda y 2 espacio entre ellas. La centrem en el document, 5 px farcit de cel · la i 2 espai entre elles. . 80% de ancho. Posar un color de fons a la taula, 0 a la vora. 80% de ample.

1

Seleccionem la primera Columna:

2

: En l'inspector de Propietats, posem un color de fons a la columna:

3

Si treure-li la selecció, anar a Modificar / Taula / Combinar Cel ·:

4

Les cel · les s'uniran i ens queda una columna amb una sola cel · la:

5

Situar el cursor del ratolí en l'última cel · la, prémer el primer botó i, sense deixar-lo anar, arrossegar per totes les cel · les fins seleccionar:

6

Modificar / Taula / Combinar Cel · les i canviar el color de fons a blanc:

7

Igualment, posem el cursor a la última cel · la de la segona fila premem el primer botó i mantenint premut, l'arrosseguem primer cap avall i després a l'esquerra, s'aniran seleccionant totes.

* Nota: igualment al revés eh?? em refereixo a seleccionar les cel · les ;)

8

Canviem el color del fons per un que faci contrast amb els dos que ja tenim:

9

fins i tot si volem podríem unir totes les cel · les restants ;) li assignem un ample fix a la columna de l'esquerra seleccionem totes les altres i combinem cel · les:

10

Situem el cursor a la columna rosa i donem diverses vegades a Enter:

11

el resultat és completament diferent al que teníem al principi ... ;) També des d'aquests icones, podem dividir o unir les cel · les una vegada que les tenim seleccionades

12

Al menú Modificar / Taula, trobarem també les opcions Elimina,

canviar mida, tant de files, o columnes ;)

Podeu veure l'exemple Aquí

Posar un fons a una taula

En Inspector de Propiedades . El primer serà cercar el fons que volem posar i guardar a la carpeta Imatges Inserir una taula d'1 Fila i 1 columna. En Inspector de Propietats. Segur que ja us haureu fixat en aquesta icona, semblant a un punt de mira:

14

En prémer sobre ell, en el camp surt una explicació de com hem d'usar-lo, és molt fàcil, posem el cursor del ratolí allà on volem inserir l'arxiu i anem al 'punt de mira' ens situem en ell, premem el primer botó del ratolí i estirem cap al arxiu que volem inserir:

13

Ampliar

Ens serà de molta utilitat, per canviar imatges, vincles .. ja anirem veient més detingudament, ara ens servirà per inserir un fons des de la carpeta imatges a la taula:

15

* Nota: Fixeu-vos que el valor Espai de cel · la, el h canviat a 6 px. Bé això és perquè el fons que ús és el d'aquell blinkie famós ... els quadrets són de sis px. i vull que es vegi només l'alt d'un cuadrito, a més ... així ens estarem donant compte que l'espai entre les cel · les, és transparent ... el que bé usat es transforma en una eina més a l'hora de dissenyar una pàgina. ;)

y en el Inspector de Propiedades: Anem també a posar un fons a la Cel · la, per a això ens situarem sobre l'etiqueta <td> i en l'Inspector de Propietats:

16

Ampliar

Prémer diversos Enter i ens quedés així:

17

Exemple Aquí

Una cosa ... fixeu-vos que a la primera taula, la que vam fer al Estatut anterior, havíem posat vora i li havíem més, donat color a la vora. En aquesta no ho hem fet ;) sinó que hem donat color al fons de la taula i després a les files i columnes també, un color de fons i diferent al de la taula.

Això té una explicació, com ja us vaig dir, treballarem perquè es vegi bé la nostra pàgina en tots els navegadors, però resulta que el color de les vores d'una taula, només es veu en l'IE, en el Mozilla no es veu si no és aplicat amb Estils. Però podem 'enganyar' d'aquesta manera.

Comprovar vosaltres mateixos si?? obrint aquesta pàgina amb els dos ;)

Respondre