home Foro de soporte Servicio Foros Comunidades de foros
 
Código HTML con TBody
#1 ·

¡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....


Usuario habitual
Usuario habitual
Haz clic para ver el perfil del usuario
Mensajes: 37
Desde: 16/Mar/2010
· ·
#2 · ·

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:

Código:
<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.



Moderador del foro
Moderador del foro
Haz clic para ver el perfil del usuario
Mensajes: 2.734
Desde: 10/Ene/2009
· ·
#3 ·

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).


Usuario habitual
Usuario habitual
Haz clic para ver el perfil del usuario
Mensajes: 37
Desde: 16/Mar/2010
· ·
#4 ·

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.


Usuario habitual
Usuario habitual
Haz clic para ver el perfil del usuario
Mensajes: 37
Desde: 16/Mar/2010
· ·
#5 ·

¿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.



Moderador del foro
Moderador del foro
Haz clic para ver el perfil del usuario
Mensajes: 2.734
Desde: 10/Ene/2009
· ·
#6 ·

é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?


Usuario habitual
Usuario habitual
Haz clic para ver el perfil del usuario
Mensajes: 37
Desde: 16/Mar/2010
· ·
#7 · ·

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:

Código:
<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>


Moderador del foro
Moderador del foro
Haz clic para ver el perfil del usuario
Mensajes: 2.734
Desde: 10/Ene/2009
· ·
#8 ·

:-/ :-/:-/     :-/ ¡¡oleeeee oleeee y oleeeeeeeeeeeeeeeee:-/:-/:-/:-/

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

:7) :7) 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>


Usuario habitual
Usuario habitual
Haz clic para ver el perfil del usuario
Mensajes: 37
Desde: 16/Mar/2010
· ·
#9 ·

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



Moderador del foro
Moderador del foro
Haz clic para ver el perfil del usuario
Mensajes: 2.734
Desde: 10/Ene/2009
· ·
#10 ·

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

"Ejm" Libro de visitas.


Usuario habitual
Usuario habitual
Haz clic para ver el perfil del usuario
Mensajes: 37
Desde: 16/Mar/2010
· ·
#11 ·

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:

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/



Moderador del foro
Moderador del foro
Haz clic para ver el perfil del usuario
Mensajes: 2.734
Desde: 10/Ene/2009
· ·
#12 ·

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


Usuario habitual
Usuario habitual
Haz clic para ver el perfil del usuario
Mensajes: 37
Desde: 16/Mar/2010
· ·
#13 ·

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.



Moderador del foro
Moderador del foro
Haz clic para ver el perfil del usuario
Mensajes: 2.734
Desde: 10/Ene/2009
· ·
#14 ·
Escrito originalmente por Josepepe033
Código:
<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';" />

Con este código puedo asignarle hipervinculo a un botón?

y funciona en todos los navegadores?

Gracias!


Machacateclados
Machacateclados
Haz clic para ver el perfil del usuario
Mensajes: 167
Desde: 26/May/2011
· ·
#15 ·

Pruebalo

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

lo guardas como html y lo ejecutas


@man / @woman
@man / @woman
Haz clic para ver el perfil del usuario
Mensajes: 4.001
Desde: 02/Ago/2008
· ·
#16 ·

:8)  :8) 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.:8)


Usuario habitual
Usuario habitual
Haz clic para ver el perfil del usuario
Mensajes: 37
Desde: 16/Mar/2010
· ·
#17 ·
Escrito originalmente por GestionXls

Pruebalo

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

lo guardas como html y lo ejecutas

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.


Machacateclados
Machacateclados
Haz clic para ver el perfil del usuario
Mensajes: 167
Desde: 26/May/2011
· ·
#18 ·
Escrito originalmente por DANTAI

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.


@man / @woman
@man / @woman
Haz clic para ver el perfil del usuario
Mensajes: 4.001
Desde: 02/Ago/2008
· ·
ATENCIÓN: Este tema no tiene actividad desde hace más de 6 MESES,
te recomendamos abrir un nuevo tema en lugar de responder al actual
Foro de soporte · Servicio Foros · Comunidades de foros
Opciones:
Subscríbete a este tema
Date de baja de este tema
Ir al subforo:  
TU NO PUEDES Escribir nuevos temas en este foro
TU NO PUEDES Responder a los temas en este foro
TU NO PUEDES Editar tus propios mensajes en este foro
TU NO PUEDES Borrar tus propios mensajes en este foro
Ahora son las 09:56 UTC+01:00
Temas similares
 I FotoTemaMensajesVisitasÚltima respuesta
No Hay mensajes nuevosHaz clic para ver el perfil del usuario
Código html
Por: · 06/May/2016, 18:18
342510/May/2016, 16:02
 Ir al último mensaje del tema
No Hay mensajes nuevosHaz clic para ver el perfil del usuario129209/Sep/2013, 23:14
 Ir al último mensaje del tema
No Hay mensajes nuevosHaz clic para ver el perfil del usuario180326/Sep/2010, 12:32
 Ir al último mensaje del tema
No Hay mensajes nuevosHaz clic para ver el perfil del usuario148712/Jun/2010, 02:40
 Ir al último mensaje del tema
No Hay mensajes nuevosHaz clic para ver el perfil del usuario272620/Dic/2009, 18:12
 Ir al último mensaje del tema