[Ovillo] Una página de menu --- cómo manejar una estructura no basada en tablas?

[Manuel Razzari]

Algo así, con un LI por cada item:

<ul>
  <li id="oyd">
  	<h2>Oportunidades de Negocios:</h2>
	<p>Conozca las Ofertas y Demandas con oportunidades
	de negocios para su empresa.</p>
  </li>
  <li id="euro">
	<h2>Eurocentro:</h2>
	<p>Espacio de promoción de oportunidades de negocio entre las
	PYMES de Guatemala, América Latina y Europa.</p>
  </li>
</ul>

Luego en los estilos:

h2 { margin: 0; font-weight: normal; color: #660000; }
p { margin: 0; }
li { background: url(botones/small/generico.jpg) no-repeat left center;
	list-style: none;
	padding-left: 100px; /* Este sería el ancho de tu primera columna */
	min-height: 59px; /* Usas min-height para asegurarte de que la imagen
no se corte*/
	}
* html li {min-height: auto; height: 59px; } /* Min-height para IE */

/* Para cada item le agregas un ID y le asignas la imagen */
#oyd { background-image: url(botones/small/oyd.jpg); }
#euro { background-image: url(botones/small/oyd.jpg); }

También podrías usar DD/DL/DT, pero creo que así está bien y será más sencillo..

Espero que sirva, avísame si no se entiende, saludos!


-- 
Manuel Razzari
YO   -> http://ultimorender.com.ar/funkascript
CVAM -> http://conVistaAlMar.com.ar