fieldset

amerkmif · #1 (**permalink**) 15/09/2010, 19:06

hola a todos:

es que tengo una duda respecto a html pues necesito que unas tablas me queden alineadas horizontalmente en la parte superior pero no me quedan lo h estado intentando y no me sale

lo que necesito es que el los portales y las estaciones queden alineados

si me pueden ayudar se los agradeceria

Código HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">


 <style type="text/css">
#Avenida principal {
	margin: auto;
	width: 900px;
	height: 200px;
	background:  url(menu.JPG) no-repeat;
	border: 1px solid #444;
	text-align: center
}



ul {
	padding: 50px;
}
li {
	list-style: none;
	display: inline; 
	margin: 0 40px 0 40px;
}
</style>

<html>
<head>
  <meta http-equiv="content-type"
 content="text/html; charset=ISO-8859-1">
  <title>view</title>
  <link type="text/css" href="../themes/skin.css" rel="stylesheet">
</head>
<body>
	<form method="post" action="../Controls/controlView.php" name="viewForm">
<div id="Avenida principal">
	<ul>
		

		
<li>
		<DIV ALIGN=center>
  <fieldset><legend>Avenida principal</legend>  
&nbsp; &nbsp; &nbsp; Portal salida  
  <table style="text-align: left; width: 146px; height: 212px;"
 border="1" cellpadding="2" cellspacing="2">
    <tbody>
      <tr>
        <td></td>
      </tr>
    
  </table>
  <center>
	  </li>
<li>
Estacion 1
  <table style="text-align: left; width: 146px; height: 212px;" border="1" cellpadding="2" cellspacing="2">
  </table>
  </center>  
  </li>
Estacion 2  
<table style="text-align: left; width: 146px; height: 212px;"	  border="1" cellpadding="2" cellspacing="2">
	 </table>
         </center>
	Estacion 3
  <table style="text-align: left; width: 146px; height: 212px;" border="1" cellpadding="2" cellspacing="2">
  </table>
  </center> 
  Portal destino
  <table style="text-align: left; width: 146px; height: 212px;" border="1" cellpadding="2" cellspacing="2">
  </table>
  </center>  
  </tbody>
  </table>  
  </ul>
  </div>
	  <DIV ALIGN=left>
   <fieldset>

	  <legend>buses</legend>
  </fieldset>

  </fieldset>
  </DIV>
  </DIV> 
</form>
</body>
</html>

zerokilled · #2 (**permalink**) 15/09/2010, 19:32

opino que si muestras una imagen de lo que intentas realizar, de seguro se te entiende mejor. al menos yo no soy capaz de comprender tu explicacion.

carlos_belisario · #3 (**permalink**) 15/09/2010, 19:37

creo que si las metes en un div a cada una y al primero de estos le das la propiedad float:left te puede servir

emprear · #4 (**permalink**) 15/09/2010, 22:34

amerkmif:
Me encuentro a mitad de camino entre ZeroKilled y Carlos_belisario.
si tu planteo es como alinear dos tablas horizontalmente, a que se debe el título "fieldset" de tu post.
Lo que te ha dicho carlos_belisario es correcto, incluso, te comento que podrías omitir los divs y aplicar el float directamente a las tablas.

Independientemente de lo anterior, no garantizo que ninguna posible solución que te propongan funcione, dado que el código que presentas contiene demasiados errores estructurales.

Sería bueno que lo revises primero y vuelvas a presentar el caso.

saludos

xArchangellx · #5 (**permalink**) 16/09/2010, 11:29

no utilices el elemento <FIELDSET>, mejor trabaja con <DIV>, te dejo estos ejemplos:
<FIELDSET>
Esto es una prueba de enmarcado
</FIELDSET>

<FIELDSET>
<LEGEND>Esto es una etiqueta</LEGEND>
Esto es una prueba de enmarcado
</FIELDSET>

<FIELDSET>
<LEGEND ALIGN=CENTER> Esto es una etiqueta </LEGEND>
Esto es una prueba de enmarcado
</FIELDSET>

-----------
Ahora con <DIV>
te envio esta pagina

http://css.hazunaweb.com/210.php

Suerte

jomaruro · #6 (**permalink**) 18/09/2010, 04:03

Hola:

Código HTML:

Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.orgTR/html4/strict.dtd">
 
 <style type="text/css">
#Avenida principal {
    margin: auto;
    width: 900px;
    height: 200px;
    background:  url(menu.JPG) no-repeat;
    border: 1px solid #444;
        text-align: center
}
 
 
ul {
    padding: 50px;
}
 
li {
    list-style: none;
    display: inline; 
    margin: 0 40px 0 40px;
}
</style>
 
<html>
<head>
  <meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
  <title>view</title> 
  <link type="text/css" href="../themes/skin.css" rel="stylesheet">
</head>
<body>

¿Tu crees que la estructura de tu página es correcta?

Empieza por aquí: www.librosweb.es

Saludos.