TABLA 5
 

Atributos a Nivel de Celdas

Para cerrar con el Tema de Tablas Primera Etapa
veremos como asignar una Imagen de Fondo a Nuestra Tabla
 
Para darle valor le indicaremos un pequeño Script que contenga una Imagen
 mediante una ruta como veremos a continuación ...

Es presciso señalar que las Imágenes de Fondo si su tamaño es pequeño
se repetirán hasta poder cubrir el espacio total de la Tabla
para ayudarnos a que la imagen tome el tamaño de la Tabla
iremos cambiando los valores de ... cellSpacing=10 cellPadding=15

Para obtener una Imagen de Fondo en Nuestra Tabla irá así ...
vamos al inicio de nuestra Tabla y seguido de <TABLE escribimos id=tbl 
Su estructura será  así ...
 
< TABLE id=tbl
 
<TABLE id=tbl
style="BORDER-RIGHT: #FFFFFF 15px double; BORDER-TOP: #FFFFFF 15px double; BORDER-LEFT: #FFFFFF 15px double; BORDER-BOTTOM: #FFFFFF 15px double"
borderColor=#FF0000 cellSpacing=25 cellPadding=5 width=600 align=center
border=10 550px? HEIGHT: 600px; WIDTH:>
  <TBODY>
 
 
Nuestro Formato nos indica que por medio de un pequeño Script
 al final de la Tabla  habrá una Imagen y seguido éste pequeño Script ...
 
<P><IMG id=bkg style="LEFT: -800px; POSITION: absolute; TOP: 0px"
src="C:\Documents and Settings\HP_Propietario\Mis documentos\FONDOS\FONDO FLOR NENA.jpg">
 
<SCRIPT language=VBScript>
      sub window_onload()
 on error resume next
 tbl.background=bkg.src
end sub
</SCRIPT>
 
 
 
Así obtendremos Nuestra Imagen de Fondo en Nuestra Tabla ...
 
 
 
 
 
 
 
Veremos también como Colocar Titulo a Nuestra Imagen
 
Comenzaremos por seleccionar en Nuestra Tabla la parte indicada
para insertar una Imagen ...
Siendo así vamos a  Insertar imagen y se nos abrirá Nuestra Ventanita de Imagen
vamos a Examinar donde haremos click y se abrirán Nuestros Documentos
Elegimos una imagen ...
 
 
 
 
 
 
Ya teniendo la Ruta de Nuestra Imagen vamos a
Texto alternativo :
Ahí escribiremos el Título de Nuestra Imagen
 
 
 
 
 
 
Así nos quedará ubicada Nuestra Imagen y al pasar Nuestro Mouse
sobre Nuestra Imagen veremos el Título de La Imagen insertada
 
 
 
 
 
 
También podremos hacerlo con un Borde
 eligiendo el Grosor como el Espacio Horizontal o Vertical de Nuestra Imagen
 
 
 
 
 
 
 
 
De igual manera podremos darle Alineación ...
vamos a Distribución / Alineación
y elegimos la posición donde quedará ubicada Nuestra Imagen
en mi caso de lado izquierdo ...
 
 
 
 
 
 
Y así será en cada una de la Imágenes si optamos por ésta opción ...
 
 
 
Por último veremos como Colocar en Nuestra Imagen de Contacto
 un Hipervínculo con Nuestro E_Mail o Página Web. si la tenemos ...
 
Insertamos Nuestra imagen
 
 
 
 
La seleccionamos y vamos a Panel de Control / Insertar / Hipervínculo
 
 
 
 
 
 
Se nos abrirá una nueva ventanita y veremos varios Tipos de Hipervínculos
elegimos y escribimos nuestra URL : o Ruta
En mi caso elegí Mi  E_Mail ...
 
 
 
 
 
 
Aceptamos y Listo ...
 
 
 
 
 
 
Así daremos por terminado el Tema de Tablas
 
 
 
Felicidades ... !
 
 
 
 
 
 
 
Suerte ... !
 
 
 

 

 

 

 

 

 

Diseño de Imágen

Tutorial: Oceánica de Carolina & Cameron Tag's
Tut ...

Realizado Por ... Nena

 

 

Volver