¡HOla a todos!

Tengo un foro aquí en miarroba y estaba interesada en poner una tabla de esas donde tenga incluido:

- Libro de visitas

- Web

-Votanos

He estado buscando cantidad de post sobre este tema y a lo único que he podido llegar es a construir este código que ni si quiera se si está bien.

<table border="3" bordercolor="#98AF00" id=AutoNumber1" width="900" height="40">
<td>"prueba"</td>
<td>Celda 2</td>
<td>Celda 3</td>
</tr>

El problema es que se me ve luego demasiado ancho el foro y no se como modificarlo ni nada...

Me gustaria conseguir lo siguiente:

- Que estuviera en encabezamiento, debajo del foro

- Que no estuviera unido ni al banner ni al foro en cuestión

- Y logicamente que al pinchar les lleve a la págian indicada.

Algún ejemplo así:

Si alguien es tan amable de ayudarme se lo agradecería tanto....

Eso puedes hacerlo con inputs mejor:

<input type="button" class="tabla_boton" value="Libro de visitas" onClick="window.location.href='direccion_libro';" />

De esta forma creas un botón que al pulsarlo te mande a la págian del libro de visitas. En el ejemplo le he asignado un class="tabla_boton", que es la clase que le asigna miarroba a los botones de los foros (de esa forma serán del mismo estilo, si los quieres distintos cambiales la clase).

Entonces, si quieres poner varios botones:

<input type="button" class="tabla_boton" value="Libro de visitas" onClick="window.location.href='direccion_libro';" /> <input type="button" class="tabla_boton" value="Web" onClick="window.location.href='direccion_web';" /> <input type="button" class="tabla_boton" value="Vótanos" onClick="window.location.href='direccion_votar';" />

Y si quieres meter los botones en una tabla:

<table><tr><td><!--Código anterior--></td></tr></table>

Busca por Google algún manual básico de HTML, y si no entiendes algo pregunta.

Gracias, ya lo he medio puesto en mi foro... pero esto que me citas no se donde tengo que meterlo, para que se me quede debajo del banner y no quede tan pegado.

Y si quieres meter los botones en una tabla:

<table><tr><td><!--Código anterior--></td></tr></table>

( Es la primera vez que hago esto con html  siento si soy un poco torpe).

Se me olvidaba decir que encontré éste manual:

http://www.htmlquick.com/es/reference/tags.html

Pero cuando lo miro no se en que orden se ha de poner las cosas.

¿Cómo has puesto el banner, con código HTML o desde el apartado Aspecto - Imágenes? Si quieres que haya más separacion añade al table:

<table style="margin:5px;"><tr><td><!--Código anterior--></td></tr></table>

El orden para poner las cosas (en una tabla) es el siguiente:

<table> (Se crea la tabla)
<tbody> (Opcional, es por si quieres que tenga varios cuerpos la tabla, si solo será uno no necesitas definirlo)
<tr> (Cada tr es una nueva fila)
<td> (Cada td es una nueva columna)

Después se pone todo el contenido que quieras (que pueden ser texto, imágenes y otras etiquetas como divs, inputs, etc) y se cierran las etiquetas:

</td>
</tr>
</tbody> (Si lo has usado antes)
</table>

Entonces, puedes hacer tablas con las filas y celdas que quieras:

<table>
    <tr>
        <td>Fila 1, Columna 1</td>
        <td>Fila 1, Columna 2</td>
    </tr>
    <tr>
        <td>Fila 2, Columna 1</td>
        <td>Fila 2, Columna 2</td>
    </tr>
</table>

Si no ves que expliquen esto en ese manual, busca otro.

ésto es lo que he conseguido hasta ahora:

<table><tr><td><input type="button" class="referencias" value="Libro de visitas" onClick="window.location.href=\'http://libros.miarroba.es/firmar.php?id=263 498\';" /> <input type="button" class="referencias" value="Visita Nuestra Web" onClick="window.location.href='http://www.conejolandiah.tk';" /> <input type="button" class="referencias" value="Vótanos" onClick="window.location.href=\'http://hispatop.com/ocio/mascotas/in.php?id =Rabbits\';" /></td></tr></table>

 lo de la tabla no lo entiendo.

¿Cómo deberías de ponerlo entonces para que me salga debajo del banner sin estar pegado al banner y tampoco al foro?

Si has puesto la imagen de cabecera desde el apartado Aspecto - Imágenes, quítala y ponla en la cabecera HTML (Aspecto - HTML) con este código:

<div align="center"><img src="url_imagen" border="0" /></div>

Y a continuación de ese código pones este:

