Wikilibros

Diferencia entre revisiones de «Manual wiki/Edición/Tablas»

Explorar historial interactivamente
← Edición anteriorEdición siguiente →
Contenido eliminado Contenido añadido
VisualWikitexto
Sin resumen de edición
Línea 52:
 
Obsérvese también que NO se pueden mezclar en una misma línea de código una celda de datos y una celda de título.
 
==== Código fuente ====
<div style="background: white; border: 1px solid black; padding: 1em;">
<pre><nowiki>
{| border="1" cellpadding="2"
|+ Tabla de multiplicar
|-
! &amp;times; !! align="right" | 1 !! align="right" | 2 !! align="right" | 3
|-
! align="right" | 1
| align="right" | 1 || align="right" | 2 || align="right" | 3
|- align="right"
! 2
| 2 || 4 || 6
|- align="right"
! 3
| 3 || 6 || 9
|- align="right"
! 4
| 4 || 8 || 12
|- align="right"
! 5
| 5 || 10 || 15
|}
</nowiki></pre>
</div>
 
==== Apariencia ====
Línea 77 ⟶ 103:
</div>
 
===Color; alcance de parámetros===
 
Hay dos formas de especificar el color del texto y del fondo para una sola celda:
 
<pre>
{|
| bgcolor="red" | <font color="white" > abc
| def
| style="background:red; color:white" | ghi
| jkl
|}
</pre>
 
{|
| bgcolor="red" | <font color="white"> abc
| def
| style="background:red; color:white" | ghi
| jkl
|}
 
Como se ve “font” funciona para una sola celda, aún sin etiqueta de cierre: la etiqueta de cierre es añadida por el sistema. ''Nota: se desanconseja utilizar esta etiqueta ya que está desaprobada en HTML 4 en beneficio del atributo style.''
==== Apariencia ====
 
