Fuentes

[Artepop]

Hola, estoy utilizando para esta web: www.navegandaluz.com el uso de capas para mostrar unos menus en la parte superior, en windows con IE, Netscape, Opera, K-Meleon se muestra bien, pero en otro sistema como Linux con Konqueror y Galeon se muestra lon menus movidos. Creo que es por las fuentes que al ser diferentes las capas aparecen donde tienen que aparecer pero al ser diferentes fuentes cambia el tamaño y ya no coincide.

Uso como predeterminada Verdana, entonces la cuestión es ¿qué tipo de fuente puedo usar que todos los sistemas traigan y se muestre la web correctamente?

Gracias, un saludo....

Agradeceria si alguien utiliza otros sistemas y navegadores me dijeran si se ve bien......

[Cain]

Arial.

[GG]

Dos consejos:

1. Usa familia de letras de modo que tengas las alternativas predeterminadas. font-familiy: Verdana, Arial, sans-serif. Esto le dirá al navegador que si no tiene Verdana, use arial y sino cualquiera que sea sans-serif.

2. Usa hojas de estilo.
Ahí incluso puedes importar la mismísima fuente con la que estás trabajando. y el tamaño exacto de las mismas.

[Artepop]

Ok, Cain para ello utilicé Arial y todo correcto, menos para el menú de la parte superior, el que usa las capas salia algo movido en Mozilla y para ello utilicé Courier New, Courier....


GG te refieres a importar la fuente de colocar un tipo de fuente en el servidor y llamarla... y cuando un sistema que por ejemplo no tenga verdana la muestre, si es eso te agradecería me dijera como se hace.

Un Saludo

[Artepop]

Ya está listo el menú lo hice todo con capas, en Linux con Mozilla, Galeon y Konqueror se ve todo bien; en Windows con IE, Netscape, K-Meleon y Opera tambien se ve correctamente.

El problema hera que el menú superior lo tenia en la página en tablas y cuando se pasaba por encima se mostraba una capa, y hay es donde en otros sistemas salia movido ya que a ser diferente fuente no coincidia la posición del menú con la tabla.

Solución:

Puse el menú superior como capas y al posar sobre un enlace de este se muestra otra capa, que permanece oculta, en la misma posición tanto la capa que se muestra como la que aparece, de esta forma si en otro sistema la fuente no coincide, esto no importa ya que aparecerá en la misma pocisión.

Por si a alguien le sirve....

Esta capa muestra link que al ponerce encima muestra otra capa con el menu, lo unico que hace es donde pone +Sobre, aparece la capa con +Sobre de otro color y el correspondiente menú despregable.

Capa menú:

Código:

<div id="Sobre_Menu" style="position:absolute;z-index:0;left:594px;top:86px;visibility:show;" onMouseOver="MM_showHideLayers('Sobre','','show')" onMouseOut="MM_showHideLayers('Sobre','','hide')">
<table border="0" cellpadding="0" cellspacing="1">
<tr><td><a class="menusuperior" href="sobre/default.asp"><b>+Sobre</b></a></td></tr>
</table>
</div>

Capa oculta del menú:

Código:

<div id="Sobre" style="position:absolute;z-index:0;left:594px;top:86px;visibility:hidden;" onMouseOver="MM_showHideLayers('Sobre','','show')" onMouseOut="MM_showHideLayers('Sobre','','hide')">
<table border="0" cellpadding="0" cellspacing="1" bgcolor="#333333">
<tr><td bgcolor="#F5F5F5"><a class="menusuperior" href="sobre/default.asp"><b>+Sobre</b></a></td></tr>
</table>
<table height="5" border="0" cellpadding="0" cellspacing="0"><tr><td height="5"><img src="imagenes/fondo07.gif" border="0" width="100" height="5" alt="+Sobre"></td></tr></table>
<table border="0" cellpadding="0" cellspacing="1" bgcolor="#333333">
<tr><td bgcolor="#AABBCC" onMouseOver="this.style.backgroundColor='#E2EDF7'" onMouseOut="this.style.backgroundColor='#AABBCC'"><a class="menusuperior" href="sobre/el_autor.asp">El autor</a></td></tr>
<tr><td bgcolor="#AABBCC" onMouseOver="this.style.backgroundColor='#E2EDF7'" onMouseOut="this.style.backgroundColor='#AABBCC'"><a class="menusuperior" href="sobre/nosotros.asp">Nosotros</a></td></tr>
</table>
</div>

Como pueden ver la posición de las dos capas debe de ser la misma para que aparezca bien.

Un Saludo.