<div align="center"><table style="margin:5px;"><tr><td><input type="button" class="referencias" value="Libro de visitas" onClick="window.location.href='http://libros.miarroba.es/firmar.php?id=263498';" /> <input type="button" class="referencias" value="Visita Nuestra Web" onClick="window.location.href='http://www.conejolandiah.tk';" /> <input type="button" class="referencias" value="Vótanos" onClick="window.location.href='http://hispatop.com/ocio/mascotas/in.php?id=Rabbits';" /></td></tr></table></div>

      ¡¡oleeeee oleeee y oleeeeeeeeeeeeeeeee

¡¡Muchiisiiisiiisiimaaaasss gracias de verdad por tu ayudaaaaaaa me estba volviendo locaaaaaa jajajajaj!!

  Si no es mucho molestar me gustaría preguntarte una cosita mas que he leido por ahí.

Cuando me has puesto:

<input type="button" class="tabla_boton" value="Libro de visitas" onClick="window.location.href='direccion_libro';" />

He leido que donde pone TYPE SE puede poner type="image" para que en vez de que te salga el típico botón pongas tú el recuadro que quieras.

¿Sería posible yo ponerlo con lo que tengo ahora montado?

<div align="center"><table style="margin:5px;"><tr><td><input type="button" class="referencias" value="Libro de visitas" onClick="window.location.href=\'http://libros.miarroba.es/firmar.php?id=263 498\';" /> <input type="button" class="referencias" value="Visita Nuestra Web" onClick="window.location.href='http://www.conejolandiah.tk';" /> <input type="button" class="referencias" value="Vótanos" onClick="window.location.href=\'http://hispatop.com/ocio/mascotas/in.php?id =Rabbits\';" /></td></tr></table></div>

Sí, cambia el type="button" por el type="image", agregale un src="direccion_imagen", y quitale el value="nombre".

Si que me sale pero el problema es que no me aparecen las letras.

"Ejm" Libro de visitas.

Creía que ya pondrías las letras con la imagen. Pero si no lo haces, deberías dejar los botones como antes, y modificar el aspecto con CSS (para eso le has puesto un class="referencias").

Pon en la cabecera HTML este código:

<style type="text/css">
 .referencias{
 background-image:url('direccion_imagen');
 background-repeat:repeat-x;
 border: 1px solid #000000;
 min-width:100px;
 height:25px;
 }
 </style>

Ya es cuestión de leerse un manual sobre CSS para conocer todas las propiedades y posibles valores, para que puedas ponerlo a tu gusto; por ejemplo este:

http://www.w3schools.com/css/

No entiendo que voy a conseguir con la última html que me has dado.

Ese último código definirá el estilo de los elementos a los que le asignes la clase "referencias". Retrocediendo a esto:

<input type="button" class="referencias" value="Libro de visitas" onClick="window.location.href=\'http://libros.miarroba.es/firmar.php?id=263 498\';" />

Ves que le has asignado esa clase, pues con CSS podemos modificar su estilo. También se le podría agregar un style="propiedades CSS;" a cada botón, pero dado que tendrán el mismo estilo todos los botones es mejor darles a todos la clase "referencias" y definirla en la etiqueta style (con el código anterior).

Para que te hagas una idea, el HTML es la estructura y el CSS (hojas de estilo en cascada) es la presentación/estilo.

<input type="button" class="tabla_boton" value="Libro de visitas" onClick="window.location.href='direccion_libro';" /> <input type="button" class="tabla_boton" value="Web" onClick="window.location.href='direccion_web';" /> <input type="button" class="tabla_boton" value="Vótanos" onClick="window.location.href='direccion_votar';" />

Pruebalo

<input type='button' value='Ir a mi foro' onClick="window.location.href='http://dantai.mforos.com';">

lo guardas como html y lo ejecutas

  Muchísimas gracias por este grandioso día que me has dado.. he aprendido muchísimo...

Perdona si he sido muy pesada y te he molestado tanto.

Gracias.

Ya se poner todo lo que me has mostrado.

Funcionó muy bien, tenía uno que saqué de la web, pero sólo funcionaba para chrome y firefox, pero para el explorer no.

Es muy útil este código, te ahorra tener que estar haciendo imágenes para un simple link.

En IE (que solo lo uso para pruebas) aparece una barra con la leyenda "Para ayudar a proteger su seguridad, IE impidió que esta página web ejecutar scripts ..... Haga click aqui para ver opciones..."

Al hacer click, aparecen 3 opciones, en la 1ra (permitir contenido bloqueado) se puede ejecutar.