Empecemos por esto:
<div class="barsup">
<p><a href="./quienes.shtml">Quiénes somos</a></p>
<p><a href="./servicios.shtml">Servicios</a></p>
<p><a href="./tecnologia.shtml">Tecnología</a></p>
<p><a href="./experiencia.shtml">Experiencia</a></p>
<p><a href="./colabora.shtml">Colaboradores</a></p>
<p><a href="./clientes.shtml">Clientes</a></p>
</div>
¿Porqué usas <p>? ¿No es mejor para estos casos definir una lista en
vez de un párrafo sobre otro párrafo?
Siguiente:
.logo {
position: relative;
....
¿Porqué utilizas relative? Si es una caja en bloque, no hace falta.
Lo mismo a barsup.
El modelo de caja no es ilógico, es ilógico el HTML y la forma en
que, con CSS argumentas la posición de los elementos. Si vienen tan
natural que casi no hay que tocarles.
El código de tu página de inicio lo dejaría así:
<body>
<div id="frame">
<h1><a href="./index.shtml">Mi logo</a></h1>
<ul id="nav">
<li><a href="./quienes.shtml">Quiénes somos</a></li>
<li><a href="./servicios.shtml">Servicios</a></li>
<li><a href="./tecnologia.shtml">Tecnología</a></li>
<li><a href="./experiencia.shtml">Experiencia</a></li>
<li><a href="./colabora.shtml">Colaboradores</a></li>
<li><a href="./clientes.shtml">Clientes</a></li>
</ul>
<div id="footer">
<p>Gamco SL · C/ Alcalá 20, 28014 Madrid · Tlf. 915 591 032 ·
Fax
911 852 133 · <a href="./contacto.shtml">Correo electrónico</a></p>
</div>
</div>
</body>
Mejor que eso no tendrás. Ahora cuéntame, cómo usarías CSS con esa
estructura.
Luego, una página interna, lo mismo:
<body>
<div id="frame">
<h1><a href="./index.shtml">Mi logo</a></h1>
<ul id="nav">
<li><a href="./quienes.shtml">Quiénes somos</a></li>
<li><a href="./servicios.shtml">Servicios</a></li>
<li><a href="./tecnologia.shtml">Tecnología</a></li>
<li><a href="./experiencia.shtml">Experiencia</a></li>
<li><a href="./colabora.shtml">Colaboradores</a></li>
<li><a href="./clientes.shtml">Clientes</a></li>
</ul>
<div id="content">
<div id="menu">
<ul>
<li>…</li>
</ul>
</div>
<div id="text">
<h2>…</h2>
<p>…</p>
</div>
<div class="clear"></div>
</div>
<div id="footer">
<p>Gamco SL · C/ Alcalá 20, 28014 Madrid · Tlf. 915 591 032 ·
Fax
911 852 133 · <a href="./contacto.shtml">Correo electrónico</a></p>
</div>
</div>
</body>
Te recomiendo que vuelvas a leer el modelo de caja, sobre todo, la
parte de los márgenes colapsables y nunca viene mal también leerse el
Spec de HTML o XHTML para entender el uso de los elementos, dado que
utilizas elementos que no tocan en muchas zonas.
Saludos,
Diego Martín Lafuente
[EMAIL PROTECTED]
http://www.minid.net
––––––––––––––––––––––––––
Chief Creative Officer, Tractis S.L.
http://www.tractis.com
_______________________________________________
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
