Foros del Web » Creando para Internet » HTML »

Fuentes

Estas en el tema de Fuentes en el foro de HTML en Foros del Web. 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, ...
  #1 (permalink)  
Antiguo 09/09/2003, 02:06
Avatar de Artepop  
Fecha de Ingreso: noviembre-2002
Ubicación: Fuengirola
Mensajes: 292
Antigüedad: 15 años, 1 mes
Puntos: 1
Fuentes

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......
__________________
http://www.mfo.com.es/
  #2 (permalink)  
Antiguo 09/09/2003, 03:06
Avatar de Cain  
Fecha de Ingreso: enero-2002
Ubicación: Catalunya
Mensajes: 6.459
Antigüedad: 15 años, 11 meses
Puntos: 17
Arial.
__________________
M a l d i t o F r i k i
  #3 (permalink)  
Antiguo 09/09/2003, 09:58
Avatar de GG
GG
Usuario no validado
 
Fecha de Ingreso: febrero-2002
Ubicación: Santiago, Chile
Mensajes: 195
Antigüedad: 15 años, 10 meses
Puntos: 0
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.
  #4 (permalink)  
Antiguo 09/09/2003, 13:43
Avatar de Artepop  
Fecha de Ingreso: noviembre-2002
Ubicación: Fuengirola
Mensajes: 292
Antigüedad: 15 años, 1 mes
Puntos: 1
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
__________________
http://www.mfo.com.es/
  #5 (permalink)  
Antiguo 10/09/2003, 16:21
Avatar de Artepop  
Fecha de Ingreso: noviembre-2002
Ubicación: Fuengirola
Mensajes: 292
Antigüedad: 15 años, 1 mes
Puntos: 1
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.
__________________
http://www.mfo.com.es/
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 13:37.