{| border="0" cellpadding="3" cellspacing="0"
Como otros parámetros, los colores pueden también ser especificados para una fila completa o para una tabla completa; los parámetros para una fila sobrescriben los valores para la tabla, y los de una celda sobrescriben los de la fila:
|- style="font-weight: bold"
 
| # || Descripcion || Dependencia
<pre>
|- style="background:#eeeeee"
{| style="background:yellow; color:green"
| 1 || Se propone una promo a sacar y se comunica como nuevo proyecto. (Martín) || -
|-
| abc
| def
| ghi
|- style="background:red; color:white"
| jkl
| mno
| pqr
|-
| stu
| 2 || El receptor convoca reunión entre áreas para informar y definir ideas, mercados, etc. (Encargados de área) || -
|- style="background:#eeeeeesilver" | vwx
| yz
| 3 || Se registran los dominios recibidos (de Martín o Jessica), se le asigna las DNS correctas y se informa al solicitante <br> cuando esta terminado. (Virgina) || -
|}
</pre>
 
da
 
{| style="background:yellow; color:green"
|-
| abc
| def
| ghi
|- style="background:red; color:white"
| jkl
| mno
| pqr
|-
| stu
| 4 || Armar y enviar un email, que contiene: (Jessica) <br> <pre> 1.1. Todos los dominios en todos los idiomas que se quieran sacar. Estos deben estar en formato de URL, por ejemplo corridashardcore.com <br> 1.2. Los nombres de todas las promos en todos los idiomas que se quieran sacar. <br> 1.3. Thumbs, son dos o tres letras usadas como prefijo en los thumbs. Este es uno solo por promo (no varia por idioma). Tener especial cuidado en no enviar thumbs repetidos. <br><br> Este email se envía a todas las personas involucradas. Al día de hoy, estas son: <br> Marcelo Andino, Paulo Crescionini, Marcelo Castro, Schubert Tonarelli, Rodrigo Méndez, Ignacio Pesce, Pablo Ravazzani, Virginia Morquio, Andrés Iribarren, Alejandro Siviero, Marcelo Sastre. || -
|- style="background:#eeeeeesilver" | vwx
| yz
| 5 || Se ingresan en la base de datos, todos los datos (url, nombre, thumb) de las promos en el control.spacash. (Marcelo <br> Castro, Paulo Crescionini) || -
|}
 
La especificación [[HTML]] 4.01 define dieciséis colores, aquí se muestran con sus valores hexadecimales:
 
{| border="0"
|-
|[[negro (color)|Negro]]
| 6 || En caso de que la promo sea “Premium”, es preciso seleccionar las escenas, subirlas al AW y procesarlas. Se arman <br> trailers para galerías y promos (Alejandro, Marcelo Sastre) || (4)
|-align="center" style="background:#eeeeee000000; color:#ffffff; font-family:monospace;" width=15%|#000000
|width=5%| ||[[plata (color)|Plata]]
| 7 || Los dominios se chequean y se apuntan. (Marcelo Andino) || (4)
|align="center" style="background:#c0c0c0; color:#000000; font-family:monospace;" width=15%|#c0c0c0
|width=5%| ||[[marrón|Marrón]]
|align="center" style="background:#800000; color:#ffffff; font-family:monospace;" width=15%|#800000
|width=5%| ||[[rojo|Rojo]]
|align="center" style="background:#ff0000; color:#ffffff; font-family:monospace;" width=15%|#ff0000
|-
|[[azul marino|Azul marino]]
| 8 || Se crean las estructuras de carpetas en el Server y se configura la promo. (Schubert, Rodrigo Méndez) || (4,5)
|-align="center" style="background:#eeeeee000080; color:#ffffff; font-family:monospace;"|#000080
|| ||[[azul|Azul]]
| 9 || Se arma el template, se sube al FTP, se crean los langs para los textos vivos y se envía el PSD a Redacción (Nacho, <br> Pablo) <br> * En caso de que sea una promo “9Buck”, se crean los screens, y se le pasan a Jessica las galerías y el orden de pics <br> en la promo (en el caso de ser necesario) || (7,8)
|align="center" style="background:#0000ff; color:#ffffff; font-family:monospace;"|#0000ff
|| ||[[púrpura|Púrpura]]
|align="center" style="background:#800080; color:#ffffff; font-family:monospace;"|#800080
|| ||[[fucsia|Fucsia]]
|align="center" style="background:#ff00ff; color:#000000; font-family:monospace;"|#ff00ff
|-
|[[verde|Verde]]
| 10 || Se crean los langs para imágenes. (Jessica) || (7,8,9)
|-align="center" style="background:#eeeeee008000; color:#ffffff; font-family:monospace;"|#008000
|| ||[[lima|Lima]]
| 11 || Se traducen los textos y las imágenes a partir de PSD recibido. (Jessica) || (9)
|align="center" style="background:#00ff00; color:#000000; font-family:monospace;"|#00ff00
|| ||[[oliva|Oliva]]
|align="center" style="background:#808000; color:#ffffff; font-family:monospace;"|#808000
|| ||[[amarillo|Amarillo]]
|align="center" style="background:#ffff00; color:#000000; font-family:monospace;"|#ffff00
|-
|[[verde azulado|Verde azulado]]
| 12 || Se aplican las traducciones a las imágenes y se suben al FTP. (Nacho) || 11
|-align="center" style="background:#eeeeee008080; color:#ffffff; font-family:monospace;"|#008080
|| ||[[aguamarina|Aguamarina]]
| 13 || Se crean los clips finales para la concatenación de videos. (Nacho) || (6)
|align="center" style="background:#00ffff; color:#000000; font-family:monospace;"|#00ffff
|| ||[[gris|Gris]]
|align="center" style="background:#808080; color:#ffffff; font-family:monospace;"|#808080
|| ||[[blanco|Blanco]]
|align="center" style="background:#ffffff; color:#000000; font-family:monospace;"|#ffffff
|}
 
===Ancho, alto===
El ancho y el alto de toda la tabla puede ser especificado, como así también el alto de una fila. Para especificar el ancho de una columna uno puede especificar el ancho de una celda en la columna arbitrariamente. Si no se especifica el ancho para todas las columnas ni el alto de todas las filas, entonces habrá alguna ambigüedad, y el resultado dependerá del navegador.
<pre>
{| style="width:400px; height:200px" border="1"
|-
| abc
| def
| ghi
|- style="height:100px"
| jkl
| style="width:200px" |mno
| pqr
|-
| stu
| 14 || Se chequea que este todo ok lo minino necesario como para enviar la promo al TPV. <br> Por ejemplo se chequea que no <br> hayan links rotos, que haya algún contenido en el members, etc. (Cada parte involucrada chequea lo suyo) || (5…13)
| vwx
|- style="background:#eeeeee"
| yz
| 15 || Tarjeta. Si todo esta ok (inclusive área de miembros), se le envía un email a los TPVs solicitando el “compliance” <br> (conformidad). La respuesta tarda en promedio una semana. (Andrés) || (14)
|}
</pre>
 
da
 
{| style="width:400px; height:200px" border="1"
|-
| abc
| def
| ghi
|- style="height:100px"
| jkl
| style="width:200px" |mno
| pqr
|-
| stu
| 16 || Cuando se tiene el ok de los TPVs se hace un chequeo donde cada parte (programación, redacción, diseño, <br> contenido) da el OK final. Cuando se tiene el OK final de cada parte se habilita en el sistema SPACash. (Marcelo <br> Castro, Paulo Crescionini) || (3…15)
| vwx
|- style="background:#eeeeee"
| yz
| 17 || Se postea en el foro un mensaje y se publica una noticia relativa a la promo recién salida.(Raúl) || (16)
|}
 
Línea 520 ⟶ 637:
&lt;caption ''parámetros''&gt;Leyenda&lt;/caption&gt;
 
==Texto próximo a una tabla==
''(Para ver los efectos debe aumentar o disminuir el tamaño de la fuente del navegador; también puede cambiar el ancho de la ventana del navegador.)''
 
Puede usar '''align=right''', y el texto que sigue a la tabla aparecerá a la izquierda de la misma.
 
{| border="1" cellpadding="2" align=right
|+Tabla de multiplicar 5*3
|-
! &times; !! 1 !! 2 !! 3
|-
! 1
| 1 || 2 || 3
|-
! 2
| 2 || 4 || 6
|-
! 3
| 3 || 6 || 9
|-
! 4
| 4 || 8 || 12
|-
! 5
| 5 || 10 || 15
|}
aquí comienza el texto inmediatamente después de la tabla de multiplicar 5*3 texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto
texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto
texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto suficiente de este texto.
{{clear}}
 
Sin embargo, '''no puede colocar texto preformateado''', este puede solaparse a la tabla.
Para prevenir esto use <nowiki><br style="clear:both;"></nowiki>:
 
{| border="1" cellpadding="2" align=right
|+Tabla de multiplicar 4*3
|-
! &times; !! 1 !! 2 !! 3
|-
! 1
| 1 || 2 || 3
|-
! 2
| 2 || 4 || 6
|-
! 3
| 3 || 6 || 9
|-
! 4
| 4 || 8 || 12
|}
 
aquí comienza el texto inmediatamente después de la tabla de multiplicar 4*3… texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto este es el fin del texto ahora viene el claro BR: <br style="clear:both;">
el texto preformateado empezaría solo luego de que la tabla finalizó texto texto texto texto
 
Puede usar '''align=left''', y la tabla aparecerá a la izquierda y el texto que sigue a la misma a la derecha (pero posiblemente demasiado cerca):
{| border="1" cellpadding="2" align=left
|+Tabla de multiplicar 2*3
|-
! &times; !! 1 !! 2 !! 3
|-
! 1
| 1 || 2 || 3
|-
! 2
| 2 || 4 || 6
|-
|}
aquí comienza el texto inmediatamente después de la tabla de multiplicar 2*3 texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto
 
{{clr}}
 
==Espacio alrededor de una tabla, imagen o texto==
Obtenido de «https://es.wikibooks.org/wiki/Manual_wiki/Edición/Tablas»