Autor
Me he encontrado un problemilla al actualizar el firefox a la version 4 con mi página web y es que no me hace bien las etiquetas y no entiendo por que
Os posteo el codigo a ver si vosotros maestros me echais una mano
Gracias
este es el principal
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link rel="stylesheet" href="menu_style.css" type="text/css" />
<script language="javascript">
function oculta (capa) {
document.getElementById(capa).style.visibility="hidden";
}
function muestra (capa) {
document.getElementById(capa).style.visibility="visible";
}
function reloj() {
var fObj = new Date() ;
var horas = fObj.getHours() ;
var minutos = fObj.getMinutes() ;
var segundos = fObj.getSeconds() ;
if (horas <= 9) horas = "0" + horas;
if (minutos <= 9) minutos = "0" + minutos;
if (segundos <= 9) segundos = "0" + segundos;
document.getElementById("home").value = horas+":"+minutos+":"+segundos;
}
var id = setInterval("reloj()",1000);
setTimeout("clearInterval("+id+")",15000);
</script>
</head>
<body>
<div id="menucontainer">
<div id="menunav">
<ul>
<li><a href="indexmenu.php" title="css 0" class="current"><form action="../../principal/index.html" target="mainFrame"><span><input type=submit id="home" value="Home"></span></form></a></li>
<li>
<a href="indexmenu2.php" title="css 1"><span><input type=submit onmouseover="muestra('menu1');" onmouseout="oculta('menu1');" value="Contratos"><div id="menu1" onmouseover="muestra('menu1');" onmouseout="oculta('menu1');">
<pre><form action=formGranada.php target="mainFrame"><input type=submit value="Nuevo"><input type=hidden name="localidad" value="<?php echo $localidad; ?>"></form></pre>
<pre><form action=verPaq_gr.php target="mainFrame"><input type=submit value="Modificar"></form></pre>
</div></span></a>
</li>
<li><a title="css 2"><span><input type=submit onmouseover="muestra('menu2');" onmouseout="oculta('menu2');" value="Anexos"><div id="menu2" onmouseover="muestra('menu2');" onmouseout="oculta('menu2');">
<li><pre><form action=formGranada.php target="mainFrame"><input type=submit value="stb"></form></pre></li>
<li><pre><form action=formGranada.php target="mainFrame"><input type=submit value="modificar stb"></form></pre></li>
<li><pre><form action=verPaq_gr.php target="mainFrame"><input type=submit value="tarjetas"></form></pre></li>
<li><pre><form action=verPaq_gr.php target="mainFrame"><input type=submit value="modificar tarjetas"></form></pre></li>
</div></span></a></li>
<li><a title="css 3"><span><input type=submit onmouseover="muestra('menu3');" onmouseout="oculta('menu3');" value="devoluciones"><div id="menu3" onmouseover="muestra('menu3');" onmouseout="oculta('menu3');">
<li><pre><form action=formGranada.php target="mainFrame"><input type=submit value="Pendientes"></form></pre></li>
<li><pre><form action=formGranada.php target="mainFrame"><input type=submit value="devolucion stb"></form></pre></li>
<li><pre><form action=verPaq_gr.php target="mainFrame"><input type=submit value="devolucion tarjeta"></form></pre></li>
</div></span></a></li>
<li><a title="css 4"><span><input type=submit onmouseover="muestra('menu4');" onmouseout="oculta('menu4');" value="Gestiones"><div id="menu4" onmouseover="muestra('menu4');" onmouseout="oculta('menu4');">
<li><pre><form action=formGranada.php target="mainFrame"><input type=submit value="portados"></form></pre></li>
<li><pre><form action=formGranada.php target="mainFrame"><input type=submit value="asignados"></form></pre></li>
<li><pre><form action=verPaq_gr.php target="mainFrame"><input type=submit value="reservados"></form></pre></li>
<li><pre><form action=verPaq_gr.php target="mainFrame"><input type=submit value="paquetes"></form></pre></li>
</div></span></a></li>
<li><a title="css 5"><span><form action=formGranada.php target="mainFrame"><input type=submit value="instalados <?php ('.$count2[0].') ?> "> <?php if ($count2[0]!="0"){ ?> <button type="submit" style="background-color: transparent; border:none;" class="img"><img src="images/019.gif" alt="submit" border="none" /></button> <?php } ?> </form></span></a></li>
<li><a title="css 6"><span><form action=../../ target="_parent"><input type=submit value="SALIR"></form></span></a></li>
</ul>
</div>
</div>
</body>
</html>
y este son los estilos de las etiquetas:
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
margin:0;
padding:0;
border:0;
outline:0;
font-size:100%;
vertical-align:baseline;
background:transparent;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
*{
list-style:none;
}
#menucontainer{
position:relative;
height:50px;
color:#FFFFFF;
background:#383636;
width:100%;
font-family:Helvetica,Arial,Verdana,sans-serif;
}
#menunav{
position:relative;
height:38px;
font-size:12px;
text-transform:uppercase;
font-weight:bold;
background:#fff url(images/background.jpg) repeat-x bottom left;
padding:0 0 0 20px;}
#menunav2{
position:relative;
width: 100%;
height:29px;
font-size:12px;
text-transform:uppercase;
font-weight:bold;
background:#DDDDDD;
border-bottom:solid;
}
#menunav2 input{
background-color: transparent;
BORDER: none;
text-transform:uppercase;
color:#000000;
font-family:Helvetica,Arial,Verdana,sans-serif;
height:21px;
font-size:12px;
font-weight:bold;
float:left;
padding:0;
cursor:pointer;
text-decoration:none;
margin-left: 20px;
}
#menuPrincipal{
position: relative;
width: 100%;
background:#DDDDDD;
}
#menunav2 input.current{
border-left:solid;
border-right:solid;
border-top:solid;
display:block;
width:auto;
background:#FFFFFF;
height:32px;}
#menu1{
background-color: #383636;
position: absolute;
top: 33px;
width: 100%;
height: 31px;
visibility: hidden;
text-align: left;
margin-left: 0px;
left: 0px;
}
#menu2{
background-color: #383636;
position: absolute;
top: 33px;
width: 100%;
height: 31px;
visibility: hidden;
text-align: left;
margin-left: 0px;
left: 0px;
}
#menu3{
background-color: #383636;
position: absolute;
top: 33px;
width: 100%;
height: 31px;
visibility: hidden;
text-align: left;
margin-left: 0px;
left: 0px;
}
#menu4{
background-color: #383636;
position: absolute;
top: 33px;
width: 100%;
height: 31px;
visibility: hidden;
text-align: left;
margin-left: 0px;
left: 0px;
}
#pre{
margin-left:5em;
margin-right:5em;
}
#menunav ul{
margin:0;
padding:0;
list-style-type:none;
width:auto;
float:left;}
#menunav ul li{
display:block;
float:left;
margin:0 1px;}
#menunav ul li a{
display:block;
float:left;
color:#EAF3F8;
text-decoration:none;
padding:0 0 0 20px;
height:38px;}
#menunav ul li a span{
padding:12px 20px 0 0;
height:21px;
float:left;}
#menunav ul li a span input{
background-color: transparent;
BORDER: none;
text-transform:uppercase;
color:#EAF3F8;
font-family:Helvetica,Arial,Verdana,sans-serif;
height:21px;
font-size:12px;
font-weight:bold;
float:left;
padding:0;
cursor:pointer;
text-decoration:none;
}
#menunav ul li a:hover{
color:#fff;
background:transparent url(images/hover.jpg) repeat-x bottom left;}
#menunav ul li a:hover span{
display:block;
width:auto;
cursor:pointer;}
#menunav ul li a.current, #menunav ul li a.current:hover{
color:#fff;
background:#1D6893 url(images/left.jpg) no-repeat top left;
line-height:275%;}
#menunav ul li a.current span{
display:block;
padding:12px 20px 0 0;
width:auto;
background:#383636 url(images/right.jpg) no-repeat top right;
height:38px;}
Gracias de nuevo por todo
En línea
