quiero poner esto arriba de una imagen

hola quiero poner las palabras que estan abajo de la tabla esten encima de ella ¿como le hago?
cod. html:

<html>
<head>
<title>Dungeons & Dragons</title>
<link rel="stylesheet" href="calabozos.css" type="text/css" media="all">
</head>
<body>
<div id="global">
<h1>Dungeons & Dragons</h1>
<h2>La puerta a un nuevo mundo se abre</h2>
<p class="centrado">[contenido no disponible]</p>
<ul>

  • [contenido no disponible]
    <tr>
    <td bgcolor="#FF0000" id="menu">Menu</td>
    </tr>
    <tr>
    <td>
  • Tu personaje</td>
    </tr>
    <tr>
    <td>
  • Grupos</td>
    </tr>
    <tr>
    <td>
  • Historias
    </tr>
    <tr>
    <td>
  • Manual
    </tr>
    <tr>
    <td>
  • Tu cuenta</td>
    </tr>
    </table>





    </div>

    <html>
    y el estilo .css:

    body {background-color: #FFD700 ; background-image: url(objetos/dibujos_dragones3.jpg) ; background-repeat: no-repeat ; background-position: center bottom ; height:100% }
    p {text-align:center}
    .centrado {text-align:center ; float:up }
    #cabecera {background-color: gold }
    #global {width:800px ; margin: 4px auto }
    body {text-aling: center}
    #menu {background-color: gold; width: 150px ; float:left }
    #contenido {background-color: gold ; width: 800px ; float:left}
    #menu li {list-style:none ; margin: px 800px 0px 0px}
    #menu {background-color: red ; width: 150px ; float:left ; text-align:left }
    h1 {font-size: 2.0em; color: gold ; font-weight: bold ; text-decoration: none ; text-align: center}
    h2 {font.size: 1.1em; color: red ; font-weight: bold ; text-decoration: none ; text-align: center}
    .redcolor {color: red}
    a {color: brow ; text-decoration: none}
    a:link {}
    a:visited {}
    a:hover {color: red ; text-decoration: underline}
    a {color: blue; font-size:1.0em ; text-decoration: none}
    #menu {................... margin:3px 10px 3px 3px}
  • <html>
    <head>
    <title>Dungeons & Dragons</title>
    <link rel="stylesheet" href="calabozos.css" type="text/css" media="all">
    </head>
    <body>
    <div id="global">

    <h1>Dungeons & Dragons</h1>
    <h2>La puerta a un nuevo mundo se abre</h2>
    <tr>
    <td bgcolor="#FF0000" id="menu">Menu</td>
    </tr>
    <tr>
    <td>
  • Tu personaje</td>
    </tr>
    <tr>
    <td>
  • Grupos</td>
    </tr>
    <tr>
    <td>
  • Historias
    </tr>
    <tr>
    <td>
  • Manual
    </tr>
    <tr>
    <td>
  • Tu cuenta</td>
    </tr>
    </table>



    </div>

    <p class="centrado">[contenido no disponible]</p>
    <ul>

  • [contenido no disponible]


    Asi...

    Te explico si kieres colocar algo arriba de otra cosa, solo colocarlo encima ya que la web lo leera asi como lo pogas
    ej:

    si tienes
    <a>chao</a>
    <a>Hola</a>
    y kieres colocarlo que hola se vea primero q chao lo colocas asi.

    <a>Hola</a>
    <a>chao</a>

    Suerte. :wink:
  • no, no me entiendes quiero que las palabras esten encima del dibujo del cuadro ese
    Te corrijo varias cosas, y cuando lo tengas bien entonces pasamos a ordenarlo como tú quieres:
    :arrow: El <html> último sería </html>, y además no cierras el body
    :arrow: Si te fijas empiezas a abrir los <tr> sin abrir ninguna tabla con la etiqueta <table>, y además lo haces dentro de una lista haciendo una mezcla muy rara, o usas los tr y td de una tabla, o usas una lista, pero no mezcles las dos cosas de esa forma :wink:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

    <html>
    <head>
    <title>Dungeons & Dragons</title>
    <link rel="stylesheet" href="calabozos.css" type="text/css" media="all">
    </head>
    <body>
    <div id="global">
    <h1>Dungeons & Dragons</h1>
    <h2>La puerta a un nuevo mundo se abre</h2>
    <p class="centrado">[contenido no disponible]</p>
    <ul>
    [contenido no disponible]
    <table>
    <tr>
    <td bgcolor="#FF0000" id="menu">Menu</td>
    </tr>
    <tr>
    <td>
  • Tu personaje</td>
    </tr>
    <tr>
    <td>
  • Grupos</td>
    </tr>
    <tr>
    <td>
  • Historias
    </tr>
    <tr>
    <td>
  • Manual
    </tr>
    <tr>
    <td>
  • Tu cuenta</td>
    </tr>
    </table>




    </div>
    </body>
    </html>

    ¿mejor?
  • Pues fíjate que tienes el código de la imagen, y luego la tabla con las palabras.
    Sólo tienes que cambiar el orden, primero la tabla y luego la imagen :wink:
    Entonces debes colocar la imagen como imagen de fondo.
    Donde pones lo de table ponlo así:
    <table background="Objetos/tabla_dragon.jpg">

    Saludos :wink:
    bueno quedo asi

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

    <html>
    <head>
    <title>Dungeons & Dragons</title>
    <link rel="stylesheet" href="calabozos.css" type="text/css" media="all">
    </head>
    <body>
    <div id="global">
    <h1>Dungeons & Dragons</h1>
    <h2>La puerta a un nuevo mundo se abre</h2>
    <p class="centrado">[contenido no disponible]</p>
    <ul>
    <table background="Objetos/tabla_dragon.jpg">
    <tr>
    <td bgcolor="#FF0000" id="menu">Menu</td>
    </tr>
    <tr>
    <td>
  • Tu personaje</td>
    </tr>
    <tr>
    <td>
  • Grupos</td>
    </tr>
    <tr>
    <td>
  • Historias
    </tr>
    <tr>
    <td>
  • Manual
    </tr>
    <tr>
    <td>
  • Tu cuenta</td>
    </tr>
    </table>




    </div>
    </body>
    </html>

    y me gustaria ke las palabras esten dentro del cuadro
  • Sería así (si no me confundo de imagen):

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

    <html>
    <head>
    <title>Dungeons & Dragons</title>
    <link rel="stylesheet" href="calabozos.css" type="text/css" media="all">
    </head>
    <body>
    <div id="global">
    <h1>Dungeons & Dragons</h1>
    <h2>La puerta a un nuevo mundo se abre</h2>
    <ul>
    <table background="Objetos/TgC_medieval_87.gif">
    <tr>
    <td bgcolor="#FF0000" id="menu">Menu</td>
    </tr>
    <tr>
    <td>
  • Tu personaje</td>
    </tr>
    <tr>
    <td>
  • Grupos</td>
    </tr>
    <tr>
    <td>
  • Historias
    </tr>
    <tr>
    <td>
  • Manual
    </tr>
    <tr>
    <td>
  • Tu cuenta</td>
    </tr>
    </table>




    </div>
    </body>
    </html>
  • no ahi queda con las espadas de fondo yo kiero ke el recuadro que tiene el dragon ahi adentro esten las palabras
    No sé a qué te refieres con las espadas, ten en cuenta que no puedo ir viendo el resltado porque no tengo la imagen. Puedes ponernos la url de la página para ver cómo va quedando?
    es ke no la puedo subir me cobran y no se como hacer para subirla gratis
    Pues el host de mi firma de permite crear una cuenta gratis para subir tu web. En el link de mi firma lo tengo explicado :wink:
    Pues ahí lo tengo todo explicado, debajo de la imagen dice como registrarte, y luego más abajo hay un apartedo donde explica como subir tu web :wink:
    Pues el primero sería el caso para el que hubieras comprado un dominio en una página aparte, por lo que en ese no pones nada.
    El segundo es para el caso de querer crear uno gratuito, y lo que escribes es la url de la que será tu web, de forma que tu web acabará siendo nombrequepongas.890m.com
    Saludos :wink:
    Por cierto, cómo estabas instalando el foro si decías que no tenías servidor porque creías que tenías que pagar? :?
    Pues entras a tu cuenta (en la página de 000webhost abajo te viene lo de client login)
    Una vez dentro de vas a "Manage my accounts", te fijas en el nombre de usuario de la web, y le das a "Access cPanel", entrando con ese nombre de usuario y tu contraseña :wink:
    Has entrado ya el "Administrador de Archivos"?
    Ahí debes subir los archivos con el botón cargar, como explico en la página que te di :wink: