Entrar

[Solucionado]botones en tabla.

mauro · · Solicitar retirada
estaba haciendo la tabla y he puesto algunos botones

la tabla se comprone de la siguiente forma
filas 1
columnas 2

el problema es el siguiente...

en la colmna 1 tengo los botones, y en la columna dos la informacion que se presenta al apretar el boton

la cosa es que el grupo de botones siempre esta posicionado en cento de la columna (no de ancho sino de largo... en el anco esta justificado a la izquierda pero a lo largo esta centrado) el problema se presenta cuando la informacion es mas larga que el largo total de los botones.. eso proboca que la fila se alargue y por ende los botones no me quedan pegados al margen superior , quedan centrado y quedando diferente que las otras paginas..

se entiende mas o menos? es medio dificil de explicar..

capas con estas fotos los ayudo a entenderme

asi es como quiero que quede:
[contenido no disponible]

y asi es como se me presenta en esa seccion

[contenido no disponible]

espero me ayuden.
saludos!
JorGens · · Solicitar retirada
Saludos Mauro.

Si te he entendido bien, los botones los tienes en una celda de una tabla y cuando los textos de la derecha ocupan más que el alto de los botones, estos quedan con un hueco en blanco por encima y por debajo. Lo que tu quieres es que queden pegados arriba con el hueco solo abajo y a ser posible con el fondo negro para que no quede feo...

Lo mejor, como siempre, es que nos des la dirección de la web para poder ver la hoja de estilo y el código html. Si aún no la tienes en el servidor puedes pegar el código aquí, aunque te parezca demasiado largo el mensaje con todo ese código, será lo mejor.

En cualquier caso, es cuestión de eliminar, donde lo tengas definido, el centar verticalemente. Seguramente en la hoja de estilos tienes algo como TEXT-VALIGN:center.

Si no tienes hoja de estilo tienes que aprender a crearla, es casi imprescindible. Tienes información en el curso paso a paso y en la sección Estilos CSS de la web.

Así que, muestranos tus códigos html y seguirmos, oki?

Un saludo y ánimo!
hq · · Solicitar retirada
Otra posibilidad es que no tengas nada definido y salga así por defecto. en ese caso tendrías que hacer optar por una de las siguientes opciones:

1.- Poner en la hoja de estilos la opción para que la celda de la tabla se centre arriba (yo aún no lo he conseguido :( )
2.- Poner en la página, al definir la celda: valign="top", que al final es lo que me ha tocado hacer a mi por no preguntar :oops:
mauro · · Solicitar retirada
sisi obvio que usa oja de estilo... prove con el valing top que me dijistes y no cambio en nada

este es el html aver que podemos hacer

<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link href="estilo2.css" media="screen" rel="StyleSheet" type="text/css">
</head>

<body bgcolor="#FFFFFF">
<div align="center">
<table width="70%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
<div align="center">[contenido no disponible]</div>
</td>
</tr>
</table>
<table width="78%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="25%" height="425">
<dl>
<dt>[contenido no disponible]</dt>
<dt>[contenido no disponible]</dt>
<dt>[contenido no disponible]</dt>
<dt>[contenido no disponible]</dt>
<dt>[contenido no disponible]</dt>
<dt>[contenido no disponible]</dt>
<dt>[contenido no disponible]</dt>
</dl>
</td>
<td width="75%" height="425">
<div align="center">


Historia del Snowboarding</p>


La historia del Snowboarding fue desarrollada independientemente
por tres americanos: Tom Sims, Jake Burton Carpenter y Dimitrije Milovich.
Sims es reconocido por ser el creador de la primer tabla de snowboard
en 1963, cuando modificó un monopatín para poder deslizarse en la
nieve, una idea influida por su experiencia como surfista. Carpenter
diseño a finales de la década del sesenta un juguete para la nieve
llamado Snurfer, una tabla con un lazo conectado a su parte delantera,
luego teniendo en cuenta la tecnología utilizada por el esquí para
mejorar su producto y crear una tabla de snowboard. El Snowboard apelo
inicialmente a un pequeño grupo de surfeadores, skateboarders y entusiastas
de campo. Tres factores ayudaron a popularizar el deporte durante
la década de los 80. Primero, los materiales y la tecnología prestada
por la manufactura de esquíes facilitaron el deslizamiento en la nieve.El
segundo fue el resurgimiento del skate, que ayudó a popularizar el
snowboardingo como una alternativa de invierno. El tercer factor fue
la apertura de áreas de esquí a la historia del snowboarding. </p>


La evolucion en la historia del snowboarding En 1983 había menos
de un 10% de estas áreas que permitían practicar snowboarding, pero
hacia 1997 pocas de ellas lo tenían excluido. La primera competición
en la historia del Snowboarding fue un concurso pequeño realizado
en 1981, Leadville, Colorado. Al año siguiente se realizó la primera
Competencia Nacional de Snowboarding que se dio lugar en el Suicide
Six en Woodstock, Vermont. En 1985 se realizó el primer Campeonato
Mundial de Snowboarding en el Lago Tahoe, California. Actualmente
la FIS realiza anualmente un campeonato mundial, y la ISF organiza
eventos separados, también llamados campeonato mundial, cada dos años.
En 1986 los europeos comenzaron a organizar eventos regionales. La
International Snowboard Federation realiza su primer campeonato mundial
en 1993. Para las Olimpiadas de Invierno de 1998 en Nagano, Japón,
los europeos se llevaron a casa nueve de las doce medallas a ganar
</p>
</div>
</td>
</tr>
</table>
</div>


</p>


</p>
</body>
</html>
hq · · Solicitar retirada
Opción 1. En tu código, añades el valign="top" (en rojo):

<td width="25%" height="425" valign="top">
<dl>
<dt>[contenido no disponible]</dt>
<dt>[contenido no disponible]</dt>
<dt>[contenido no disponible]</dt>
<dt>[contenido no disponible]</dt>
<dt>[contenido no disponible]</dt>
<dt>[contenido no disponible]</dt>
<dt>[contenido no disponible]</dt>
</dl>
</td>


Opción 2. Si usas hojas de estilo, la celda, p.e.:

td.menu { width: 25% ; height: 425px ; vertical-align: top ; }

Y luego, en el html:

<td class="menu">
<dl>
<dt>[contenido no disponible]</dt>
<dt>[contenido no disponible]</dt>
<dt>[contenido no disponible]</dt>
<dt>[contenido no disponible]</dt>
<dt>[contenido no disponible]</dt>
<dt>[contenido no disponible]</dt>
<dt>[contenido no disponible]</dt>
</dl>
</td>

Y, si no me he equivocado, ya está!!!
mauro · · Solicitar retirada
que grosos!! funciono con el valign="top" es que lo habia ubicado mal..

muchsimas gracias muchachos!
JorGens · · Solicitar retirada
Que significa "grosos" Mauro? Aquí en España no se usa, ¿Qué es? Por curiosidad, así tu también nos enseñas algo, je je.
mauro · · Solicitar retirada
jaja es verdad yo estoy acostumbrado al vocablo argentino... groso vendria a ser como mounstro en el sentido de que saben lo que hacen

por ejemplo hay un chico andando en skate y hace un truco bueno, entonses aca se suele decir.. sos un groso, como se podria decis sos un moustruo o la tenes clara

entienden?

vendria a ser un sinonimo de grandesa.. algo asi jaja