barras estadistica en tabla

Jayapata12 · #1 (**permalink**) 15/06/2004, 12:00

hola otra vez
nesecito una ayuda en el momento que estoy haciendo una barra estadistica en html pero cada tabla que pertenece a cada barra no estan aliniada desde abajo les envio el codigo de lo que estoy haciendo haber si pueden darme una ayudita lo que quiero que las barras salgan aliniado desde abajo no de arriba

urgente
garcias .....

<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>

<body>

<table width="30%" height="58%" align="center" background="gra/Examples/tiger_bkg.jpg">

<tr>

<td height=58%>
<table height=78% border=0 align=center bgcolor=#0000FF>
<tr>
<td><font color=#FFFFFF>78%</font></td>
</tr>
</table>
</td>

<td height=58%>
<table height=45% border=0 align=center bgcolor=#0000FF>
<tr>
<td><font color=#FFFFFF>45%</font></td>
</tr>
</table>
</td>

<td height=58%>
<table height=70% border=0 align=center bgcolor=#0000FF>
<tr>
<td><font color=#FFFFFF>70%</font></td>
</tr>
</table>
</td>

</tr>
</table>

</body>
</html>

xcorpion · #2 (**permalink**) 15/06/2004, 12:17

puedes usar el atributo valign con el valor bottom en cada una de las etiquetas <td> que contengan una tabla, asi:
<td valign="bottom">

Jayapata12 · #3 (**permalink**) 15/06/2004, 13:23

hola pero no funciona sigue apareciendo asi mismo

gracias.....

xcorpion · #4 (**permalink**) 15/06/2004, 13:35

ya veo, funciona con texto e imagenes pero no con tablas, a mi tambien me gustaria seber como hacerlo, si alguien sabe que nos diga porfavor. un saludo

Cluster · #5 (**permalink**) 16/06/2004, 06:45

En el foro de HTML seguro que saben algo del tema o es mas probable que lo sepan ..No sé por qué se hizo la pregunta en el foro de PHP?

Un saludo,

PatomaS · #6 (**permalink**) 16/06/2004, 08:05

Hola

Aquí te dejo una página xhtml 1.1 válida como ejemplo. La verdad es que solo modifiqué algunas cosas de tu código y agregué otras poquitas.

Código:

<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="es">
<head>
<style type="text/css">
table {
	border: 0px;
	text-align: center;
}
td {
	color: #ffffff;
}
.mitabla {
	background-color: #0000FF;
}
</style>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<script type="text/javascript">
<!--
	function redimensionar() {
		if (navigator.appName != "Microsoft Internet Explorer") {
			var altura = (window.innerHeight - 18);
			document.getElementById('capita').style.height = altura+'px';
		} else {
			document.getElementById('capita').style.height = "100%";
		}
	}
//-->
</script>
</head>
<body onload="javascript:redimensionar()">
<div style="width: 30%; height: 58%; border: 0px;" id="capita">
	<table style="width: 100%; height: 100%; text-align: center; background-image: url('gra/Examples/tiger_bkg.jpg');">
		<tr>
			<td style="vertical-align: bottom; height: 58%">
				<table style="height: 78%">
					<tr>
						<td class="mitabla">78%</td>
					</tr>
				</table>
			</td>
			<td style="vertical-align: bottom; height: 58%">
				<table style="height: 45%">
					<tr>
						<td class="mitabla">45%</td>
					</tr>
				</table>
			</td>
			<td style="vertical-align: bottom; height: 58%">
				<table style="height: 70%">
					<tr>
						<td class="mitabla">70%</td>
					</tr>
				</table>
			</td>
		</tr>
	</table>
</div>
</body>
</html>

Aunque acabo de ver un pequeño detalle miren la página en explorer y en cualquier otro navegador

X-)))

Supongo que habrá que depurar algo más este código...

Suerte

Felicidad