Aumentar y disminuir fuente

He probado el código que te mande y funciona, pero ahora lo incormporo en el texto de mi web y no funciona! Porque!
Es el siguiente:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Documento sin título</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link href="../estilos/letra.css" rel="stylesheet" type="text/css">
<link href="../estilos/titulos.css" rel="stylesheet" type="text/css">
<!-- cambiar tamaño de letra -->
<script >
FUENTE_DEFAULT = 9;
FUENTE_ACTUAL = 9;
FUENTE_MASPEQUENA = 7;
FUENTE_MASGRANDE = 18;
function MasTxt(div) {
FUENTE_ACTUAL = FUENTE_ACTUAL+2;
    if (FUENTE_ACTUAL > FUENTE_MASGRANDE) {
    FUENTE_ACTUAL = FUENTE_MASGRANDE
    }
var divID = document.getElementById(div);
divID.style.fontSize = FUENTE_ACTUAL+"pt";
}
function MenosTxt(div) {
FUENTE_ACTUAL = FUENTE_ACTUAL-2;
    if (FUENTE_ACTUAL < FUENTE_MASPEQUENA) {
    FUENTE_ACTUAL = FUENTE_MASPEQUENA
    }
var divID = document.getElementById(div);
divID.style.fontSize = FUENTE_ACTUAL+"pt";
}
</script>
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_reloadPage(init) {  //reloads the window if Nav4 resized
  if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
    document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
  else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
//-->
</script>
</head>
<body background="../imagenes/Fondoderecha.png">
<div id="Layer1" style="position:absolute; left:129px; top:297px; width:37px; height:38px; z-index:1"><img src="../imagenes/lupa%2B.gif" width="32" height="32" onClick="MasTxt('texto');"></div>
<div id="Layer2" style="position:absolute; left:178px; top:297px; width:43px; height:43px; z-index:2"><img src="../imagenes/lupa-.gif" width="32" height="32" onClick="MenosTxt('texto');"></div>
<div id="texto">
<p class="titulos">1.- El territorio de la Celtiberia </p>
<p class="letra">La Celtiberia ha quedado definida por la información de
  los escritores clásicos y la investigación arqueológica.
  Se asienta en el Sistema Ibérico Central y su reborde montañoso
con las cuencas del Ebro, Duero y Tajo. Sus 61.643 km2 se comparten por las
  Comunidades Autónomas de Aragón, Castilla-La Mancha, Castilla-León,
  Navarra y La Rioja, extendiéndose por las actuales provincias de Burgos,
  Cuenca, Navarra, Rioja, Soria, Teruel y Zaragoza.<br>
  Caracteriza dicho territorio su despoblación y extrema ruralidad, pero
no siempre fue así. Ciudades celtíberas como Bilbilis, Contrebia
  Belaisca, Ercávica, Numancia, Segeda, Uxama, etc fueron en otro tiempo
  capitales y cabezas de territorios, ricos y poblados. Actualmente las ruinas
  de estas ciudades se sitúan en parajes naturales de gran belleza. Confi-guran
  la base de un patrimonio cultural y ambiental indiscutible. Un valor de primer
  orden con el que incardinar un desarrollo sostenible del territorio a partir
  del turismo cultural y natural. La Ruta Celtibérica es la red que otorga
  identidad y articula dicho desarrollo. </p>
</div>
<p class="letra"> </p>
</body>
</html>
1

1 respuesta

Respuesta
1
Para realizar lo que pretendes yo siempre uso jQuery. En el siguiente apartado puedes encontrar todos los métodos que ofrece jQuery para manipulación CSS (mira en concreto el ejemplo del método css( properties )):
http://docs.jquery.com/CSS
Comentarte que jQuery es algo parecido a JavaScript, pero con nomenclatura diferente y lo mejor: funciona en todos los navegadores.
Prueba y me comentas.

Añade tu respuesta

Haz clic para o

Más respuestas relacionadas