Hola Marc,
MGM> Por favor, háblame de la semántica del código, cualquier problema que MGM> se pueda resolver es bienvenido :) Copio el código de una de las paginas y te comento lo que yo haría, que por otro lado no tiene por que estar correcto, esto de la semántica es muy opinable :D Que los compañeros de la lista me corrijan si lo ven pertinente: MGM> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd";> Yo utilizaría XHTML no html 4.01, considero que si exprimes el jugo al 100% del css te sobra con XHTML. MGM> <html> MGM> <head> MGM> <title>Nòrdic Esport - nosaltres</title> En el title pondría nosaltres - Nòrdic Esport, por indexación en los buscadores. MGM> <link rel="stylesheet" href="css/nordic.css" type="text/css"> MGM> <link rel="shortcut icon" href="imagenes/fav.png" type="image/png" /> MGM> <script type="text/javascript" src="js/over-div.js"></script> MGM> </head> MGM> <body> MGM> <div id="sobrediv"></div> ¿un div vacio?, este tipo de cosas debería estar muy justificadas. y aquí creo que lo usas solo para poner un borde... MGM> MGM> <div align="center"> El align center sobra, desde el css lo puedes asignar en el body. Ya que lo usas para todos. (excepto en los que lo has reescrito) MGM> <div id="nav"> MGM> <a href="index.html" title="Nosaltres">inici</a> > productes MGM> </div> Sobre esto hay mucho de que discutir, yo opino que es una lista desordenada, pero en la lista se ha hablado mucho de esto. Te dejo un enlace: http://simplelogica.net/caoticoneutral/index.php?p=7 MGM> <div id="cabecera"> MGM> <form action="productes.php"> MGM> <input type="text" name="prod" value="buscar producte..." onfocus="this.value=''" onblur="this.value='buscar producte...'" /> MGM> </form> MGM> MGM> </div> Tienes una cabecera, pero en ningún sitio aparece un h1, algo como, sin embargo mediante css añades el logo de la página: que tal poner dentro del div cabecera un <h1>Nordic Sport</h1> y mediante css sustituir el texto por la imagen. Aquí te dejo unos cuantos métodos. http://www.mezzoblue.com/tests/revised-image-replacement/ MGM> <div id="menu"> MGM> <a href="index.html" onmouseover="mostrarDiv(event, 'nosaltres');" onmouseout="esconderDiv();">nosaltres</a> - <a href="contacte.html" onMouseOver="mostrarDiv(event, 'contacte');" onMouseOut="esconderDiv();">contacte</a> - <a href="productes.html" onMouseOver="mostrarDiv(event, 'productes');" onMouseOut="esconderDiv();">productes</a> - <a href="index.html" onMouseOver="mostrarDiv(event, 'serveis');" onMouseOut="esconderDiv();">serveis</a> - <a href="index.html" onMouseOver="mostrarDiv(event, 'consells');" onMouseOut="esconderDiv();">consells</a> MGM> MGM> </div> El menú no deja de ser una lista de enlaces, y si ponemos: <ul id="menu"> <li><a .... </a></li> <li>..... </ul> y desde css los colocas en línea ul{ margin:0; padding:0; list-style-type:none;} li{display:inline;} y desde aquí lo mismo que tenias, tal vez algún padding en el li. MGM> <div id="contenido"> MGM> A continuació hi ha les marques que podreu torbar a la nostra botiga, classificades en material dur i tèxtil.<br /><br /><br /> Aquí no hay ninguna marca de párrafo, <p> </p> y en lugar de tanto br, poner un margin=bottom a ese párrafo MGM> <div id="productos-izq"> MGM> <b>Material dur</b><br /><br /><br /> MGM> <img src="imagenes/marcas/swix.png" title="Logo de SWIX" /><p /> MGM> <img src="imagenes/marcas/exel.png" title="Logo d'Exel" /><p /> MGM> <img src="imagenes/marcas/fischer.png" title="Logo de Fischer" /><p /> MGM> MGM> <img src="imagenes/marcas/salomon.png" title="Logo de Salomon" /><p /> MGM> <img src="imagenes/marcas/atomic.png" title="Logo d'Atomic" /><p /> MGM> <img src="imagenes/marcas/briko.png" title="Logo de Briko" /><p /> MGM> <img src="imagenes/marcas/follys.png" title="Logo de Folly's" /><p /> MGM> <img src="imagenes/marcas/inook.png" title="Logo d'Inook" /><p /> MGM> <img src="imagenes/marcas/elpex.png" title="Logo d'Elpex" /><p /> MGM> <img src="imagenes/marcas/togo.png" title="Logo de Togo" /><p /> MGM> </div> MGM> <div id="productos-der"> MGM> MGM> <b>Material tèxtil</b><br /><br /><br /> MGM> </div> Aquí otra lista, y los <p /> son algo que me supera :? pon a los li de esta lista un margin-bottom o mejor cambia el line-height del ul MGM> <p style="clear: both; text-align: center; padding-top: 8px;"><a href="productes-exemple.html" title="Exemple de llista de productes">exemple</a><p /> MGM> </div> MGM> </div> MGM> <p /> MGM> <div align="center" id="pie"> MGM> © Nòrdic Esport S.L. - C/ Josep de Zulueta, 37 - La Seu d'Urgell (Lleida) - Tel: 937 35 37 54. MGM> </div> hay una etiqueta <address> para estas cosas. Y otra vez el align. MGM> MGM> </body> MGM> </html> Lo he puesto así de carrerilla, seguro que puedes poner algún h2 en el título de sección o algún otro detalle. Saludos. _________________________________ Todo lo que no aprendí, no se me ha olvidado. _________________________________ _______________________________________________ Lista de distribución Ovillo Para escribir a la lista, envia un correo a [email protected] Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo
