Tengo un documento HTML el cual he duplicado y cambiado el nombre al archivo, ya que corresponde a otra sección del menú.
No he tocado absolutamente nada del código del documento duplicado, sin embargo en Mozilla (y solo en Mozilla) cuando accedo a ese documento, el tamaño de texto del menú es menor.
Resumiendo, la fuente del documento1.html tiene tamaño X y la del documento2.html tiene tamaño Y. ¿Alguien sabe el porqué?
Os dejo aquí los códigos:
HTML
Código PHP:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<META NAME="Keywords" CONTENT="plan de emprego,emprego,vigo">
<META NAME="Language" CONTENT="Spanish">
<META NAME="Revisit" CONTENT="1 day">
<META NAME="Distribution" CONTENT="Global">
<META NAME="Robots" CONTENT="All">
<title>Qué é o plan de emprego</title>
<link rel="stylesheet" type="text/css" href="css/estilo.css">
<script type='text/javascript' src='js/rollover_menu.js'></script>
</head>
<body background="img/fondo1.jpg">
<div id="menu_izq">
<div id="capa_img"><img src="img/logo.png" id="imglogo" /></div>
<div id="capa_linea"><img src="img/linea.png" id="imglinea" /></div>
<div id="capa_menu">
<div class="restomenu"><a href="index.html" onmouseover='img_on1()' onmouseout='img_off1()' ><img src="img/cuadrado_nada.png" id="cuadrado1" />Qué é o plan de emprego?</a></div>
<div class="capa_linea_mini"><img src="img/linea.png" class="imglineamini" /></div>
<div id="submenu">
<table align="center" border="0" cellpadding="0">
<tr>
<td><a onmouseover='img_onmini1()' onmouseout='img_offmini1()' href="comofunciona.html"><img src="img/cuadrado_nada.png" id="cuadradomini1" />cómo funciona</a></td>
</tr>
<tr>
<td><a onmouseover='img_onmini2()' onmouseout='img_offmini2()' href="inversion.html"><img src="img/cuadrado_nada.png" id="cuadradomini2" />inversión</a></td>
</tr>
<tr>
<td><a onmouseover='img_onmini3()' onmouseout='img_offmini3()' href="quenpodeparticipar.html"><img src="img/cuadrado_nada.png" id="cuadradomini3" />quen pode participar</a></td>
</tr>
<tr>
<td><a onmouseover='img_onmini4()' onmouseout='img_offmini4()' href="requisitos.html"><img src="img/cuadrado_nada.png" id="cuadradomini4" />requisitos</a></td>
</tr>
<tr>
<td><a onmouseover='img_onmini5()' onmouseout='img_offmini5()' href="comoapuntarte.html"><img src="img/cuadrado_nada.png" id="cuadradomini5" />cómo apuntarte</a></td>
</tr>
<tr>
<td><a onmouseover='img_onmini6()' onmouseout='img_offmini6()' href="preguntasfrecuentes.html"><img src="img/cuadrado_nada.png" id="cuadradomini6" />preguntas frecuentes</a></td>
</tr>
</table>
</div>
<div class="capa_linea_mini"><img src="img/linea.png" class="imglineamini" /></div>
<div class="restomenu"><a onmouseover='img_on2()' onmouseout='img_off2()' href="proxectos.html"><img src="img/cuadrado_nada.png" id="cuadrado2" />Proxectos</a></div>
<div class="capa_linea_mini"><img src="img/linea.png" class="imglineamini" /></div>
<div class="restomenu"><a onmouseover='img_on3()' onmouseout='img_off3()' href="convenios.html"><img src="img/cuadrado_nada.png" id="cuadrado3" />Convenios</a></div>
<div class="capa_linea_mini"><img src="img/linea.png" class="imglineamini" /></div>
<div class="restomenu"><a onmouseover='img_on4()' onmouseout='img_off4()'href="ofertas.html"><img src="img/cuadrado_nada.png" id="cuadrado4" />Ofertas</a></div>
<div class="capa_linea_mini"><img src="img/linea.png" class="imglineamini" /></div>
<div class="restomenu"><a onmouseover='img_on5()' onmouseout='img_off5()' href="noticias.html"><img src="img/cuadrado_nada.png" id="cuadrado5" />Noticias</a></div>
<div class="capa_linea_mini"><img src="img/linea.png" class="imglineamini" /></div>
<div class="restomenu"><a onmouseover='img_on6()' onmouseout='img_off6()' href="apuntate.html"><img src="img/cuadrado_nada.png" id="cuadrado6" />Apúntate</a></div>
<div id="capa_linea"><img src="img/linea.png" id="imglinea" /></div>
<img src="img/logo_concello.jpg" id="logoconcello" />
</div>
</div>
<div id="contenido">
</div>
</body>
</html>
CSS
Código PHP:
@import url(http://fonts.googleapis.com/css?family=Lobster);
html{
width: 100%;
height: 100%;
}
body{
background-size: cover;
font-size: 73%;
}
a{
color: white;
text-decoration: none;
}
#menu_izq{
width: 25%;
height: 95%;
font-family: 'Lobster', cursive;
font-size: 1.5em;
float: left;
/* border: 1px solid white; */
}
#menu_izq #cuadrado1,#cuadrado2,#cuadrado3,#cuadrado4,#cuadrado5,#cuadrado6{
width: 8%;
float: left;
margin-right: 20px;
border: 0px;
}
#menu_izq #cuadradomini1,#cuadradomini2,#cuadradomini3,#cuadradomini4,#cuadradomini5,#cuadradomini6{
width: 6%;
float: left;
margin-right: 20px;
border: 0px;
}
#menu_izq #capa_img{
text-align: center;
margin-left: 10%;
}
#menu_izq #capa_linea{
text-align: center;
margin-top: 20px;
}
#menu_izq .capa_linea_mini{
text-align: center;
margin-top: 20px;
}
#menu_izq #capa_menu{
text-align: center;
margin-top: 10px;
}
#menu_izq #imglogo{
width: 50%;
}
#menu_izq #imglinea{
width: 60%;
}
#menu_izq .imglineamini{
width: 50%;
}
#menu_izq #submenu{
text-align: left;
margin: auto;
font-family: Aller, Arial;
}
#menu_izq #submenu table{
font-size: 0.7em;
font-weight: bold;
margin-top: 10px;
margin-bottom: -10px;
}
#menu_izq .restomenu{
/* border: 1px solid white; */
width: 250px;
margin: auto;
text-align: left;
margin-top: 8px;
margin-bottom: -11px;
font-size:1em;
}
#logoconcello{
margin-top: 20px;
width: 35%;
}
#contenido{
float: left;
/* border: 1px solid green; */
margin-left: 7%;
width: 65%;
height: 300px;
font-family: Aller;
}
Javascript
Código PHP:
/* SCRIPT ROLLOVER IMAGEN VER TAREA */
function img_on1(){
var imagen = document.getElementById("cuadrado1");
imagen.src='img/cuadrado.png';
}
function img_off1(){
var imagen = document.getElementById("cuadrado1");
imagen.src='img/cuadrado_nada.png';
}
function img_on2(){
var imagen = document.getElementById("cuadrado2");
imagen.src='img/cuadrado.png';
}
function img_off2(){
var imagen = document.getElementById("cuadrado2");
imagen.src='img/cuadrado_nada.png';
}
function img_on3(){
var imagen = document.getElementById("cuadrado3");
imagen.src='img/cuadrado.png';
}
function img_off3(){
var imagen = document.getElementById("cuadrado3");
imagen.src='img/cuadrado_nada.png';
}
function img_on4(){
var imagen = document.getElementById("cuadrado4");
imagen.src='img/cuadrado.png';
}
function img_off4(){
var imagen = document.getElementById("cuadrado4");
imagen.src='img/cuadrado_nada.png';
}
function img_on5(){
var imagen = document.getElementById("cuadrado5");
imagen.src='img/cuadrado.png';
}
function img_off5(){
var imagen = document.getElementById("cuadrado5");
imagen.src='img/cuadrado_nada.png';
}
function img_on6(){
var imagen = document.getElementById("cuadrado6");
imagen.src='img/cuadrado.png';
}
function img_off6(){
var imagen = document.getElementById("cuadrado6");
imagen.src='img/cuadrado_nada.png';
}
function img_onmini1(){
var imagen = document.getElementById("cuadradomini1");
imagen.src='img/cuadrado.png';
}
function img_offmini1(){
var imagen = document.getElementById("cuadradomini1");
imagen.src='img/cuadrado_nada.png';
}
function img_onmini2(){
var imagen = document.getElementById("cuadradomini2");
imagen.src='img/cuadrado.png';
}
function img_offmini2(){
var imagen = document.getElementById("cuadradomini2");
imagen.src='img/cuadrado_nada.png';
}
function img_onmini3(){
var imagen = document.getElementById("cuadradomini3");
imagen.src='img/cuadrado.png';
}
function img_offmini3(){
var imagen = document.getElementById("cuadradomini3");
imagen.src='img/cuadrado_nada.png';
}
function img_onmini4(){
var imagen = document.getElementById("cuadradomini4");
imagen.src='img/cuadrado.png';
}
function img_offmini4(){
var imagen = document.getElementById("cuadradomini4");
imagen.src='img/cuadrado_nada.png';
}
function img_onmini5(){
var imagen = document.getElementById("cuadradomini5");
imagen.src='img/cuadrado.png';
}
function img_offmini5(){
var imagen = document.getElementById("cuadradomini5");
imagen.src='img/cuadrado_nada.png';
}
function img_onmini6(){
var imagen = document.getElementById("cuadradomini6");
imagen.src='img/cuadrado.png';
}
function img_offmini6(){
var imagen = document.getElementById("cuadradomini6");
imagen.src='img/cuadrado_nada.png';
}