Tema: de tablas a css
Ver Mensaje Individual
  #2 (permalink)  
Antiguo 28/07/2008, 13:55
Avatar de Raulmmmm
Raulmmmm
 
Fecha de Ingreso: marzo-2007
Ubicación: En otro lugar que tú
Mensajes: 1.549
Antigüedad: 17 años, 8 meses
Puntos: 36
Respuesta: de tablas a css
Yo creo que la mejor forma es usando listas:

CSS:
Código: 
#enlaces { list-style: none; margin: 0; padding: 0; }
#enlaces li { width: 20%; float: left;}
HTML:
Código HTML:
<ul id="enlaces">
	<li><a href="?controlador=portada&amp;accion=index">Portada</li>
	<li><a href="?controlador=noticias&amp;accion=index">Noticias</li>
	<li><a href="?controlador=recitales&amp;accion=index">Recitales</li>
	<li><a href="?controlador=discos&amp;accion=index">Dicografia</li>
	<li><a href="?controlador=mensajes&amp;accion=index">Mensajes</li>
</ul>
		
<ul id="enlaces">
	<li><a href="?controlador=biografia&amp;accion=index">Biografia</li>
	<li><a href="?controlador=reconocimientos&amp;accion=index">Reconocimientos</li>
	<li><a href="?controlador=link&amp;accion=index">Links</li>
	<li><a href="?controlador=libros&amp;accion=index">Libros/Dvd</li>
	<li><a href="?controlador=integrantes&amp;accion=index">Integrantes</li>
</ul>
		
<ul id="enlaces">
	<li><a href="?controlador=reportajes&amp;accion=index">Reportajes</li>
	<li><a href="?controlador=fotos&amp;accion=index">Fotos</li>
	<li><a href="?controlador=fotos&amp;accion=categorias">Alb&uacute;m fotos</li>
	<li><a href="?controlador=link&amp;accion=categorias">Categorias Links</li>
	<li><a href="?controlador=usuarios&amp;accion=index">Configuracion Usuarios</li>
</ul>
		
	<a href="?controlador=index&amp;accion=salir">salir</a>
Completo:
Código HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="es" lang="es">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Menú usando listas</title>
<link rel="shortcut icon" href="favicon.ico" />
<style type="text/css">
#enlaces { list-style: none; margin: 0; padding: 0; }
#enlaces li { width: 20%; float: left;}
</style>
</head>
<body>
<ul id="enlaces">
	<li><a href="?controlador=portada&amp;accion=index">Portada</li>
	<li><a href="?controlador=noticias&amp;accion=index">Noticias</li>
	<li><a href="?controlador=recitales&amp;accion=index">Recitales</li>
	<li><a href="?controlador=discos&amp;accion=index">Dicografia</li>
	<li><a href="?controlador=mensajes&amp;accion=index">Mensajes</li>
</ul>
		
<ul id="enlaces">
	<li><a href="?controlador=biografia&amp;accion=index">Biografia</li>
	<li><a href="?controlador=reconocimientos&amp;accion=index">Reconocimientos</li>
	<li><a href="?controlador=link&amp;accion=index">Links</li>
	<li><a href="?controlador=libros&amp;accion=index">Libros/Dvd</li>
	<li><a href="?controlador=integrantes&amp;accion=index">Integrantes</li>
</ul>
		
<ul id="enlaces">
	<li><a href="?controlador=reportajes&amp;accion=index">Reportajes</li>
	<li><a href="?controlador=fotos&amp;accion=index">Fotos</li>
	<li><a href="?controlador=fotos&amp;accion=categorias">Alb&uacute;m fotos</li>
	<li><a href="?controlador=link&amp;accion=categorias">Categorias Links</li>
	<li><a href="?controlador=usuarios&amp;accion=index">Configuracion Usuarios</li>
</ul>
		
	<a href="?controlador=index&amp;accion=salir">salir</a>


</body>
</html>